diff --git a/master/404.html b/master/404.html index 15f5148ce..ceea9d381 100644 --- a/master/404.html +++ b/master/404.html @@ -7,11 +7,11 @@ - +
- + diff --git a/master/api/index.html b/master/api/index.html index 40a3f62a1..c4821b01f 100644 --- a/master/api/index.html +++ b/master/api/index.html @@ -7,7 +7,7 @@ - + @@ -31,11 +31,11 @@ Samples GitHub - (opens new window)

# Chart.js annotation - v3.0.1

# Interfaces

# Type Aliases

# AnnotationOptions

Ƭ AnnotationOptions<TYPE>: { [key in TYPE]: Object & AnnotationTypeRegistry[key] }[TYPE]

# Type parameters

Name Type
TYPE extends AnnotationType = AnnotationType

# Defined in

options.d.ts:18 (opens new window)

# AnnotationType

Ƭ AnnotationType: keyof AnnotationTypeRegistry

# Defined in

options.d.ts:17 (opens new window)

# CalloutPosition

Ƭ CalloutPosition: "left" | "top" | "bottom" | "right" | "auto"

# Defined in

label.d.ts:10 (opens new window)

# DrawTime

Ƭ DrawTime: "afterDraw" | "afterDatasetsDraw" | "beforeDraw" | "beforeDatasetsDraw" | number

# Defined in

options.d.ts:6 (opens new window)

# LabelPosition

Ƭ LabelPosition: "start" | "center" | "end" | percentString

# Defined in

label.d.ts:6 (opens new window)

# LabelTextAlign

Ƭ LabelTextAlign: "left" | "start" | "center" | "right" | "end"

# Defined in

label.d.ts:8 (opens new window)

# ScaleValue

Ƭ ScaleValue: number | string

# Defined in

options.d.ts:27 (opens new window)

# Scriptable

Ƭ Scriptable<T, TContext>: T | (ctx: TContext, options: AnnotationOptions) => T

# Type parameters

Name
T
TContext

# Defined in

options.d.ts:26 (opens new window)

# percentString

Ƭ percentString: `${number}%`

# Defined in

label.d.ts:5 (opens new window)

# Variables

# default

• Const default: Plugin & { getAnnotations: (chart: Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>) => AnnotationElement[] }

# Defined in

index.d.ts:21 (opens new window)

+ (opens new window)

# Chart.js annotation - v3.0.1

# Interfaces

# Type Aliases

# AnnotationOptions

Ƭ AnnotationOptions<TYPE>: { [key in TYPE]: Object & AnnotationTypeRegistry[key] }[TYPE]

# Type parameters

Name Type
TYPE extends AnnotationType = AnnotationType

# Defined in

options.d.ts:18 (opens new window)

# AnnotationType

Ƭ AnnotationType: keyof AnnotationTypeRegistry

# Defined in

options.d.ts:17 (opens new window)

# CalloutPosition

Ƭ CalloutPosition: "left" | "top" | "bottom" | "right" | "auto"

# Defined in

label.d.ts:10 (opens new window)

# DrawTime

Ƭ DrawTime: "afterDraw" | "afterDatasetsDraw" | "beforeDraw" | "beforeDatasetsDraw" | number

# Defined in

options.d.ts:6 (opens new window)

# LabelPosition

Ƭ LabelPosition: "start" | "center" | "end" | percentString

# Defined in

label.d.ts:6 (opens new window)

# LabelTextAlign

Ƭ LabelTextAlign: "left" | "start" | "center" | "right" | "end"

# Defined in

label.d.ts:8 (opens new window)

# ScaleValue

Ƭ ScaleValue: number | string

# Defined in

options.d.ts:27 (opens new window)

# Scriptable

Ƭ Scriptable<T, TContext>: T | (ctx: TContext, options: AnnotationOptions) => T

# Type parameters

Name
T
TContext

# Defined in

options.d.ts:26 (opens new window)

# percentString

Ƭ percentString: `${number}%`

# Defined in

label.d.ts:5 (opens new window)

# Variables

# default

• Const default: Plugin & { getAnnotations: (chart: Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>) => AnnotationElement[] }

# Defined in

index.d.ts:21 (opens new window)

AnnotationBoxModel →

- + diff --git a/master/api/interfaces/AnnotationBoxModel.html b/master/api/interfaces/AnnotationBoxModel.html index e08468fe6..df07ba2e4 100644 --- a/master/api/interfaces/AnnotationBoxModel.html +++ b/master/api/interfaces/AnnotationBoxModel.html @@ -7,7 +7,7 @@ - + @@ -31,7 +31,7 @@ Samples GitHub - (opens new window)

# Interface: AnnotationBoxModel

# Hierarchy

# Properties

# centerX

• centerX: number

# Defined in

element.d.ts:8 (opens new window)

# centerY

• centerY: number

# Defined in

element.d.ts:9 (opens new window)

# height

• height: number

# Defined in

element.d.ts:10 (opens new window)

# radius

• Optional radius: number

# Defined in

element.d.ts:12 (opens new window)

# width

• width: number

# Defined in

element.d.ts:11 (opens new window)

# x

• x: number

# Defined in

element.d.ts:4 (opens new window)

# x2

• x2: number

# Defined in

element.d.ts:6 (opens new window)

# y

• y: number

# Defined in

element.d.ts:5 (opens new window)

# y2

• y2: number

# Defined in

element.d.ts:7 (opens new window)

+ (opens new window)

# Interface: AnnotationBoxModel

# Hierarchy

# Properties

# centerX

• centerX: number

# Defined in

element.d.ts:8 (opens new window)

# centerY

• centerY: number

# Defined in

element.d.ts:9 (opens new window)

# height

• height: number

# Defined in

element.d.ts:10 (opens new window)

# radius

• Optional radius: number

# Defined in

element.d.ts:12 (opens new window)

# width

• width: number

# Defined in

element.d.ts:11 (opens new window)

# x

• x: number

# Defined in

element.d.ts:4 (opens new window)

# x2

• x2: number

# Defined in

element.d.ts:6 (opens new window)

# y

• y: number

# Defined in

element.d.ts:5 (opens new window)

# y2

• y2: number

# Defined in

element.d.ts:7 (opens new window)

← →

- + diff --git a/master/api/interfaces/AnnotationElement.html b/master/api/interfaces/AnnotationElement.html index efb47caa8..3e01548fa 100644 --- a/master/api/interfaces/AnnotationElement.html +++ b/master/api/interfaces/AnnotationElement.html @@ -7,7 +7,7 @@ - + @@ -31,7 +31,7 @@ Samples GitHub - (opens new window)

# Interface: AnnotationElement

# Hierarchy

# Properties

# centerX

• centerX: number

# Inherited from

AnnotationBoxModel.centerX

# Defined in

element.d.ts:8 (opens new window)

# centerY

• centerY: number

# Inherited from

AnnotationBoxModel.centerY

# Defined in

element.d.ts:9 (opens new window)

# height

• height: number

# Inherited from

AnnotationBoxModel.height

# Defined in

element.d.ts:10 (opens new window)

# label

• Optional label: AnnotationElement

# Defined in

element.d.ts:16 (opens new window)

# options

• options: AnnotationOptions<keyof AnnotationTypeRegistry>

# Defined in

element.d.ts:17 (opens new window)

# radius

• Optional radius: number

# Inherited from

AnnotationBoxModel.radius

# Defined in

element.d.ts:12 (opens new window)

# width

• width: number

# Inherited from

AnnotationBoxModel.width

# Defined in

element.d.ts:11 (opens new window)

# x

• x: number

# Inherited from

AnnotationBoxModel.x

# Defined in

element.d.ts:4 (opens new window)

# x2

• x2: number

# Inherited from

AnnotationBoxModel.x2

# Defined in

element.d.ts:6 (opens new window)

# y

• y: number

# Inherited from

AnnotationBoxModel.y

# Defined in

element.d.ts:5 (opens new window)

# y2

• y2: number

# Inherited from

AnnotationBoxModel.y2

# Defined in

element.d.ts:7 (opens new window)

+ (opens new window)

# Interface: AnnotationElement

# Hierarchy

# Properties

# centerX

• centerX: number

# Inherited from

AnnotationBoxModel.centerX

# Defined in

element.d.ts:8 (opens new window)

# centerY

• centerY: number

# Inherited from

AnnotationBoxModel.centerY

# Defined in

element.d.ts:9 (opens new window)

# height

• height: number

# Inherited from

AnnotationBoxModel.height

# Defined in

element.d.ts:10 (opens new window)

# label

• Optional label: AnnotationElement

# Defined in

element.d.ts:16 (opens new window)

# options

• options: AnnotationOptions<keyof AnnotationTypeRegistry>

# Defined in

element.d.ts:17 (opens new window)

# radius

• Optional radius: number

# Inherited from

AnnotationBoxModel.radius

# Defined in

element.d.ts:12 (opens new window)

# width

• width: number

# Inherited from

AnnotationBoxModel.width

# Defined in

element.d.ts:11 (opens new window)

# x

• x: number

# Inherited from

AnnotationBoxModel.x

# Defined in

element.d.ts:4 (opens new window)

# x2

• x2: number

# Inherited from

AnnotationBoxModel.x2

# Defined in

element.d.ts:6 (opens new window)

# y

• y: number

# Inherited from

AnnotationBoxModel.y

# Defined in

element.d.ts:5 (opens new window)

# y2

• y2: number

# Inherited from

AnnotationBoxModel.y2

# Defined in

element.d.ts:7 (opens new window)

← →

- + diff --git a/master/api/interfaces/AnnotationEvents.html b/master/api/interfaces/AnnotationEvents.html index c1dd1b006..d1d5d07f9 100644 --- a/master/api/interfaces/AnnotationEvents.html +++ b/master/api/interfaces/AnnotationEvents.html @@ -7,7 +7,7 @@ - + @@ -31,7 +31,7 @@ Samples GitHub - (opens new window)

# Interface: AnnotationEvents

# Hierarchy

# Methods

# click

▸ Optional click(context, event): boolean | void

# Parameters

Name Type
context EventContext
event ChartEvent

# Returns

boolean | void

# Defined in

events.d.ts:27 (opens new window)

# enter

▸ Optional enter(context, event): boolean | void

# Parameters

Name Type
context EventContext
event ChartEvent

# Returns

boolean | void

# Defined in

events.d.ts:25 (opens new window)

# leave

▸ Optional leave(context, event): boolean | void

# Parameters

Name Type
context EventContext
event ChartEvent

# Returns

boolean | void

# Defined in

events.d.ts:26 (opens new window)

+ (opens new window)

# Interface: AnnotationEvents

# Hierarchy

# Methods

# click

▸ Optional click(context, event): boolean | void

# Parameters

Name Type
context EventContext
event ChartEvent

# Returns

boolean | void

# Defined in

events.d.ts:27 (opens new window)

# enter

▸ Optional enter(context, event): boolean | void

# Parameters

Name Type
context EventContext
event ChartEvent

# Returns

boolean | void

# Defined in

events.d.ts:25 (opens new window)

# leave

▸ Optional leave(context, event): boolean | void

# Parameters

Name Type
context EventContext
event ChartEvent

# Returns

boolean | void

# Defined in

events.d.ts:26 (opens new window)

← →

- + diff --git a/master/api/interfaces/AnnotationHooks.html b/master/api/interfaces/AnnotationHooks.html index e3feaf087..8dfe0dbe9 100644 --- a/master/api/interfaces/AnnotationHooks.html +++ b/master/api/interfaces/AnnotationHooks.html @@ -7,7 +7,7 @@ - + @@ -31,7 +31,7 @@ Samples GitHub - (opens new window)

# Interface: AnnotationHooks

# Hierarchy

# Methods

# afterDraw

▸ Optional afterDraw(context): void

# Parameters

Name Type
context EventContext

# Returns

void

# Defined in

options.d.ts:23 (opens new window)

# beforeDraw

▸ Optional beforeDraw(context): void

# Parameters

Name Type
context EventContext

# Returns

void

# Defined in

options.d.ts:22 (opens new window)

+ (opens new window)

# Interface: AnnotationHooks

# Hierarchy

# Methods

# afterDraw

▸ Optional afterDraw(context): void

# Parameters

Name Type
context EventContext

# Returns

void

# Defined in

options.d.ts:23 (opens new window)

# beforeDraw

▸ Optional beforeDraw(context): void

# Parameters

Name Type
context EventContext

# Returns

void

# Defined in

options.d.ts:22 (opens new window)

← →

- + diff --git a/master/api/interfaces/AnnotationPluginOptions.html b/master/api/interfaces/AnnotationPluginOptions.html index d53c1fc5e..07c7d4649 100644 --- a/master/api/interfaces/AnnotationPluginOptions.html +++ b/master/api/interfaces/AnnotationPluginOptions.html @@ -7,7 +7,7 @@ - + @@ -31,7 +31,7 @@ Samples GitHub - (opens new window)

# Interface: AnnotationPluginOptions

# Hierarchy

# Properties

# animations

• Optional animations: Record<string, unknown>

# Defined in

options.d.ts:153 (opens new window)

# annotations

• annotations: Record<string, AnnotationOptions<keyof AnnotationTypeRegistry>> | AnnotationOptions<keyof AnnotationTypeRegistry>[]

# Defined in

options.d.ts:154 (opens new window)

# clip

• Optional clip: boolean

# Defined in

options.d.ts:155 (opens new window)

# common

• Optional common: BoxAnnotationOptions | EllipseAnnotationOptions | LabelAnnotationOptions | LineAnnotationOptions | PointAnnotationOptions | PolygonAnnotationOptions

# Defined in

options.d.ts:156 (opens new window)

# interaction

• Optional interaction: CoreInteractionOptions

# Defined in

options.d.ts:157 (opens new window)

# Methods

# afterDraw

▸ Optional afterDraw(context): void

# Parameters

Name Type
context EventContext

# Returns

void

# Inherited from

AnnotationHooks.afterDraw

# Defined in

options.d.ts:23 (opens new window)

# beforeDraw

▸ Optional beforeDraw(context): void

# Parameters

Name Type
context EventContext

# Returns

void

# Inherited from

AnnotationHooks.beforeDraw

# Defined in

options.d.ts:22 (opens new window)

# click

▸ Optional click(context, event): boolean | void

# Parameters

Name Type
context EventContext
event ChartEvent

# Returns

boolean | void

# Inherited from

AnnotationEvents.click

# Defined in

events.d.ts:27 (opens new window)

# enter

▸ Optional enter(context, event): boolean | void

# Parameters

Name Type
context EventContext
event ChartEvent

# Returns

boolean | void

# Inherited from

AnnotationEvents.enter

# Defined in

events.d.ts:25 (opens new window)

# leave

▸ Optional leave(context, event): boolean | void

# Parameters

Name Type
context EventContext
event ChartEvent

# Returns

boolean | void

# Inherited from

AnnotationEvents.leave

# Defined in

events.d.ts:26 (opens new window)

+ (opens new window)

# Interface: AnnotationPluginOptions

# Hierarchy

# Properties

# animations

• Optional animations: Record<string, unknown>

# Defined in

options.d.ts:153 (opens new window)

# annotations

• annotations: Record<string, AnnotationOptions<keyof AnnotationTypeRegistry>> | AnnotationOptions<keyof AnnotationTypeRegistry>[]

# Defined in

options.d.ts:154 (opens new window)

# clip

• Optional clip: boolean

# Defined in

options.d.ts:155 (opens new window)

# common

• Optional common: BoxAnnotationOptions | EllipseAnnotationOptions | LabelAnnotationOptions | LineAnnotationOptions | PointAnnotationOptions | PolygonAnnotationOptions

# Defined in

options.d.ts:156 (opens new window)

# interaction

• Optional interaction: CoreInteractionOptions

# Defined in

options.d.ts:157 (opens new window)

# Methods

# afterDraw

▸ Optional afterDraw(context): void

# Parameters

Name Type
context EventContext

# Returns

void

# Inherited from

AnnotationHooks.afterDraw

# Defined in

options.d.ts:23 (opens new window)

# beforeDraw

▸ Optional beforeDraw(context): void

# Parameters

Name Type
context EventContext

# Returns

void

# Inherited from

AnnotationHooks.beforeDraw

# Defined in

options.d.ts:22 (opens new window)

# click

▸ Optional click(context, event): boolean | void

# Parameters

Name Type
context EventContext
event ChartEvent

# Returns

boolean | void

# Inherited from

AnnotationEvents.click

# Defined in

events.d.ts:27 (opens new window)

# enter

▸ Optional enter(context, event): boolean | void

# Parameters

Name Type
context EventContext
event ChartEvent

# Returns

boolean | void

# Inherited from

AnnotationEvents.enter

# Defined in

events.d.ts:25 (opens new window)

# leave

▸ Optional leave(context, event): boolean | void

# Parameters

Name Type
context EventContext
event ChartEvent

# Returns

boolean | void

# Inherited from

AnnotationEvents.leave

# Defined in

events.d.ts:26 (opens new window)

← →

- + diff --git a/master/api/interfaces/AnnotationPointCoordinates.html b/master/api/interfaces/AnnotationPointCoordinates.html index f01a632be..851259126 100644 --- a/master/api/interfaces/AnnotationPointCoordinates.html +++ b/master/api/interfaces/AnnotationPointCoordinates.html @@ -7,7 +7,7 @@ - + @@ -31,7 +31,7 @@ Samples GitHub - (opens new window)

# Interface: AnnotationPointCoordinates

# Hierarchy

# Properties

# xValue

• Optional xValue: Scriptable<ScaleValue, PartialEventContext>

# Defined in

options.d.ts:58 (opens new window)

# yValue

• Optional yValue: Scriptable<ScaleValue, PartialEventContext>

# Defined in

options.d.ts:59 (opens new window)

+ (opens new window)

# Interface: AnnotationPointCoordinates

# Hierarchy

# Properties

# xValue

• Optional xValue: Scriptable<ScaleValue, PartialEventContext>

# Defined in

options.d.ts:58 (opens new window)

# yValue

• Optional yValue: Scriptable<ScaleValue, PartialEventContext>

# Defined in

options.d.ts:59 (opens new window)

← →

- + diff --git a/master/api/interfaces/AnnotationTypeRegistry.html b/master/api/interfaces/AnnotationTypeRegistry.html index 035146add..a62c2e016 100644 --- a/master/api/interfaces/AnnotationTypeRegistry.html +++ b/master/api/interfaces/AnnotationTypeRegistry.html @@ -7,7 +7,7 @@ - + @@ -31,7 +31,7 @@ Samples GitHub - (opens new window)

# Interface: AnnotationTypeRegistry

# Properties

# box

• box: BoxAnnotationOptions

# Defined in

options.d.ts:9 (opens new window)

# ellipse

• ellipse: EllipseAnnotationOptions

# Defined in

options.d.ts:10 (opens new window)

# label

• label: LabelAnnotationOptions

# Defined in

options.d.ts:11 (opens new window)

# line

• line: LineAnnotationOptions

# Defined in

options.d.ts:12 (opens new window)

# point

• point: PointAnnotationOptions

# Defined in

options.d.ts:13 (opens new window)

# polygon

• polygon: PolygonAnnotationOptions

# Defined in

options.d.ts:14 (opens new window)

+ (opens new window)

# Interface: AnnotationTypeRegistry

# Properties

# box

• box: BoxAnnotationOptions

# Defined in

options.d.ts:9 (opens new window)

# ellipse

• ellipse: EllipseAnnotationOptions

# Defined in

options.d.ts:10 (opens new window)

# label

• label: LabelAnnotationOptions

# Defined in

options.d.ts:11 (opens new window)

# line

• line: LineAnnotationOptions

# Defined in

options.d.ts:12 (opens new window)

# point

• point: PointAnnotationOptions

# Defined in

options.d.ts:13 (opens new window)

# polygon

• polygon: PolygonAnnotationOptions

# Defined in

options.d.ts:14 (opens new window)

← →

- + diff --git a/master/api/interfaces/ArrowHeadOptions.html b/master/api/interfaces/ArrowHeadOptions.html index c93248461..dbcb62770 100644 --- a/master/api/interfaces/ArrowHeadOptions.html +++ b/master/api/interfaces/ArrowHeadOptions.html @@ -7,7 +7,7 @@ - + @@ -31,7 +31,7 @@ Samples GitHub - (opens new window)

# Interface: ArrowHeadOptions

# Hierarchy

# Properties

# backgroundColor

• Optional backgroundColor: Scriptable<Color, PartialEventContext>

# Defined in

options.d.ts:63 (opens new window)

# backgroundShadowColor

• Optional backgroundShadowColor: Scriptable<Color, PartialEventContext>

# Inherited from

ShadowOptions.backgroundShadowColor

# Defined in

options.d.ts:30 (opens new window)

# borderColor

• Optional borderColor: Scriptable<Color, PartialEventContext>

# Defined in

options.d.ts:64 (opens new window)

# borderDash

• Optional borderDash: Scriptable<number[], PartialEventContext>

# Defined in

options.d.ts:65 (opens new window)

# borderDashOffset

• Optional borderDashOffset: Scriptable<number, PartialEventContext>

# Defined in

options.d.ts:66 (opens new window)

# borderShadowColor

• Optional borderShadowColor: Scriptable<Color, PartialEventContext>

# Inherited from

ShadowOptions.borderShadowColor

# Defined in

options.d.ts:31 (opens new window)

# borderWidth

• Optional borderWidth: Scriptable<number, PartialEventContext>

# Defined in

options.d.ts:67 (opens new window)

# display

• Optional display: Scriptable<boolean, PartialEventContext>

# Defined in

options.d.ts:68 (opens new window)

# fill

• Optional fill: Scriptable<boolean, PartialEventContext>

# Defined in

options.d.ts:69 (opens new window)

# length

• Optional length: Scriptable<number, PartialEventContext>

# Defined in

options.d.ts:70 (opens new window)

# shadowBlur

• Optional shadowBlur: Scriptable<number, PartialEventContext>

# Inherited from

ShadowOptions.shadowBlur

# Defined in

options.d.ts:32 (opens new window)

# shadowOffsetX

• Optional shadowOffsetX: Scriptable<number, PartialEventContext>

# Inherited from

ShadowOptions.shadowOffsetX

# Defined in

options.d.ts:33 (opens new window)

# shadowOffsetY

• Optional shadowOffsetY: Scriptable<number, PartialEventContext>

# Inherited from

ShadowOptions.shadowOffsetY

# Defined in

options.d.ts:34 (opens new window)

# width

• Optional width: Scriptable<number, PartialEventContext>

# Defined in

options.d.ts:71 (opens new window)

+ (opens new window)

# Interface: ArrowHeadOptions

# Hierarchy

# Properties

# backgroundColor

• Optional backgroundColor: Scriptable<Color, PartialEventContext>

# Defined in

options.d.ts:63 (opens new window)

# backgroundShadowColor

• Optional backgroundShadowColor: Scriptable<Color, PartialEventContext>

# Inherited from

ShadowOptions.backgroundShadowColor

# Defined in

options.d.ts:30 (opens new window)

# borderColor

• Optional borderColor: Scriptable<Color, PartialEventContext>

# Defined in

options.d.ts:64 (opens new window)

# borderDash

• Optional borderDash: Scriptable<number[], PartialEventContext>

# Defined in

options.d.ts:65 (opens new window)

# borderDashOffset

• Optional borderDashOffset: Scriptable<number, PartialEventContext>

# Defined in

options.d.ts:66 (opens new window)

# borderShadowColor

• Optional borderShadowColor: Scriptable<Color, PartialEventContext>

# Inherited from

ShadowOptions.borderShadowColor

# Defined in

options.d.ts:31 (opens new window)

# borderWidth

• Optional borderWidth: Scriptable<number, PartialEventContext>

# Defined in

options.d.ts:67 (opens new window)

# display

• Optional display: Scriptable<boolean, PartialEventContext>

# Defined in

options.d.ts:68 (opens new window)

# fill

• Optional fill: Scriptable<boolean, PartialEventContext>

# Defined in

options.d.ts:69 (opens new window)

# length

• Optional length: Scriptable<number, PartialEventContext>

# Defined in

options.d.ts:70 (opens new window)

# shadowBlur

• Optional shadowBlur: Scriptable<number, PartialEventContext>

# Inherited from

ShadowOptions.shadowBlur

# Defined in

options.d.ts:32 (opens new window)

# shadowOffsetX

• Optional shadowOffsetX: Scriptable<number, PartialEventContext>

# Inherited from

ShadowOptions.shadowOffsetX

# Defined in

options.d.ts:33 (opens new window)

# shadowOffsetY

• Optional shadowOffsetY: Scriptable<number, PartialEventContext>

# Inherited from

ShadowOptions.shadowOffsetY

# Defined in

options.d.ts:34 (opens new window)

# width

• Optional width: Scriptable<number, PartialEventContext>

# Defined in

options.d.ts:71 (opens new window)

← →

- + diff --git a/master/api/interfaces/ArrowHeadsOptions.html b/master/api/interfaces/ArrowHeadsOptions.html index e537fef11..51696ce32 100644 --- a/master/api/interfaces/ArrowHeadsOptions.html +++ b/master/api/interfaces/ArrowHeadsOptions.html @@ -7,7 +7,7 @@ - + @@ -31,7 +31,7 @@ Samples GitHub - (opens new window)

# Interface: ArrowHeadsOptions

# Hierarchy

# Properties

# backgroundColor

• Optional backgroundColor: Scriptable<Color, PartialEventContext>

# Inherited from

ArrowHeadOptions.backgroundColor

# Defined in

options.d.ts:63 (opens new window)

# backgroundShadowColor

• Optional backgroundShadowColor: Scriptable<Color, PartialEventContext>

# Inherited from

ArrowHeadOptions.backgroundShadowColor

# Defined in

options.d.ts:30 (opens new window)

# borderColor

• Optional borderColor: Scriptable<Color, PartialEventContext>

# Inherited from

ArrowHeadOptions.borderColor

# Defined in

options.d.ts:64 (opens new window)

# borderDash

• Optional borderDash: Scriptable<number[], PartialEventContext>

# Inherited from

ArrowHeadOptions.borderDash

# Defined in

options.d.ts:65 (opens new window)

# borderDashOffset

• Optional borderDashOffset: Scriptable<number, PartialEventContext>

# Inherited from

ArrowHeadOptions.borderDashOffset

# Defined in

options.d.ts:66 (opens new window)

# borderShadowColor

• Optional borderShadowColor: Scriptable<Color, PartialEventContext>

# Inherited from

ArrowHeadOptions.borderShadowColor

# Defined in

options.d.ts:31 (opens new window)

# borderWidth

• Optional borderWidth: Scriptable<number, PartialEventContext>

# Inherited from

ArrowHeadOptions.borderWidth

# Defined in

options.d.ts:67 (opens new window)

# display

• Optional display: Scriptable<boolean, PartialEventContext>

# Inherited from

ArrowHeadOptions.display

# Defined in

options.d.ts:68 (opens new window)

# end

• Optional end: ArrowHeadOptions

# Defined in

options.d.ts:75 (opens new window)

# fill

• Optional fill: Scriptable<boolean, PartialEventContext>

# Inherited from

ArrowHeadOptions.fill

# Defined in

options.d.ts:69 (opens new window)

# length

• Optional length: Scriptable<number, PartialEventContext>

# Inherited from

ArrowHeadOptions.length

# Defined in

options.d.ts:70 (opens new window)

# shadowBlur

• Optional shadowBlur: Scriptable<number, PartialEventContext>

# Inherited from

ArrowHeadOptions.shadowBlur

# Defined in

options.d.ts:32 (opens new window)

# shadowOffsetX

• Optional shadowOffsetX: Scriptable<number, PartialEventContext>

# Inherited from

ArrowHeadOptions.shadowOffsetX

# Defined in

options.d.ts:33 (opens new window)

# shadowOffsetY

• Optional shadowOffsetY: Scriptable<number, PartialEventContext>

# Inherited from

ArrowHeadOptions.shadowOffsetY

# Defined in

options.d.ts:34 (opens new window)

# start

• Optional start: ArrowHeadOptions

# Defined in

options.d.ts:76 (opens new window)

# width

• Optional width: Scriptable<number, PartialEventContext>

# Inherited from

ArrowHeadOptions.width

# Defined in

options.d.ts:71 (opens new window)

+ (opens new window)

# Interface: ArrowHeadsOptions

# Hierarchy

# Properties

# backgroundColor

• Optional backgroundColor: Scriptable<Color, PartialEventContext>

# Inherited from

ArrowHeadOptions.backgroundColor

# Defined in

options.d.ts:63 (opens new window)

# backgroundShadowColor

• Optional backgroundShadowColor: Scriptable<Color, PartialEventContext>

# Inherited from

ArrowHeadOptions.backgroundShadowColor

# Defined in

options.d.ts:30 (opens new window)

# borderColor

• Optional borderColor: Scriptable<Color, PartialEventContext>

# Inherited from

ArrowHeadOptions.borderColor

# Defined in

options.d.ts:64 (opens new window)

# borderDash

• Optional borderDash: Scriptable<number[], PartialEventContext>

# Inherited from

ArrowHeadOptions.borderDash

# Defined in

options.d.ts:65 (opens new window)

# borderDashOffset

• Optional borderDashOffset: Scriptable<number, PartialEventContext>

# Inherited from

ArrowHeadOptions.borderDashOffset

# Defined in

options.d.ts:66 (opens new window)

# borderShadowColor

• Optional borderShadowColor: Scriptable<Color, PartialEventContext>

# Inherited from

ArrowHeadOptions.borderShadowColor

# Defined in

options.d.ts:31 (opens new window)

# borderWidth

• Optional borderWidth: Scriptable<number, PartialEventContext>

# Inherited from

ArrowHeadOptions.borderWidth

# Defined in

options.d.ts:67 (opens new window)

# display

• Optional display: Scriptable<boolean, PartialEventContext>

# Inherited from

ArrowHeadOptions.display

# Defined in

options.d.ts:68 (opens new window)

# end

• Optional end: ArrowHeadOptions

# Defined in

options.d.ts:75 (opens new window)

# fill

• Optional fill: Scriptable<boolean, PartialEventContext>

# Inherited from

ArrowHeadOptions.fill

# Defined in

options.d.ts:69 (opens new window)

# length

• Optional length: Scriptable<number, PartialEventContext>

# Inherited from

ArrowHeadOptions.length

# Defined in

options.d.ts:70 (opens new window)

# shadowBlur

• Optional shadowBlur: Scriptable<number, PartialEventContext>

# Inherited from

ArrowHeadOptions.shadowBlur

# Defined in

options.d.ts:32 (opens new window)

# shadowOffsetX

• Optional shadowOffsetX: Scriptable<number, PartialEventContext>

# Inherited from

ArrowHeadOptions.shadowOffsetX

# Defined in

options.d.ts:33 (opens new window)

# shadowOffsetY

• Optional shadowOffsetY: Scriptable<number, PartialEventContext>

# Inherited from

ArrowHeadOptions.shadowOffsetY

# Defined in

options.d.ts:34 (opens new window)

# start

• Optional start: ArrowHeadOptions

# Defined in

options.d.ts:76 (opens new window)

# width

• Optional width: Scriptable<number, PartialEventContext>

# Inherited from

ArrowHeadOptions.width

# Defined in

options.d.ts:71 (opens new window)

← →

- + diff --git a/master/api/interfaces/BoxAnnotationOptions.html b/master/api/interfaces/BoxAnnotationOptions.html index db6c90b18..642a09285 100644 --- a/master/api/interfaces/BoxAnnotationOptions.html +++ b/master/api/interfaces/BoxAnnotationOptions.html @@ -7,7 +7,7 @@ - + @@ -31,7 +31,7 @@ Samples GitHub - (opens new window)

# Interface: BoxAnnotationOptions

# Hierarchy

# Properties

# adjustScaleRange

• Optional adjustScaleRange: Scriptable<boolean, PartialEventContext>

# Inherited from

CoreAnnotationOptions.adjustScaleRange

# Defined in

options.d.ts:38 (opens new window)

# backgroundColor

• Optional backgroundColor: Scriptable<Color, PartialEventContext>

# Defined in

options.d.ts:95 (opens new window)

# backgroundShadowColor

• Optional backgroundShadowColor: Scriptable<Color, PartialEventContext>

# Inherited from

CoreAnnotationOptions.backgroundShadowColor

# Defined in

options.d.ts:30 (opens new window)

# borderCapStyle

• Optional borderCapStyle: Scriptable<CanvasLineCap, PartialEventContext>

Border line cap style. See MDN.

Default

'butt'

# Defined in

options.d.ts:100 (opens new window)

# borderColor

• Optional borderColor: Scriptable<Color, PartialEventContext>

# Inherited from

CoreAnnotationOptions.borderColor

# Defined in

options.d.ts:39 (opens new window)

# borderDash

• Optional borderDash: Scriptable<number[], PartialEventContext>

Border line dash. See MDN.

Default

[]

# Overrides

CoreAnnotationOptions.borderDash

# Defined in

options.d.ts:105 (opens new window)

# borderDashOffset

• Optional borderDashOffset: Scriptable<number, PartialEventContext>

Border line dash offset. See MDN.

Default

0.0

# Overrides

CoreAnnotationOptions.borderDashOffset

# Defined in

options.d.ts:110 (opens new window)

# borderJoinStyle

• Optional borderJoinStyle: Scriptable<CanvasLineJoin, PartialEventContext>

Border line join style. See MDN.

Default

'miter'

# Defined in

options.d.ts:115 (opens new window)

# borderRadius

• Optional borderRadius: Scriptable<number | BorderRadius, PartialEventContext>

# Defined in

options.d.ts:116 (opens new window)

# borderShadowColor

• Optional borderShadowColor: Scriptable<Color, PartialEventContext>

# Inherited from

CoreAnnotationOptions.borderShadowColor

# Defined in

options.d.ts:31 (opens new window)

# borderWidth

• Optional borderWidth: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.borderWidth

# Defined in

options.d.ts:42 (opens new window)

# display

• Optional display: Scriptable<boolean, PartialEventContext>

# Inherited from

CoreAnnotationOptions.display

# Defined in

options.d.ts:43 (opens new window)

# drawTime

• Optional drawTime: Scriptable<DrawTime, PartialEventContext>

# Inherited from

CoreAnnotationOptions.drawTime

# Defined in

options.d.ts:44 (opens new window)

# hitTolerance

• Optional hitTolerance: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.hitTolerance

# Defined in

options.d.ts:45 (opens new window)

# id

• Optional id: string

# Inherited from

CoreAnnotationOptions.id

# Defined in

options.d.ts:47 (opens new window)

# init

• Optional init: boolean | (__namedParameters: Object) => boolean | void | Partial<AnnotationElement>

# Inherited from

CoreAnnotationOptions.init

# Defined in

options.d.ts:46 (opens new window)

# label

• Optional label: BoxLabelOptions

# Defined in

options.d.ts:117 (opens new window)

# rotation

• Optional rotation: Scriptable<number, PartialEventContext>

# Defined in

options.d.ts:118 (opens new window)

# shadowBlur

• Optional shadowBlur: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.shadowBlur

# Defined in

options.d.ts:32 (opens new window)

# shadowOffsetX

• Optional shadowOffsetX: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.shadowOffsetX

# Defined in

options.d.ts:33 (opens new window)

# shadowOffsetY

• Optional shadowOffsetY: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.shadowOffsetY

# Defined in

options.d.ts:34 (opens new window)

# xMax

• Optional xMax: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

CoreAnnotationOptions.xMax

# Defined in

options.d.ts:48 (opens new window)

# xMin

• Optional xMin: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

CoreAnnotationOptions.xMin

# Defined in

options.d.ts:49 (opens new window)

# xScaleID

• Optional xScaleID: Scriptable<string, PartialEventContext>

# Inherited from

CoreAnnotationOptions.xScaleID

# Defined in

options.d.ts:50 (opens new window)

# yMax

• Optional yMax: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

CoreAnnotationOptions.yMax

# Defined in

options.d.ts:51 (opens new window)

# yMin

• Optional yMin: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

CoreAnnotationOptions.yMin

# Defined in

options.d.ts:52 (opens new window)

# yScaleID

• Optional yScaleID: Scriptable<string, PartialEventContext>

# Inherited from

CoreAnnotationOptions.yScaleID

# Defined in

options.d.ts:53 (opens new window)

# z

• Optional z: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.z

# Defined in

options.d.ts:54 (opens new window)

# Methods

# afterDraw

▸ Optional afterDraw(context): void

# Parameters

Name Type
context EventContext

# Returns

void

# Inherited from

CoreAnnotationOptions.afterDraw

# Defined in

options.d.ts:23 (opens new window)

# beforeDraw

▸ Optional beforeDraw(context): void

# Parameters

Name Type
context EventContext

# Returns

void

# Inherited from

CoreAnnotationOptions.beforeDraw

# Defined in

options.d.ts:22 (opens new window)

# click

▸ Optional click(context, event): boolean | void

# Parameters

Name Type
context EventContext
event ChartEvent

# Returns

boolean | void

# Inherited from

CoreAnnotationOptions.click

# Defined in

events.d.ts:27 (opens new window)

# enter

▸ Optional enter(context, event): boolean | void

# Parameters

Name Type
context EventContext
event ChartEvent

# Returns

boolean | void

# Inherited from

CoreAnnotationOptions.enter

# Defined in

events.d.ts:25 (opens new window)

# leave

▸ Optional leave(context, event): boolean | void

# Parameters

Name Type
context EventContext
event ChartEvent

# Returns

boolean | void

# Inherited from

CoreAnnotationOptions.leave

# Defined in

events.d.ts:26 (opens new window)

+ (opens new window)

# Interface: BoxAnnotationOptions

# Hierarchy

# Properties

# adjustScaleRange

• Optional adjustScaleRange: Scriptable<boolean, PartialEventContext>

# Inherited from

CoreAnnotationOptions.adjustScaleRange

# Defined in

options.d.ts:38 (opens new window)

# backgroundColor

• Optional backgroundColor: Scriptable<Color, PartialEventContext>

# Defined in

options.d.ts:95 (opens new window)

# backgroundShadowColor

• Optional backgroundShadowColor: Scriptable<Color, PartialEventContext>

# Inherited from

CoreAnnotationOptions.backgroundShadowColor

# Defined in

options.d.ts:30 (opens new window)

# borderCapStyle

• Optional borderCapStyle: Scriptable<CanvasLineCap, PartialEventContext>

Border line cap style. See MDN.

Default

'butt'

# Defined in

options.d.ts:100 (opens new window)

# borderColor

• Optional borderColor: Scriptable<Color, PartialEventContext>

# Inherited from

CoreAnnotationOptions.borderColor

# Defined in

options.d.ts:39 (opens new window)

# borderDash

• Optional borderDash: Scriptable<number[], PartialEventContext>

Border line dash. See MDN.

Default

[]

# Overrides

CoreAnnotationOptions.borderDash

# Defined in

options.d.ts:105 (opens new window)

# borderDashOffset

• Optional borderDashOffset: Scriptable<number, PartialEventContext>

Border line dash offset. See MDN.

Default

0.0

# Overrides

CoreAnnotationOptions.borderDashOffset

# Defined in

options.d.ts:110 (opens new window)

# borderJoinStyle

• Optional borderJoinStyle: Scriptable<CanvasLineJoin, PartialEventContext>

Border line join style. See MDN.

Default

'miter'

# Defined in

options.d.ts:115 (opens new window)

# borderRadius

• Optional borderRadius: Scriptable<number | BorderRadius, PartialEventContext>

# Defined in

options.d.ts:116 (opens new window)

# borderShadowColor

• Optional borderShadowColor: Scriptable<Color, PartialEventContext>

# Inherited from

CoreAnnotationOptions.borderShadowColor

# Defined in

options.d.ts:31 (opens new window)

# borderWidth

• Optional borderWidth: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.borderWidth

# Defined in

options.d.ts:42 (opens new window)

# display

• Optional display: Scriptable<boolean, PartialEventContext>

# Inherited from

CoreAnnotationOptions.display

# Defined in

options.d.ts:43 (opens new window)

# drawTime

• Optional drawTime: Scriptable<DrawTime, PartialEventContext>

# Inherited from

CoreAnnotationOptions.drawTime

# Defined in

options.d.ts:44 (opens new window)

# hitTolerance

• Optional hitTolerance: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.hitTolerance

# Defined in

options.d.ts:45 (opens new window)

# id

• Optional id: string

# Inherited from

CoreAnnotationOptions.id

# Defined in

options.d.ts:47 (opens new window)

# init

• Optional init: boolean | (__namedParameters: Object) => boolean | void | Partial<AnnotationElement>

# Inherited from

CoreAnnotationOptions.init

# Defined in

options.d.ts:46 (opens new window)

# label

• Optional label: BoxLabelOptions

# Defined in

options.d.ts:117 (opens new window)

# rotation

• Optional rotation: Scriptable<number, PartialEventContext>

# Defined in

options.d.ts:118 (opens new window)

# shadowBlur

• Optional shadowBlur: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.shadowBlur

# Defined in

options.d.ts:32 (opens new window)

# shadowOffsetX

• Optional shadowOffsetX: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.shadowOffsetX

# Defined in

options.d.ts:33 (opens new window)

# shadowOffsetY

• Optional shadowOffsetY: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.shadowOffsetY

# Defined in

options.d.ts:34 (opens new window)

# xMax

• Optional xMax: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

CoreAnnotationOptions.xMax

# Defined in

options.d.ts:48 (opens new window)

# xMin

• Optional xMin: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

CoreAnnotationOptions.xMin

# Defined in

options.d.ts:49 (opens new window)

# xScaleID

• Optional xScaleID: Scriptable<string, PartialEventContext>

# Inherited from

CoreAnnotationOptions.xScaleID

# Defined in

options.d.ts:50 (opens new window)

# yMax

• Optional yMax: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

CoreAnnotationOptions.yMax

# Defined in

options.d.ts:51 (opens new window)

# yMin

• Optional yMin: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

CoreAnnotationOptions.yMin

# Defined in

options.d.ts:52 (opens new window)

# yScaleID

• Optional yScaleID: Scriptable<string, PartialEventContext>

# Inherited from

CoreAnnotationOptions.yScaleID

# Defined in

options.d.ts:53 (opens new window)

# z

• Optional z: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.z

# Defined in

options.d.ts:54 (opens new window)

# Methods

# afterDraw

▸ Optional afterDraw(context): void

# Parameters

Name Type
context EventContext

# Returns

void

# Inherited from

CoreAnnotationOptions.afterDraw

# Defined in

options.d.ts:23 (opens new window)

# beforeDraw

▸ Optional beforeDraw(context): void

# Parameters

Name Type
context EventContext

# Returns

void

# Inherited from

CoreAnnotationOptions.beforeDraw

# Defined in

options.d.ts:22 (opens new window)

# click

▸ Optional click(context, event): boolean | void

# Parameters

Name Type
context EventContext
event ChartEvent

# Returns

boolean | void

# Inherited from

CoreAnnotationOptions.click

# Defined in

events.d.ts:27 (opens new window)

# enter

▸ Optional enter(context, event): boolean | void

# Parameters

Name Type
context EventContext
event ChartEvent

# Returns

boolean | void

# Inherited from

CoreAnnotationOptions.enter

# Defined in

events.d.ts:25 (opens new window)

# leave

▸ Optional leave(context, event): boolean | void

# Parameters

Name Type
context EventContext
event ChartEvent

# Returns

boolean | void

# Inherited from

CoreAnnotationOptions.leave

# Defined in

events.d.ts:26 (opens new window)

← →

- + diff --git a/master/api/interfaces/BoxLabelOptions.html b/master/api/interfaces/BoxLabelOptions.html index 9a2ad65f0..2aa93bcdb 100644 --- a/master/api/interfaces/BoxLabelOptions.html +++ b/master/api/interfaces/BoxLabelOptions.html @@ -7,7 +7,7 @@ - + @@ -31,13 +31,13 @@ Samples GitHub - (opens new window)

# Interface: BoxLabelOptions

# Hierarchy

# Properties

# color

• Optional color: Scriptable<Color | Color[], PartialEventContext>

# Inherited from

CoreLabelOptions.color

# Defined in

label.d.ts:43 (opens new window)

# content

• content: Scriptable<string | string[] | HTMLCanvasElement | HTMLImageElement, PartialEventContext>

Text to display in label. Provide an array to display multiple lines

# Inherited from

CoreLabelOptions.content

# Defined in

label.d.ts:73 (opens new window)

# display

• Optional display: Scriptable<boolean, PartialEventContext>

Whether the label should be displayed

Default

true

# Defined in

label.d.ts:144 (opens new window)

# drawTime

• Optional drawTime: Scriptable<DrawTime, PartialEventContext>

# Inherited from

CoreLabelOptions.drawTime

# Defined in

label.d.ts:41 (opens new window)

# font

• Optional font: Scriptable<Partial<FontSpec> | Partial<FontSpec>[], PartialEventContext>

# Inherited from

CoreLabelOptions.font

# Defined in

label.d.ts:42 (opens new window)

# height

• Optional height: Scriptable<number | `${number}%`, PartialEventContext>

Overrides the height of the image. Could be set in pixel by a number, -or in percentage of current height of image by a string

# Inherited from

CoreLabelOptions.height

# Defined in

label.d.ts:83 (opens new window)

# hitTolerance

• Optional hitTolerance: Scriptable<number, PartialEventContext>

# Defined in

label.d.ts:145 (opens new window)

# opacity

• Optional opacity: Scriptable<number, PartialEventContext>

Overrides the opacity of the image.

# Inherited from

CoreLabelOptions.opacity

# Defined in

label.d.ts:87 (opens new window)

# padding

• Optional padding: Scriptable<number | LabelPadding, PartialEventContext>

Padding of label

Default

6

# Inherited from

CoreLabelOptions.padding

# Defined in

label.d.ts:48 (opens new window)

# position

• Optional position: Scriptable<LabelPosition | LabelPositionObject, PartialEventContext>

# Defined in

label.d.ts:139 (opens new window)

# rotation

• Optional rotation: Scriptable<number, PartialEventContext>

# Defined in

label.d.ts:146 (opens new window)

# textAlign

• Optional textAlign: Scriptable<LabelTextAlign, PartialEventContext>

Text alignment when the content of the label is multi-line.

Default

'center'

# Inherited from

CoreLabelOptions.textAlign

# Defined in

label.d.ts:53 (opens new window)

# textStrokeColor

• Optional textStrokeColor: Scriptable<Color, PartialEventContext>

# Inherited from

CoreLabelOptions.textStrokeColor

# Defined in

label.d.ts:54 (opens new window)

# textStrokeWidth

• Optional textStrokeWidth: Scriptable<number, PartialEventContext>

# Inherited from

CoreLabelOptions.textStrokeWidth

# Defined in

label.d.ts:55 (opens new window)

# width

• Optional width: Scriptable<number | `${number}%`, PartialEventContext>

Overrides the width of the image. Could be set in pixel by a number, -or in percentage of current width of image by a string

# Inherited from

CoreLabelOptions.width

# Defined in

label.d.ts:78 (opens new window)

# xAdjust

• Optional xAdjust: Scriptable<number, PartialEventContext>

Adjustment along x-axis (left-right) of label relative to above number (can be negative) + (opens new window)

# Interface: BoxLabelOptions

# Hierarchy

# Properties

# color

• Optional color: Scriptable<Color | Color[], PartialEventContext>

# Inherited from

CoreLabelOptions.color

# Defined in

label.d.ts:43 (opens new window)

# content

• content: Scriptable<string | string[] | HTMLCanvasElement | HTMLImageElement, PartialEventContext>

Text to display in label. Provide an array to display multiple lines

# Inherited from

CoreLabelOptions.content

# Defined in

label.d.ts:73 (opens new window)

# display

• Optional display: Scriptable<boolean, PartialEventContext>

Whether the label should be displayed

Default

true

# Defined in

label.d.ts:144 (opens new window)

# drawTime

• Optional drawTime: Scriptable<DrawTime, PartialEventContext>

# Inherited from

CoreLabelOptions.drawTime

# Defined in

label.d.ts:41 (opens new window)

# font

• Optional font: Scriptable<Partial<FontSpec> | Partial<FontSpec>[], PartialEventContext>

# Inherited from

CoreLabelOptions.font

# Defined in

label.d.ts:42 (opens new window)

# height

• Optional height: Scriptable<number | `${number}%`, PartialEventContext>

Overrides the height of the image. Could be set in pixel by a number, +or in percentage of current height of image by a string

# Inherited from

CoreLabelOptions.height

# Defined in

label.d.ts:83 (opens new window)

# hitTolerance

• Optional hitTolerance: Scriptable<number, PartialEventContext>

# Defined in

label.d.ts:145 (opens new window)

# opacity

• Optional opacity: Scriptable<number, PartialEventContext>

Overrides the opacity of the image.

# Inherited from

CoreLabelOptions.opacity

# Defined in

label.d.ts:87 (opens new window)

# padding

• Optional padding: Scriptable<number | LabelPadding, PartialEventContext>

Padding of label

Default

6

# Inherited from

CoreLabelOptions.padding

# Defined in

label.d.ts:48 (opens new window)

# position

• Optional position: Scriptable<LabelPosition | LabelPositionObject, PartialEventContext>

# Defined in

label.d.ts:139 (opens new window)

# rotation

• Optional rotation: Scriptable<number, PartialEventContext>

# Defined in

label.d.ts:146 (opens new window)

# textAlign

• Optional textAlign: Scriptable<LabelTextAlign, PartialEventContext>

Text alignment when the content of the label is multi-line.

Default

'center'

# Inherited from

CoreLabelOptions.textAlign

# Defined in

label.d.ts:53 (opens new window)

# textStrokeColor

• Optional textStrokeColor: Scriptable<Color, PartialEventContext>

# Inherited from

CoreLabelOptions.textStrokeColor

# Defined in

label.d.ts:54 (opens new window)

# textStrokeWidth

• Optional textStrokeWidth: Scriptable<number, PartialEventContext>

# Inherited from

CoreLabelOptions.textStrokeWidth

# Defined in

label.d.ts:55 (opens new window)

# width

• Optional width: Scriptable<number | `${number}%`, PartialEventContext>

Overrides the width of the image. Could be set in pixel by a number, +or in percentage of current width of image by a string

# Inherited from

CoreLabelOptions.width

# Defined in

label.d.ts:78 (opens new window)

# xAdjust

• Optional xAdjust: Scriptable<number, PartialEventContext>

Adjustment along x-axis (left-right) of label relative to above number (can be negative) For horizontal lines positioned left or right, negative values move -the label toward the edge, and positive values toward the center.

Default

0

# Inherited from

CoreLabelOptions.xAdjust

# Defined in

label.d.ts:62 (opens new window)

# yAdjust

• Optional yAdjust: Scriptable<number, PartialEventContext>

Adjustment along y-axis (top-bottom) of label relative to above number (can be negative) +the label toward the edge, and positive values toward the center.

Default

0

# Inherited from

CoreLabelOptions.xAdjust

# Defined in

label.d.ts:62 (opens new window)

# yAdjust

• Optional yAdjust: Scriptable<number, PartialEventContext>

Adjustment along y-axis (top-bottom) of label relative to above number (can be negative) For vertical lines positioned top or bottom, negative values move -the label toward the edge, and positive values toward the center.

Default

0

# Inherited from

CoreLabelOptions.yAdjust

# Defined in

label.d.ts:69 (opens new window)

# z

• Optional z: Scriptable<number, PartialEventContext>

# Inherited from

CoreLabelOptions.z

# Defined in

label.d.ts:88 (opens new window)

+the label toward the edge, and positive values toward the center.

Default

0

# Inherited from

CoreLabelOptions.yAdjust

# Defined in

label.d.ts:69 (opens new window)

# z

• Optional z: Scriptable<number, PartialEventContext>

# Inherited from

CoreLabelOptions.z

# Defined in

label.d.ts:88 (opens new window)

← →

- + diff --git a/master/api/interfaces/CalloutOptions.html b/master/api/interfaces/CalloutOptions.html index 97a0b3af1..0ca73fe18 100644 --- a/master/api/interfaces/CalloutOptions.html +++ b/master/api/interfaces/CalloutOptions.html @@ -7,7 +7,7 @@ - + @@ -31,7 +31,7 @@ Samples GitHub - (opens new window)

# Interface: CalloutOptions

# Properties

# borderCapStyle

• Optional borderCapStyle: Scriptable<CanvasLineCap, PartialEventContext>

# Defined in

label.d.ts:27 (opens new window)

# borderColor

• Optional borderColor: Scriptable<Color, PartialEventContext>

# Defined in

label.d.ts:28 (opens new window)

# borderDash

• Optional borderDash: Scriptable<number[], PartialEventContext>

# Defined in

label.d.ts:29 (opens new window)

# borderDashOffset

• Optional borderDashOffset: Scriptable<number, PartialEventContext>

# Defined in

label.d.ts:30 (opens new window)

# borderJoinStyle

• Optional borderJoinStyle: Scriptable<CanvasLineJoin, PartialEventContext>

# Defined in

label.d.ts:31 (opens new window)

# borderWidth

• Optional borderWidth: Scriptable<number, PartialEventContext>

# Defined in

label.d.ts:32 (opens new window)

# display

• Optional display: Scriptable<boolean, PartialEventContext>

# Defined in

label.d.ts:33 (opens new window)

# margin

• Optional margin: Scriptable<number, PartialEventContext>

# Defined in

label.d.ts:34 (opens new window)

# position

• Optional position: Scriptable<CalloutPosition, PartialEventContext>

# Defined in

label.d.ts:35 (opens new window)

# side

• Optional side: Scriptable<number, PartialEventContext>

# Defined in

label.d.ts:36 (opens new window)

# start

• Optional start: Scriptable<string | number, PartialEventContext>

# Defined in

label.d.ts:37 (opens new window)

+ (opens new window)

# Interface: CalloutOptions

# Properties

# borderCapStyle

• Optional borderCapStyle: Scriptable<CanvasLineCap, PartialEventContext>

# Defined in

label.d.ts:27 (opens new window)

# borderColor

• Optional borderColor: Scriptable<Color, PartialEventContext>

# Defined in

label.d.ts:28 (opens new window)

# borderDash

• Optional borderDash: Scriptable<number[], PartialEventContext>

# Defined in

label.d.ts:29 (opens new window)

# borderDashOffset

• Optional borderDashOffset: Scriptable<number, PartialEventContext>

# Defined in

label.d.ts:30 (opens new window)

# borderJoinStyle

• Optional borderJoinStyle: Scriptable<CanvasLineJoin, PartialEventContext>

# Defined in

label.d.ts:31 (opens new window)

# borderWidth

• Optional borderWidth: Scriptable<number, PartialEventContext>

# Defined in

label.d.ts:32 (opens new window)

# display

• Optional display: Scriptable<boolean, PartialEventContext>

# Defined in

label.d.ts:33 (opens new window)

# margin

• Optional margin: Scriptable<number, PartialEventContext>

# Defined in

label.d.ts:34 (opens new window)

# position

• Optional position: Scriptable<CalloutPosition, PartialEventContext>

# Defined in

label.d.ts:35 (opens new window)

# side

• Optional side: Scriptable<number, PartialEventContext>

# Defined in

label.d.ts:36 (opens new window)

# start

• Optional start: Scriptable<string | number, PartialEventContext>

# Defined in

label.d.ts:37 (opens new window)

← →

- + diff --git a/master/api/interfaces/ContainedLabelOptions.html b/master/api/interfaces/ContainedLabelOptions.html index 7a44d96b2..d150fc1ad 100644 --- a/master/api/interfaces/ContainedLabelOptions.html +++ b/master/api/interfaces/ContainedLabelOptions.html @@ -7,7 +7,7 @@ - + @@ -31,13 +31,13 @@ Samples GitHub - (opens new window)

# Interface: ContainedLabelOptions

# Hierarchy

# Properties

# backgroundColor

• Optional backgroundColor: Scriptable<Color, PartialEventContext>

# Defined in

label.d.ts:92 (opens new window)

# borderCapStyle

• Optional borderCapStyle: Scriptable<CanvasLineCap, PartialEventContext>

Border line cap style. See MDN.

Default

'butt'

# Defined in

label.d.ts:99 (opens new window)

# borderColor

• Optional borderColor: Scriptable<Color, PartialEventContext>

# Defined in

label.d.ts:94 (opens new window)

# borderDash

• Optional borderDash: Scriptable<number[], PartialEventContext>

Border line dash. See MDN.

Default

[]

# Defined in

label.d.ts:104 (opens new window)

# borderDashOffset

• Optional borderDashOffset: Scriptable<number, PartialEventContext>

Border line dash offset. See MDN.

Default

0.0

# Defined in

label.d.ts:109 (opens new window)

# borderJoinStyle

• Optional borderJoinStyle: Scriptable<CanvasLineJoin, PartialEventContext>

Border line join style. See MDN.

Default

'miter'

# Defined in

label.d.ts:114 (opens new window)

# borderRadius

• Optional borderRadius: Scriptable<number | BorderRadius, PartialEventContext>

Border radius of the label rectangle

Default

6

# Defined in

label.d.ts:119 (opens new window)

# borderWidth

• Optional borderWidth: Scriptable<number, PartialEventContext>

# Defined in

label.d.ts:93 (opens new window)

# callout

• Optional callout: CalloutOptions

# Defined in

label.d.ts:120 (opens new window)

# color

• Optional color: Scriptable<Color | Color[], PartialEventContext>

# Inherited from

CoreLabelOptions.color

# Defined in

label.d.ts:43 (opens new window)

# content

• content: Scriptable<string | string[] | HTMLCanvasElement | HTMLImageElement, PartialEventContext>

Text to display in label. Provide an array to display multiple lines

# Inherited from

CoreLabelOptions.content

# Defined in

label.d.ts:73 (opens new window)

# drawTime

• Optional drawTime: Scriptable<DrawTime, PartialEventContext>

# Inherited from

CoreLabelOptions.drawTime

# Defined in

label.d.ts:41 (opens new window)

# font

• Optional font: Scriptable<Partial<FontSpec> | Partial<FontSpec>[], PartialEventContext>

# Inherited from

CoreLabelOptions.font

# Defined in

label.d.ts:42 (opens new window)

# height

• Optional height: Scriptable<number | `${number}%`, PartialEventContext>

Overrides the height of the image. Could be set in pixel by a number, -or in percentage of current height of image by a string

# Inherited from

CoreLabelOptions.height

# Defined in

label.d.ts:83 (opens new window)

# opacity

• Optional opacity: Scriptable<number, PartialEventContext>

Overrides the opacity of the image.

# Inherited from

CoreLabelOptions.opacity

# Defined in

label.d.ts:87 (opens new window)

# padding

• Optional padding: Scriptable<number | LabelPadding, PartialEventContext>

Padding of label

Default

6

# Inherited from

CoreLabelOptions.padding

# Defined in

label.d.ts:48 (opens new window)

# textAlign

• Optional textAlign: Scriptable<LabelTextAlign, PartialEventContext>

Text alignment when the content of the label is multi-line.

Default

'center'

# Inherited from

CoreLabelOptions.textAlign

# Defined in

label.d.ts:53 (opens new window)

# textStrokeColor

• Optional textStrokeColor: Scriptable<Color, PartialEventContext>

# Inherited from

CoreLabelOptions.textStrokeColor

# Defined in

label.d.ts:54 (opens new window)

# textStrokeWidth

• Optional textStrokeWidth: Scriptable<number, PartialEventContext>

# Inherited from

CoreLabelOptions.textStrokeWidth

# Defined in

label.d.ts:55 (opens new window)

# width

• Optional width: Scriptable<number | `${number}%`, PartialEventContext>

Overrides the width of the image. Could be set in pixel by a number, -or in percentage of current width of image by a string

# Inherited from

CoreLabelOptions.width

# Defined in

label.d.ts:78 (opens new window)

# xAdjust

• Optional xAdjust: Scriptable<number, PartialEventContext>

Adjustment along x-axis (left-right) of label relative to above number (can be negative) + (opens new window)

# Interface: ContainedLabelOptions

# Hierarchy

# Properties

# backgroundColor

• Optional backgroundColor: Scriptable<Color, PartialEventContext>

# Defined in

label.d.ts:92 (opens new window)

# borderCapStyle

• Optional borderCapStyle: Scriptable<CanvasLineCap, PartialEventContext>

Border line cap style. See MDN.

Default

'butt'

# Defined in

label.d.ts:99 (opens new window)

# borderColor

• Optional borderColor: Scriptable<Color, PartialEventContext>

# Defined in

label.d.ts:94 (opens new window)

# borderDash

• Optional borderDash: Scriptable<number[], PartialEventContext>

Border line dash. See MDN.

Default

[]

# Defined in

label.d.ts:104 (opens new window)

# borderDashOffset

• Optional borderDashOffset: Scriptable<number, PartialEventContext>

Border line dash offset. See MDN.

Default

0.0

# Defined in

label.d.ts:109 (opens new window)

# borderJoinStyle

• Optional borderJoinStyle: Scriptable<CanvasLineJoin, PartialEventContext>

Border line join style. See MDN.

Default

'miter'

# Defined in

label.d.ts:114 (opens new window)

# borderRadius

• Optional borderRadius: Scriptable<number | BorderRadius, PartialEventContext>

Border radius of the label rectangle

Default

6

# Defined in

label.d.ts:119 (opens new window)

# borderWidth

• Optional borderWidth: Scriptable<number, PartialEventContext>

# Defined in

label.d.ts:93 (opens new window)

# callout

• Optional callout: CalloutOptions

# Defined in

label.d.ts:120 (opens new window)

# color

• Optional color: Scriptable<Color | Color[], PartialEventContext>

# Inherited from

CoreLabelOptions.color

# Defined in

label.d.ts:43 (opens new window)

# content

• content: Scriptable<string | string[] | HTMLCanvasElement | HTMLImageElement, PartialEventContext>

Text to display in label. Provide an array to display multiple lines

# Inherited from

CoreLabelOptions.content

# Defined in

label.d.ts:73 (opens new window)

# drawTime

• Optional drawTime: Scriptable<DrawTime, PartialEventContext>

# Inherited from

CoreLabelOptions.drawTime

# Defined in

label.d.ts:41 (opens new window)

# font

• Optional font: Scriptable<Partial<FontSpec> | Partial<FontSpec>[], PartialEventContext>

# Inherited from

CoreLabelOptions.font

# Defined in

label.d.ts:42 (opens new window)

# height

• Optional height: Scriptable<number | `${number}%`, PartialEventContext>

Overrides the height of the image. Could be set in pixel by a number, +or in percentage of current height of image by a string

# Inherited from

CoreLabelOptions.height

# Defined in

label.d.ts:83 (opens new window)

# opacity

• Optional opacity: Scriptable<number, PartialEventContext>

Overrides the opacity of the image.

# Inherited from

CoreLabelOptions.opacity

# Defined in

label.d.ts:87 (opens new window)

# padding

• Optional padding: Scriptable<number | LabelPadding, PartialEventContext>

Padding of label

Default

6

# Inherited from

CoreLabelOptions.padding

# Defined in

label.d.ts:48 (opens new window)

# textAlign

• Optional textAlign: Scriptable<LabelTextAlign, PartialEventContext>

Text alignment when the content of the label is multi-line.

Default

'center'

# Inherited from

CoreLabelOptions.textAlign

# Defined in

label.d.ts:53 (opens new window)

# textStrokeColor

• Optional textStrokeColor: Scriptable<Color, PartialEventContext>

# Inherited from

CoreLabelOptions.textStrokeColor

# Defined in

label.d.ts:54 (opens new window)

# textStrokeWidth

• Optional textStrokeWidth: Scriptable<number, PartialEventContext>

# Inherited from

CoreLabelOptions.textStrokeWidth

# Defined in

label.d.ts:55 (opens new window)

# width

• Optional width: Scriptable<number | `${number}%`, PartialEventContext>

Overrides the width of the image. Could be set in pixel by a number, +or in percentage of current width of image by a string

# Inherited from

CoreLabelOptions.width

# Defined in

label.d.ts:78 (opens new window)

# xAdjust

• Optional xAdjust: Scriptable<number, PartialEventContext>

Adjustment along x-axis (left-right) of label relative to above number (can be negative) For horizontal lines positioned left or right, negative values move -the label toward the edge, and positive values toward the center.

Default

0

# Inherited from

CoreLabelOptions.xAdjust

# Defined in

label.d.ts:62 (opens new window)

# yAdjust

• Optional yAdjust: Scriptable<number, PartialEventContext>

Adjustment along y-axis (top-bottom) of label relative to above number (can be negative) +the label toward the edge, and positive values toward the center.

Default

0

# Inherited from

CoreLabelOptions.xAdjust

# Defined in

label.d.ts:62 (opens new window)

# yAdjust

• Optional yAdjust: Scriptable<number, PartialEventContext>

Adjustment along y-axis (top-bottom) of label relative to above number (can be negative) For vertical lines positioned top or bottom, negative values move -the label toward the edge, and positive values toward the center.

Default

0

# Inherited from

CoreLabelOptions.yAdjust

# Defined in

label.d.ts:69 (opens new window)

# z

• Optional z: Scriptable<number, PartialEventContext>

# Inherited from

CoreLabelOptions.z

# Defined in

label.d.ts:88 (opens new window)

+the label toward the edge, and positive values toward the center.

Default

0

# Inherited from

CoreLabelOptions.yAdjust

# Defined in

label.d.ts:69 (opens new window)

# z

• Optional z: Scriptable<number, PartialEventContext>

# Inherited from

CoreLabelOptions.z

# Defined in

label.d.ts:88 (opens new window)

← →

- + diff --git a/master/api/interfaces/ControlPointOptions.html b/master/api/interfaces/ControlPointOptions.html index 93df01daf..fd15bd525 100644 --- a/master/api/interfaces/ControlPointOptions.html +++ b/master/api/interfaces/ControlPointOptions.html @@ -7,7 +7,7 @@ - + @@ -31,7 +31,7 @@ Samples GitHub - (opens new window)

# Interface: ControlPointOptions

# Properties

# x

• Optional x: Scriptable<string | number, PartialEventContext>

# Defined in

options.d.ts:80 (opens new window)

# y

• Optional y: Scriptable<string | number, PartialEventContext>

# Defined in

options.d.ts:81 (opens new window)

+ (opens new window)

# Interface: ControlPointOptions

# Properties

# x

• Optional x: Scriptable<string | number, PartialEventContext>

# Defined in

options.d.ts:80 (opens new window)

# y

• Optional y: Scriptable<string | number, PartialEventContext>

# Defined in

options.d.ts:81 (opens new window)

← →

- + diff --git a/master/api/interfaces/CoreAnnotationOptions.html b/master/api/interfaces/CoreAnnotationOptions.html index d756cebcf..f6ed6d8b4 100644 --- a/master/api/interfaces/CoreAnnotationOptions.html +++ b/master/api/interfaces/CoreAnnotationOptions.html @@ -7,7 +7,7 @@ - + @@ -31,7 +31,7 @@ Samples GitHub - (opens new window)

# Interface: CoreAnnotationOptions

# Hierarchy

# Properties

# adjustScaleRange

• Optional adjustScaleRange: Scriptable<boolean, PartialEventContext>

# Defined in

options.d.ts:38 (opens new window)

# backgroundShadowColor

• Optional backgroundShadowColor: Scriptable<Color, PartialEventContext>

# Inherited from

ShadowOptions.backgroundShadowColor

# Defined in

options.d.ts:30 (opens new window)

# borderColor

• Optional borderColor: Scriptable<Color, PartialEventContext>

# Defined in

options.d.ts:39 (opens new window)

# borderDash

• Optional borderDash: Scriptable<number[], PartialEventContext>

# Defined in

options.d.ts:40 (opens new window)

# borderDashOffset

• Optional borderDashOffset: Scriptable<number, PartialEventContext>

# Defined in

options.d.ts:41 (opens new window)

# borderShadowColor

• Optional borderShadowColor: Scriptable<Color, PartialEventContext>

# Inherited from

ShadowOptions.borderShadowColor

# Defined in

options.d.ts:31 (opens new window)

# borderWidth

• Optional borderWidth: Scriptable<number, PartialEventContext>

# Defined in

options.d.ts:42 (opens new window)

# display

• Optional display: Scriptable<boolean, PartialEventContext>

# Defined in

options.d.ts:43 (opens new window)

# drawTime

• Optional drawTime: Scriptable<DrawTime, PartialEventContext>

# Defined in

options.d.ts:44 (opens new window)

# hitTolerance

• Optional hitTolerance: Scriptable<number, PartialEventContext>

# Defined in

options.d.ts:45 (opens new window)

# id

• Optional id: string

# Defined in

options.d.ts:47 (opens new window)

# init

• Optional init: boolean | (__namedParameters: Object) => boolean | void | Partial<AnnotationElement>

# Defined in

options.d.ts:46 (opens new window)

# shadowBlur

• Optional shadowBlur: Scriptable<number, PartialEventContext>

# Inherited from

ShadowOptions.shadowBlur

# Defined in

options.d.ts:32 (opens new window)

# shadowOffsetX

• Optional shadowOffsetX: Scriptable<number, PartialEventContext>

# Inherited from

ShadowOptions.shadowOffsetX

# Defined in

options.d.ts:33 (opens new window)

# shadowOffsetY

• Optional shadowOffsetY: Scriptable<number, PartialEventContext>

# Inherited from

ShadowOptions.shadowOffsetY

# Defined in

options.d.ts:34 (opens new window)

# xMax

• Optional xMax: Scriptable<ScaleValue, PartialEventContext>

# Defined in

options.d.ts:48 (opens new window)

# xMin

• Optional xMin: Scriptable<ScaleValue, PartialEventContext>

# Defined in

options.d.ts:49 (opens new window)

# xScaleID

• Optional xScaleID: Scriptable<string, PartialEventContext>

# Defined in

options.d.ts:50 (opens new window)

# yMax

• Optional yMax: Scriptable<ScaleValue, PartialEventContext>

# Defined in

options.d.ts:51 (opens new window)

# yMin

• Optional yMin: Scriptable<ScaleValue, PartialEventContext>

# Defined in

options.d.ts:52 (opens new window)

# yScaleID

• Optional yScaleID: Scriptable<string, PartialEventContext>

# Defined in

options.d.ts:53 (opens new window)

# z

• Optional z: Scriptable<number, PartialEventContext>

# Defined in

options.d.ts:54 (opens new window)

# Methods

# afterDraw

▸ Optional afterDraw(context): void

# Parameters

Name Type
context EventContext

# Returns

void

# Inherited from

AnnotationHooks.afterDraw

# Defined in

options.d.ts:23 (opens new window)

# beforeDraw

▸ Optional beforeDraw(context): void

# Parameters

Name Type
context EventContext

# Returns

void

# Inherited from

AnnotationHooks.beforeDraw

# Defined in

options.d.ts:22 (opens new window)

# click

▸ Optional click(context, event): boolean | void

# Parameters

Name Type
context EventContext
event ChartEvent

# Returns

boolean | void

# Inherited from

AnnotationEvents.click

# Defined in

events.d.ts:27 (opens new window)

# enter

▸ Optional enter(context, event): boolean | void

# Parameters

Name Type
context EventContext
event ChartEvent

# Returns

boolean | void

# Inherited from

AnnotationEvents.enter

# Defined in

events.d.ts:25 (opens new window)

# leave

▸ Optional leave(context, event): boolean | void

# Parameters

Name Type
context EventContext
event ChartEvent

# Returns

boolean | void

# Inherited from

AnnotationEvents.leave

# Defined in

events.d.ts:26 (opens new window)

+ (opens new window)

# Interface: CoreAnnotationOptions

# Hierarchy

# Properties

# adjustScaleRange

• Optional adjustScaleRange: Scriptable<boolean, PartialEventContext>

# Defined in

options.d.ts:38 (opens new window)

# backgroundShadowColor

• Optional backgroundShadowColor: Scriptable<Color, PartialEventContext>

# Inherited from

ShadowOptions.backgroundShadowColor

# Defined in

options.d.ts:30 (opens new window)

# borderColor

• Optional borderColor: Scriptable<Color, PartialEventContext>

# Defined in

options.d.ts:39 (opens new window)

# borderDash

• Optional borderDash: Scriptable<number[], PartialEventContext>

# Defined in

options.d.ts:40 (opens new window)

# borderDashOffset

• Optional borderDashOffset: Scriptable<number, PartialEventContext>

# Defined in

options.d.ts:41 (opens new window)

# borderShadowColor

• Optional borderShadowColor: Scriptable<Color, PartialEventContext>

# Inherited from

ShadowOptions.borderShadowColor

# Defined in

options.d.ts:31 (opens new window)

# borderWidth

• Optional borderWidth: Scriptable<number, PartialEventContext>

# Defined in

options.d.ts:42 (opens new window)

# display

• Optional display: Scriptable<boolean, PartialEventContext>

# Defined in

options.d.ts:43 (opens new window)

# drawTime

• Optional drawTime: Scriptable<DrawTime, PartialEventContext>

# Defined in

options.d.ts:44 (opens new window)

# hitTolerance

• Optional hitTolerance: Scriptable<number, PartialEventContext>

# Defined in

options.d.ts:45 (opens new window)

# id

• Optional id: string

# Defined in

options.d.ts:47 (opens new window)

# init

• Optional init: boolean | (__namedParameters: Object) => boolean | void | Partial<AnnotationElement>

# Defined in

options.d.ts:46 (opens new window)

# shadowBlur

• Optional shadowBlur: Scriptable<number, PartialEventContext>

# Inherited from

ShadowOptions.shadowBlur

# Defined in

options.d.ts:32 (opens new window)

# shadowOffsetX

• Optional shadowOffsetX: Scriptable<number, PartialEventContext>

# Inherited from

ShadowOptions.shadowOffsetX

# Defined in

options.d.ts:33 (opens new window)

# shadowOffsetY

• Optional shadowOffsetY: Scriptable<number, PartialEventContext>

# Inherited from

ShadowOptions.shadowOffsetY

# Defined in

options.d.ts:34 (opens new window)

# xMax

• Optional xMax: Scriptable<ScaleValue, PartialEventContext>

# Defined in

options.d.ts:48 (opens new window)

# xMin

• Optional xMin: Scriptable<ScaleValue, PartialEventContext>

# Defined in

options.d.ts:49 (opens new window)

# xScaleID

• Optional xScaleID: Scriptable<string, PartialEventContext>

# Defined in

options.d.ts:50 (opens new window)

# yMax

• Optional yMax: Scriptable<ScaleValue, PartialEventContext>

# Defined in

options.d.ts:51 (opens new window)

# yMin

• Optional yMin: Scriptable<ScaleValue, PartialEventContext>

# Defined in

options.d.ts:52 (opens new window)

# yScaleID

• Optional yScaleID: Scriptable<string, PartialEventContext>

# Defined in

options.d.ts:53 (opens new window)

# z

• Optional z: Scriptable<number, PartialEventContext>

# Defined in

options.d.ts:54 (opens new window)

# Methods

# afterDraw

▸ Optional afterDraw(context): void

# Parameters

Name Type
context EventContext

# Returns

void

# Inherited from

AnnotationHooks.afterDraw

# Defined in

options.d.ts:23 (opens new window)

# beforeDraw

▸ Optional beforeDraw(context): void

# Parameters

Name Type
context EventContext

# Returns

void

# Inherited from

AnnotationHooks.beforeDraw

# Defined in

options.d.ts:22 (opens new window)

# click

▸ Optional click(context, event): boolean | void

# Parameters

Name Type
context EventContext
event ChartEvent

# Returns

boolean | void

# Inherited from

AnnotationEvents.click

# Defined in

events.d.ts:27 (opens new window)

# enter

▸ Optional enter(context, event): boolean | void

# Parameters

Name Type
context EventContext
event ChartEvent

# Returns

boolean | void

# Inherited from

AnnotationEvents.enter

# Defined in

events.d.ts:25 (opens new window)

# leave

▸ Optional leave(context, event): boolean | void

# Parameters

Name Type
context EventContext
event ChartEvent

# Returns

boolean | void

# Inherited from

AnnotationEvents.leave

# Defined in

events.d.ts:26 (opens new window)

← →

- + diff --git a/master/api/interfaces/CoreLabelOptions.html b/master/api/interfaces/CoreLabelOptions.html index ecf0ce4ad..f242a56d1 100644 --- a/master/api/interfaces/CoreLabelOptions.html +++ b/master/api/interfaces/CoreLabelOptions.html @@ -7,7 +7,7 @@ - + @@ -31,13 +31,13 @@ Samples GitHub - (opens new window)

# Interface: CoreLabelOptions

# Hierarchy

# Properties

# color

• Optional color: Scriptable<Color | Color[], PartialEventContext>

# Defined in

label.d.ts:43 (opens new window)

# content

• content: Scriptable<string | string[] | HTMLCanvasElement | HTMLImageElement, PartialEventContext>

Text to display in label. Provide an array to display multiple lines

# Defined in

label.d.ts:73 (opens new window)

# drawTime

• Optional drawTime: Scriptable<DrawTime, PartialEventContext>

# Defined in

label.d.ts:41 (opens new window)

# font

• Optional font: Scriptable<Partial<FontSpec> | Partial<FontSpec>[], PartialEventContext>

# Defined in

label.d.ts:42 (opens new window)

# height

• Optional height: Scriptable<number | `${number}%`, PartialEventContext>

Overrides the height of the image. Could be set in pixel by a number, -or in percentage of current height of image by a string

# Defined in

label.d.ts:83 (opens new window)

# opacity

• Optional opacity: Scriptable<number, PartialEventContext>

Overrides the opacity of the image.

# Defined in

label.d.ts:87 (opens new window)

# padding

• Optional padding: Scriptable<number | LabelPadding, PartialEventContext>

Padding of label

Default

6

# Defined in

label.d.ts:48 (opens new window)

# textAlign

• Optional textAlign: Scriptable<LabelTextAlign, PartialEventContext>

Text alignment when the content of the label is multi-line.

Default

'center'

# Defined in

label.d.ts:53 (opens new window)

# textStrokeColor

• Optional textStrokeColor: Scriptable<Color, PartialEventContext>

# Defined in

label.d.ts:54 (opens new window)

# textStrokeWidth

• Optional textStrokeWidth: Scriptable<number, PartialEventContext>

# Defined in

label.d.ts:55 (opens new window)

# width

• Optional width: Scriptable<number | `${number}%`, PartialEventContext>

Overrides the width of the image. Could be set in pixel by a number, -or in percentage of current width of image by a string

# Defined in

label.d.ts:78 (opens new window)

# xAdjust

• Optional xAdjust: Scriptable<number, PartialEventContext>

Adjustment along x-axis (left-right) of label relative to above number (can be negative) + (opens new window)

# Interface: CoreLabelOptions

# Hierarchy

# Properties

# color

• Optional color: Scriptable<Color | Color[], PartialEventContext>

# Defined in

label.d.ts:43 (opens new window)

# content

• content: Scriptable<string | string[] | HTMLCanvasElement | HTMLImageElement, PartialEventContext>

Text to display in label. Provide an array to display multiple lines

# Defined in

label.d.ts:73 (opens new window)

# drawTime

• Optional drawTime: Scriptable<DrawTime, PartialEventContext>

# Defined in

label.d.ts:41 (opens new window)

# font

• Optional font: Scriptable<Partial<FontSpec> | Partial<FontSpec>[], PartialEventContext>

# Defined in

label.d.ts:42 (opens new window)

# height

• Optional height: Scriptable<number | `${number}%`, PartialEventContext>

Overrides the height of the image. Could be set in pixel by a number, +or in percentage of current height of image by a string

# Defined in

label.d.ts:83 (opens new window)

# opacity

• Optional opacity: Scriptable<number, PartialEventContext>

Overrides the opacity of the image.

# Defined in

label.d.ts:87 (opens new window)

# padding

• Optional padding: Scriptable<number | LabelPadding, PartialEventContext>

Padding of label

Default

6

# Defined in

label.d.ts:48 (opens new window)

# textAlign

• Optional textAlign: Scriptable<LabelTextAlign, PartialEventContext>

Text alignment when the content of the label is multi-line.

Default

'center'

# Defined in

label.d.ts:53 (opens new window)

# textStrokeColor

• Optional textStrokeColor: Scriptable<Color, PartialEventContext>

# Defined in

label.d.ts:54 (opens new window)

# textStrokeWidth

• Optional textStrokeWidth: Scriptable<number, PartialEventContext>

# Defined in

label.d.ts:55 (opens new window)

# width

• Optional width: Scriptable<number | `${number}%`, PartialEventContext>

Overrides the width of the image. Could be set in pixel by a number, +or in percentage of current width of image by a string

# Defined in

label.d.ts:78 (opens new window)

# xAdjust

• Optional xAdjust: Scriptable<number, PartialEventContext>

Adjustment along x-axis (left-right) of label relative to above number (can be negative) For horizontal lines positioned left or right, negative values move -the label toward the edge, and positive values toward the center.

Default

0

# Defined in

label.d.ts:62 (opens new window)

# yAdjust

• Optional yAdjust: Scriptable<number, PartialEventContext>

Adjustment along y-axis (top-bottom) of label relative to above number (can be negative) +the label toward the edge, and positive values toward the center.

Default

0

# Defined in

label.d.ts:62 (opens new window)

# yAdjust

• Optional yAdjust: Scriptable<number, PartialEventContext>

Adjustment along y-axis (top-bottom) of label relative to above number (can be negative) For vertical lines positioned top or bottom, negative values move -the label toward the edge, and positive values toward the center.

Default

0

# Defined in

label.d.ts:69 (opens new window)

# z

• Optional z: Scriptable<number, PartialEventContext>

# Defined in

label.d.ts:88 (opens new window)

+the label toward the edge, and positive values toward the center.

Default

0

# Defined in

label.d.ts:69 (opens new window)

# z

• Optional z: Scriptable<number, PartialEventContext>

# Defined in

label.d.ts:88 (opens new window)

← →

- + diff --git a/master/api/interfaces/EllipseAnnotationOptions.html b/master/api/interfaces/EllipseAnnotationOptions.html index c0a5d1bfd..73c20895b 100644 --- a/master/api/interfaces/EllipseAnnotationOptions.html +++ b/master/api/interfaces/EllipseAnnotationOptions.html @@ -7,7 +7,7 @@ - + @@ -31,7 +31,7 @@ Samples GitHub - (opens new window)

# Interface: EllipseAnnotationOptions

# Hierarchy

# Properties

# adjustScaleRange

• Optional adjustScaleRange: Scriptable<boolean, PartialEventContext>

# Inherited from

CoreAnnotationOptions.adjustScaleRange

# Defined in

options.d.ts:38 (opens new window)

# backgroundColor

• Optional backgroundColor: Scriptable<Color, PartialEventContext>

# Defined in

options.d.ts:122 (opens new window)

# backgroundShadowColor

• Optional backgroundShadowColor: Scriptable<Color, PartialEventContext>

# Inherited from

CoreAnnotationOptions.backgroundShadowColor

# Defined in

options.d.ts:30 (opens new window)

# borderColor

• Optional borderColor: Scriptable<Color, PartialEventContext>

# Inherited from

CoreAnnotationOptions.borderColor

# Defined in

options.d.ts:39 (opens new window)

# borderDash

• Optional borderDash: Scriptable<number[], PartialEventContext>

# Inherited from

CoreAnnotationOptions.borderDash

# Defined in

options.d.ts:40 (opens new window)

# borderDashOffset

• Optional borderDashOffset: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.borderDashOffset

# Defined in

options.d.ts:41 (opens new window)

# borderShadowColor

• Optional borderShadowColor: Scriptable<Color, PartialEventContext>

# Inherited from

CoreAnnotationOptions.borderShadowColor

# Defined in

options.d.ts:31 (opens new window)

# borderWidth

• Optional borderWidth: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.borderWidth

# Defined in

options.d.ts:42 (opens new window)

# display

• Optional display: Scriptable<boolean, PartialEventContext>

# Inherited from

CoreAnnotationOptions.display

# Defined in

options.d.ts:43 (opens new window)

# drawTime

• Optional drawTime: Scriptable<DrawTime, PartialEventContext>

# Inherited from

CoreAnnotationOptions.drawTime

# Defined in

options.d.ts:44 (opens new window)

# hitTolerance

• Optional hitTolerance: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.hitTolerance

# Defined in

options.d.ts:45 (opens new window)

# id

• Optional id: string

# Inherited from

CoreAnnotationOptions.id

# Defined in

options.d.ts:47 (opens new window)

# init

• Optional init: boolean | (__namedParameters: Object) => boolean | void | Partial<AnnotationElement>

# Inherited from

CoreAnnotationOptions.init

# Defined in

options.d.ts:46 (opens new window)

# label

• Optional label: BoxLabelOptions

# Defined in

options.d.ts:123 (opens new window)

# rotation

• Optional rotation: Scriptable<number, PartialEventContext>

# Defined in

options.d.ts:124 (opens new window)

# shadowBlur

• Optional shadowBlur: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.shadowBlur

# Defined in

options.d.ts:32 (opens new window)

# shadowOffsetX

• Optional shadowOffsetX: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.shadowOffsetX

# Defined in

options.d.ts:33 (opens new window)

# shadowOffsetY

• Optional shadowOffsetY: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.shadowOffsetY

# Defined in

options.d.ts:34 (opens new window)

# xMax

• Optional xMax: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

CoreAnnotationOptions.xMax

# Defined in

options.d.ts:48 (opens new window)

# xMin

• Optional xMin: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

CoreAnnotationOptions.xMin

# Defined in

options.d.ts:49 (opens new window)

# xScaleID

• Optional xScaleID: Scriptable<string, PartialEventContext>

# Inherited from

CoreAnnotationOptions.xScaleID

# Defined in

options.d.ts:50 (opens new window)

# yMax

• Optional yMax: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

CoreAnnotationOptions.yMax

# Defined in

options.d.ts:51 (opens new window)

# yMin

• Optional yMin: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

CoreAnnotationOptions.yMin

# Defined in

options.d.ts:52 (opens new window)

# yScaleID

• Optional yScaleID: Scriptable<string, PartialEventContext>

# Inherited from

CoreAnnotationOptions.yScaleID

# Defined in

options.d.ts:53 (opens new window)

# z

• Optional z: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.z

# Defined in

options.d.ts:54 (opens new window)

# Methods

# afterDraw

▸ Optional afterDraw(context): void

# Parameters

Name Type
context EventContext

# Returns

void

# Inherited from

CoreAnnotationOptions.afterDraw

# Defined in

options.d.ts:23 (opens new window)

# beforeDraw

▸ Optional beforeDraw(context): void

# Parameters

Name Type
context EventContext

# Returns

void

# Inherited from

CoreAnnotationOptions.beforeDraw

# Defined in

options.d.ts:22 (opens new window)

# click

▸ Optional click(context, event): boolean | void

# Parameters

Name Type
context EventContext
event ChartEvent

# Returns

boolean | void

# Inherited from

CoreAnnotationOptions.click

# Defined in

events.d.ts:27 (opens new window)

# enter

▸ Optional enter(context, event): boolean | void

# Parameters

Name Type
context EventContext
event ChartEvent

# Returns

boolean | void

# Inherited from

CoreAnnotationOptions.enter

# Defined in

events.d.ts:25 (opens new window)

# leave

▸ Optional leave(context, event): boolean | void

# Parameters

Name Type
context EventContext
event ChartEvent

# Returns

boolean | void

# Inherited from

CoreAnnotationOptions.leave

# Defined in

events.d.ts:26 (opens new window)

+ (opens new window)

# Interface: EllipseAnnotationOptions

# Hierarchy

# Properties

# adjustScaleRange

• Optional adjustScaleRange: Scriptable<boolean, PartialEventContext>

# Inherited from

CoreAnnotationOptions.adjustScaleRange

# Defined in

options.d.ts:38 (opens new window)

# backgroundColor

• Optional backgroundColor: Scriptable<Color, PartialEventContext>

# Defined in

options.d.ts:122 (opens new window)

# backgroundShadowColor

• Optional backgroundShadowColor: Scriptable<Color, PartialEventContext>

# Inherited from

CoreAnnotationOptions.backgroundShadowColor

# Defined in

options.d.ts:30 (opens new window)

# borderColor

• Optional borderColor: Scriptable<Color, PartialEventContext>

# Inherited from

CoreAnnotationOptions.borderColor

# Defined in

options.d.ts:39 (opens new window)

# borderDash

• Optional borderDash: Scriptable<number[], PartialEventContext>

# Inherited from

CoreAnnotationOptions.borderDash

# Defined in

options.d.ts:40 (opens new window)

# borderDashOffset

• Optional borderDashOffset: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.borderDashOffset

# Defined in

options.d.ts:41 (opens new window)

# borderShadowColor

• Optional borderShadowColor: Scriptable<Color, PartialEventContext>

# Inherited from

CoreAnnotationOptions.borderShadowColor

# Defined in

options.d.ts:31 (opens new window)

# borderWidth

• Optional borderWidth: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.borderWidth

# Defined in

options.d.ts:42 (opens new window)

# display

• Optional display: Scriptable<boolean, PartialEventContext>

# Inherited from

CoreAnnotationOptions.display

# Defined in

options.d.ts:43 (opens new window)

# drawTime

• Optional drawTime: Scriptable<DrawTime, PartialEventContext>

# Inherited from

CoreAnnotationOptions.drawTime

# Defined in

options.d.ts:44 (opens new window)

# hitTolerance

• Optional hitTolerance: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.hitTolerance

# Defined in

options.d.ts:45 (opens new window)

# id

• Optional id: string

# Inherited from

CoreAnnotationOptions.id

# Defined in

options.d.ts:47 (opens new window)

# init

• Optional init: boolean | (__namedParameters: Object) => boolean | void | Partial<AnnotationElement>

# Inherited from

CoreAnnotationOptions.init

# Defined in

options.d.ts:46 (opens new window)

# label

• Optional label: BoxLabelOptions

# Defined in

options.d.ts:123 (opens new window)

# rotation

• Optional rotation: Scriptable<number, PartialEventContext>

# Defined in

options.d.ts:124 (opens new window)

# shadowBlur

• Optional shadowBlur: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.shadowBlur

# Defined in

options.d.ts:32 (opens new window)

# shadowOffsetX

• Optional shadowOffsetX: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.shadowOffsetX

# Defined in

options.d.ts:33 (opens new window)

# shadowOffsetY

• Optional shadowOffsetY: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.shadowOffsetY

# Defined in

options.d.ts:34 (opens new window)

# xMax

• Optional xMax: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

CoreAnnotationOptions.xMax

# Defined in

options.d.ts:48 (opens new window)

# xMin

• Optional xMin: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

CoreAnnotationOptions.xMin

# Defined in

options.d.ts:49 (opens new window)

# xScaleID

• Optional xScaleID: Scriptable<string, PartialEventContext>

# Inherited from

CoreAnnotationOptions.xScaleID

# Defined in

options.d.ts:50 (opens new window)

# yMax

• Optional yMax: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

CoreAnnotationOptions.yMax

# Defined in

options.d.ts:51 (opens new window)

# yMin

• Optional yMin: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

CoreAnnotationOptions.yMin

# Defined in

options.d.ts:52 (opens new window)

# yScaleID

• Optional yScaleID: Scriptable<string, PartialEventContext>

# Inherited from

CoreAnnotationOptions.yScaleID

# Defined in

options.d.ts:53 (opens new window)

# z

• Optional z: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.z

# Defined in

options.d.ts:54 (opens new window)

# Methods

# afterDraw

▸ Optional afterDraw(context): void

# Parameters

Name Type
context EventContext

# Returns

void

# Inherited from

CoreAnnotationOptions.afterDraw

# Defined in

options.d.ts:23 (opens new window)

# beforeDraw

▸ Optional beforeDraw(context): void

# Parameters

Name Type
context EventContext

# Returns

void

# Inherited from

CoreAnnotationOptions.beforeDraw

# Defined in

options.d.ts:22 (opens new window)

# click

▸ Optional click(context, event): boolean | void

# Parameters

Name Type
context EventContext
event ChartEvent

# Returns

boolean | void

# Inherited from

CoreAnnotationOptions.click

# Defined in

events.d.ts:27 (opens new window)

# enter

▸ Optional enter(context, event): boolean | void

# Parameters

Name Type
context EventContext
event ChartEvent

# Returns

boolean | void

# Inherited from

CoreAnnotationOptions.enter

# Defined in

events.d.ts:25 (opens new window)

# leave

▸ Optional leave(context, event): boolean | void

# Parameters

Name Type
context EventContext
event ChartEvent

# Returns

boolean | void

# Inherited from

CoreAnnotationOptions.leave

# Defined in

events.d.ts:26 (opens new window)

← →

- + diff --git a/master/api/interfaces/EventContext.html b/master/api/interfaces/EventContext.html index 37c40c704..3aef00d9c 100644 --- a/master/api/interfaces/EventContext.html +++ b/master/api/interfaces/EventContext.html @@ -7,7 +7,7 @@ - + @@ -31,7 +31,7 @@ Samples GitHub - (opens new window)

# Interface: EventContext

# Properties

# chart

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

# Defined in

events.d.ts:5 (opens new window)

# element

• element: AnnotationElement

# Defined in

events.d.ts:6 (opens new window)

# elements

• elements: AnnotationElement[]

# Defined in

events.d.ts:7 (opens new window)

# id

• id: string

# Defined in

events.d.ts:8 (opens new window)

# type

• type: string

# Defined in

events.d.ts:9 (opens new window)

+ (opens new window)

# Interface: EventContext

# Properties

# chart

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

# Defined in

events.d.ts:5 (opens new window)

# element

• element: AnnotationElement

# Defined in

events.d.ts:6 (opens new window)

# elements

• elements: AnnotationElement[]

# Defined in

events.d.ts:7 (opens new window)

# id

• id: string

# Defined in

events.d.ts:8 (opens new window)

# type

• type: string

# Defined in

events.d.ts:9 (opens new window)

← →

- + diff --git a/master/api/interfaces/LabelAnnotationOptions.html b/master/api/interfaces/LabelAnnotationOptions.html index 875e8e275..1f518b8c7 100644 --- a/master/api/interfaces/LabelAnnotationOptions.html +++ b/master/api/interfaces/LabelAnnotationOptions.html @@ -7,7 +7,7 @@ - + @@ -31,13 +31,13 @@ Samples GitHub - (opens new window)

# Interface: LabelAnnotationOptions

# Hierarchy

# Properties

# adjustScaleRange

• Optional adjustScaleRange: Scriptable<boolean, PartialEventContext>

# Inherited from

CoreAnnotationOptions.adjustScaleRange

# Defined in

options.d.ts:38 (opens new window)

# backgroundColor

• Optional backgroundColor: Scriptable<Color, PartialEventContext>

# Inherited from

LabelTypeOptions.backgroundColor

# Defined in

label.d.ts:92 (opens new window)

# backgroundShadowColor

• Optional backgroundShadowColor: Scriptable<Color, PartialEventContext>

# Inherited from

CoreAnnotationOptions.backgroundShadowColor

# Defined in

options.d.ts:30 (opens new window)

# borderCapStyle

• Optional borderCapStyle: Scriptable<CanvasLineCap, PartialEventContext>

Border line cap style. See MDN.

Default

'butt'

# Inherited from

LabelTypeOptions.borderCapStyle

# Defined in

label.d.ts:99 (opens new window)

# borderColor

• Optional borderColor: Scriptable<Color, PartialEventContext>

# Inherited from

LabelTypeOptions.borderColor

# Defined in

options.d.ts:39 (opens new window)

# borderDash

• Optional borderDash: Scriptable<number[], PartialEventContext>

Border line dash. See MDN.

Default

[]

# Inherited from

LabelTypeOptions.borderDash

# Defined in

options.d.ts:40 (opens new window)

# borderDashOffset

• Optional borderDashOffset: Scriptable<number, PartialEventContext>

Border line dash offset. See MDN.

Default

0.0

# Inherited from

LabelTypeOptions.borderDashOffset

# Defined in

options.d.ts:41 (opens new window)

# borderJoinStyle

• Optional borderJoinStyle: Scriptable<CanvasLineJoin, PartialEventContext>

Border line join style. See MDN.

Default

'miter'

# Inherited from

LabelTypeOptions.borderJoinStyle

# Defined in

label.d.ts:114 (opens new window)

# borderRadius

• Optional borderRadius: Scriptable<number | BorderRadius, PartialEventContext>

Border radius of the label rectangle

Default

6

# Inherited from

LabelTypeOptions.borderRadius

# Defined in

label.d.ts:119 (opens new window)

# borderShadowColor

• Optional borderShadowColor: Scriptable<Color, PartialEventContext>

# Inherited from

CoreAnnotationOptions.borderShadowColor

# Defined in

options.d.ts:31 (opens new window)

# borderWidth

• Optional borderWidth: Scriptable<number, PartialEventContext>

# Inherited from

LabelTypeOptions.borderWidth

# Defined in

options.d.ts:42 (opens new window)

# callout

• Optional callout: CalloutOptions

# Inherited from

LabelTypeOptions.callout

# Defined in

label.d.ts:120 (opens new window)

# color

• Optional color: Scriptable<Color | Color[], PartialEventContext>

# Inherited from

LabelTypeOptions.color

# Defined in

label.d.ts:43 (opens new window)

# content

• content: Scriptable<string | string[] | HTMLCanvasElement | HTMLImageElement, PartialEventContext>

Text to display in label. Provide an array to display multiple lines

# Inherited from

LabelTypeOptions.content

# Defined in

label.d.ts:73 (opens new window)

# display

• Optional display: Scriptable<boolean, PartialEventContext>

# Inherited from

CoreAnnotationOptions.display

# Defined in

options.d.ts:43 (opens new window)

# drawTime

• Optional drawTime: Scriptable<DrawTime, PartialEventContext>

# Inherited from

LabelTypeOptions.drawTime

# Defined in

options.d.ts:44 (opens new window)

# font

• Optional font: Scriptable<Partial<FontSpec> | Partial<FontSpec>[], PartialEventContext>

# Inherited from

LabelTypeOptions.font

# Defined in

label.d.ts:42 (opens new window)

# height

• Optional height: Scriptable<number | `${number}%`, PartialEventContext>

Overrides the height of the image. Could be set in pixel by a number, -or in percentage of current height of image by a string

# Inherited from

LabelTypeOptions.height

# Defined in

label.d.ts:83 (opens new window)

# hitTolerance

• Optional hitTolerance: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.hitTolerance

# Defined in

options.d.ts:45 (opens new window)

# id

• Optional id: string

# Inherited from

CoreAnnotationOptions.id

# Defined in

options.d.ts:47 (opens new window)

# init

• Optional init: boolean | (__namedParameters: Object) => boolean | void | Partial<AnnotationElement>

# Inherited from

CoreAnnotationOptions.init

# Defined in

options.d.ts:46 (opens new window)

# opacity

• Optional opacity: Scriptable<number, PartialEventContext>

Overrides the opacity of the image.

# Inherited from

LabelTypeOptions.opacity

# Defined in

label.d.ts:87 (opens new window)

# padding

• Optional padding: Scriptable<number | LabelPadding, PartialEventContext>

Padding of label

Default

6

# Inherited from

LabelTypeOptions.padding

# Defined in

label.d.ts:48 (opens new window)

# position

• Optional position: Scriptable<LabelPosition | LabelPositionObject, PartialEventContext>

# Inherited from

LabelTypeOptions.position

# Defined in

label.d.ts:150 (opens new window)

# rotation

• Optional rotation: Scriptable<number, PartialEventContext>

# Defined in

options.d.ts:137 (opens new window)

# shadowBlur

• Optional shadowBlur: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.shadowBlur

# Defined in

options.d.ts:32 (opens new window)

# shadowOffsetX

• Optional shadowOffsetX: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.shadowOffsetX

# Defined in

options.d.ts:33 (opens new window)

# shadowOffsetY

• Optional shadowOffsetY: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.shadowOffsetY

# Defined in

options.d.ts:34 (opens new window)

# textAlign

• Optional textAlign: Scriptable<LabelTextAlign, PartialEventContext>

Text alignment when the content of the label is multi-line.

Default

'center'

# Inherited from

LabelTypeOptions.textAlign

# Defined in

label.d.ts:53 (opens new window)

# textStrokeColor

• Optional textStrokeColor: Scriptable<Color, PartialEventContext>

# Inherited from

LabelTypeOptions.textStrokeColor

# Defined in

label.d.ts:54 (opens new window)

# textStrokeWidth

• Optional textStrokeWidth: Scriptable<number, PartialEventContext>

# Inherited from

LabelTypeOptions.textStrokeWidth

# Defined in

label.d.ts:55 (opens new window)

# width

• Optional width: Scriptable<number | `${number}%`, PartialEventContext>

Overrides the width of the image. Could be set in pixel by a number, -or in percentage of current width of image by a string

# Inherited from

LabelTypeOptions.width

# Defined in

label.d.ts:78 (opens new window)

# xAdjust

• Optional xAdjust: Scriptable<number, PartialEventContext>

Adjustment along x-axis (left-right) of label relative to above number (can be negative) + (opens new window)

# Interface: LabelAnnotationOptions

# Hierarchy

# Properties

# adjustScaleRange

• Optional adjustScaleRange: Scriptable<boolean, PartialEventContext>

# Inherited from

CoreAnnotationOptions.adjustScaleRange

# Defined in

options.d.ts:38 (opens new window)

# backgroundColor

• Optional backgroundColor: Scriptable<Color, PartialEventContext>

# Inherited from

LabelTypeOptions.backgroundColor

# Defined in

label.d.ts:92 (opens new window)

# backgroundShadowColor

• Optional backgroundShadowColor: Scriptable<Color, PartialEventContext>

# Inherited from

CoreAnnotationOptions.backgroundShadowColor

# Defined in

options.d.ts:30 (opens new window)

# borderCapStyle

• Optional borderCapStyle: Scriptable<CanvasLineCap, PartialEventContext>

Border line cap style. See MDN.

Default

'butt'

# Inherited from

LabelTypeOptions.borderCapStyle

# Defined in

label.d.ts:99 (opens new window)

# borderColor

• Optional borderColor: Scriptable<Color, PartialEventContext>

# Inherited from

LabelTypeOptions.borderColor

# Defined in

options.d.ts:39 (opens new window)

# borderDash

• Optional borderDash: Scriptable<number[], PartialEventContext>

Border line dash. See MDN.

Default

[]

# Inherited from

LabelTypeOptions.borderDash

# Defined in

options.d.ts:40 (opens new window)

# borderDashOffset

• Optional borderDashOffset: Scriptable<number, PartialEventContext>

Border line dash offset. See MDN.

Default

0.0

# Inherited from

LabelTypeOptions.borderDashOffset

# Defined in

options.d.ts:41 (opens new window)

# borderJoinStyle

• Optional borderJoinStyle: Scriptable<CanvasLineJoin, PartialEventContext>

Border line join style. See MDN.

Default

'miter'

# Inherited from

LabelTypeOptions.borderJoinStyle

# Defined in

label.d.ts:114 (opens new window)

# borderRadius

• Optional borderRadius: Scriptable<number | BorderRadius, PartialEventContext>

Border radius of the label rectangle

Default

6

# Inherited from

LabelTypeOptions.borderRadius

# Defined in

label.d.ts:119 (opens new window)

# borderShadowColor

• Optional borderShadowColor: Scriptable<Color, PartialEventContext>

# Inherited from

CoreAnnotationOptions.borderShadowColor

# Defined in

options.d.ts:31 (opens new window)

# borderWidth

• Optional borderWidth: Scriptable<number, PartialEventContext>

# Inherited from

LabelTypeOptions.borderWidth

# Defined in

options.d.ts:42 (opens new window)

# callout

• Optional callout: CalloutOptions

# Inherited from

LabelTypeOptions.callout

# Defined in

label.d.ts:120 (opens new window)

# color

• Optional color: Scriptable<Color | Color[], PartialEventContext>

# Inherited from

LabelTypeOptions.color

# Defined in

label.d.ts:43 (opens new window)

# content

• content: Scriptable<string | string[] | HTMLCanvasElement | HTMLImageElement, PartialEventContext>

Text to display in label. Provide an array to display multiple lines

# Inherited from

LabelTypeOptions.content

# Defined in

label.d.ts:73 (opens new window)

# display

• Optional display: Scriptable<boolean, PartialEventContext>

# Inherited from

CoreAnnotationOptions.display

# Defined in

options.d.ts:43 (opens new window)

# drawTime

• Optional drawTime: Scriptable<DrawTime, PartialEventContext>

# Inherited from

LabelTypeOptions.drawTime

# Defined in

options.d.ts:44 (opens new window)

# font

• Optional font: Scriptable<Partial<FontSpec> | Partial<FontSpec>[], PartialEventContext>

# Inherited from

LabelTypeOptions.font

# Defined in

label.d.ts:42 (opens new window)

# height

• Optional height: Scriptable<number | `${number}%`, PartialEventContext>

Overrides the height of the image. Could be set in pixel by a number, +or in percentage of current height of image by a string

# Inherited from

LabelTypeOptions.height

# Defined in

label.d.ts:83 (opens new window)

# hitTolerance

• Optional hitTolerance: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.hitTolerance

# Defined in

options.d.ts:45 (opens new window)

# id

• Optional id: string

# Inherited from

CoreAnnotationOptions.id

# Defined in

options.d.ts:47 (opens new window)

# init

• Optional init: boolean | (__namedParameters: Object) => boolean | void | Partial<AnnotationElement>

# Inherited from

CoreAnnotationOptions.init

# Defined in

options.d.ts:46 (opens new window)

# opacity

• Optional opacity: Scriptable<number, PartialEventContext>

Overrides the opacity of the image.

# Inherited from

LabelTypeOptions.opacity

# Defined in

label.d.ts:87 (opens new window)

# padding

• Optional padding: Scriptable<number | LabelPadding, PartialEventContext>

Padding of label

Default

6

# Inherited from

LabelTypeOptions.padding

# Defined in

label.d.ts:48 (opens new window)

# position

• Optional position: Scriptable<LabelPosition | LabelPositionObject, PartialEventContext>

# Inherited from

LabelTypeOptions.position

# Defined in

label.d.ts:150 (opens new window)

# rotation

• Optional rotation: Scriptable<number, PartialEventContext>

# Defined in

options.d.ts:137 (opens new window)

# shadowBlur

• Optional shadowBlur: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.shadowBlur

# Defined in

options.d.ts:32 (opens new window)

# shadowOffsetX

• Optional shadowOffsetX: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.shadowOffsetX

# Defined in

options.d.ts:33 (opens new window)

# shadowOffsetY

• Optional shadowOffsetY: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.shadowOffsetY

# Defined in

options.d.ts:34 (opens new window)

# textAlign

• Optional textAlign: Scriptable<LabelTextAlign, PartialEventContext>

Text alignment when the content of the label is multi-line.

Default

'center'

# Inherited from

LabelTypeOptions.textAlign

# Defined in

label.d.ts:53 (opens new window)

# textStrokeColor

• Optional textStrokeColor: Scriptable<Color, PartialEventContext>

# Inherited from

LabelTypeOptions.textStrokeColor

# Defined in

label.d.ts:54 (opens new window)

# textStrokeWidth

• Optional textStrokeWidth: Scriptable<number, PartialEventContext>

# Inherited from

LabelTypeOptions.textStrokeWidth

# Defined in

label.d.ts:55 (opens new window)

# width

• Optional width: Scriptable<number | `${number}%`, PartialEventContext>

Overrides the width of the image. Could be set in pixel by a number, +or in percentage of current width of image by a string

# Inherited from

LabelTypeOptions.width

# Defined in

label.d.ts:78 (opens new window)

# xAdjust

• Optional xAdjust: Scriptable<number, PartialEventContext>

Adjustment along x-axis (left-right) of label relative to above number (can be negative) For horizontal lines positioned left or right, negative values move -the label toward the edge, and positive values toward the center.

Default

0

# Inherited from

LabelTypeOptions.xAdjust

# Defined in

label.d.ts:62 (opens new window)

# xMax

• Optional xMax: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

CoreAnnotationOptions.xMax

# Defined in

options.d.ts:48 (opens new window)

# xMin

• Optional xMin: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

CoreAnnotationOptions.xMin

# Defined in

options.d.ts:49 (opens new window)

# xScaleID

• Optional xScaleID: Scriptable<string, PartialEventContext>

# Inherited from

CoreAnnotationOptions.xScaleID

# Defined in

options.d.ts:50 (opens new window)

# xValue

• Optional xValue: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

AnnotationPointCoordinates.xValue

# Defined in

options.d.ts:58 (opens new window)

# yAdjust

• Optional yAdjust: Scriptable<number, PartialEventContext>

Adjustment along y-axis (top-bottom) of label relative to above number (can be negative) +the label toward the edge, and positive values toward the center.

Default

0

# Inherited from

LabelTypeOptions.xAdjust

# Defined in

label.d.ts:62 (opens new window)

# xMax

• Optional xMax: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

CoreAnnotationOptions.xMax

# Defined in

options.d.ts:48 (opens new window)

# xMin

• Optional xMin: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

CoreAnnotationOptions.xMin

# Defined in

options.d.ts:49 (opens new window)

# xScaleID

• Optional xScaleID: Scriptable<string, PartialEventContext>

# Inherited from

CoreAnnotationOptions.xScaleID

# Defined in

options.d.ts:50 (opens new window)

# xValue

• Optional xValue: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

AnnotationPointCoordinates.xValue

# Defined in

options.d.ts:58 (opens new window)

# yAdjust

• Optional yAdjust: Scriptable<number, PartialEventContext>

Adjustment along y-axis (top-bottom) of label relative to above number (can be negative) For vertical lines positioned top or bottom, negative values move -the label toward the edge, and positive values toward the center.

Default

0

# Inherited from

LabelTypeOptions.yAdjust

# Defined in

label.d.ts:69 (opens new window)

# yMax

• Optional yMax: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

CoreAnnotationOptions.yMax

# Defined in

options.d.ts:51 (opens new window)

# yMin

• Optional yMin: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

CoreAnnotationOptions.yMin

# Defined in

options.d.ts:52 (opens new window)

# yScaleID

• Optional yScaleID: Scriptable<string, PartialEventContext>

# Inherited from

CoreAnnotationOptions.yScaleID

# Defined in

options.d.ts:53 (opens new window)

# yValue

• Optional yValue: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

AnnotationPointCoordinates.yValue

# Defined in

options.d.ts:59 (opens new window)

# z

• Optional z: Scriptable<number, PartialEventContext>

# Inherited from

LabelTypeOptions.z

# Defined in

options.d.ts:54 (opens new window)

# Methods

# afterDraw

▸ Optional afterDraw(context): void

# Parameters

Name Type
context EventContext

# Returns

void

# Inherited from

CoreAnnotationOptions.afterDraw

# Defined in

options.d.ts:23 (opens new window)

# beforeDraw

▸ Optional beforeDraw(context): void

# Parameters

Name Type
context EventContext

# Returns

void

# Inherited from

CoreAnnotationOptions.beforeDraw

# Defined in

options.d.ts:22 (opens new window)

# click

▸ Optional click(context, event): boolean | void

# Parameters

Name Type
context EventContext
event ChartEvent

# Returns

boolean | void

# Inherited from

CoreAnnotationOptions.click

# Defined in

events.d.ts:27 (opens new window)

# enter

▸ Optional enter(context, event): boolean | void

# Parameters

Name Type
context EventContext
event ChartEvent

# Returns

boolean | void

# Inherited from

CoreAnnotationOptions.enter

# Defined in

events.d.ts:25 (opens new window)

# leave

▸ Optional leave(context, event): boolean | void

# Parameters

Name Type
context EventContext
event ChartEvent

# Returns

boolean | void

# Inherited from

CoreAnnotationOptions.leave

# Defined in

events.d.ts:26 (opens new window)

+the label toward the edge, and positive values toward the center.

Default

0

# Inherited from

LabelTypeOptions.yAdjust

# Defined in

label.d.ts:69 (opens new window)

# yMax

• Optional yMax: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

CoreAnnotationOptions.yMax

# Defined in

options.d.ts:51 (opens new window)

# yMin

• Optional yMin: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

CoreAnnotationOptions.yMin

# Defined in

options.d.ts:52 (opens new window)

# yScaleID

• Optional yScaleID: Scriptable<string, PartialEventContext>

# Inherited from

CoreAnnotationOptions.yScaleID

# Defined in

options.d.ts:53 (opens new window)

# yValue

• Optional yValue: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

AnnotationPointCoordinates.yValue

# Defined in

options.d.ts:59 (opens new window)

# z

• Optional z: Scriptable<number, PartialEventContext>

# Inherited from

LabelTypeOptions.z

# Defined in

options.d.ts:54 (opens new window)

# Methods

# afterDraw

▸ Optional afterDraw(context): void

# Parameters

Name Type
context EventContext

# Returns

void

# Inherited from

CoreAnnotationOptions.afterDraw

# Defined in

options.d.ts:23 (opens new window)

# beforeDraw

▸ Optional beforeDraw(context): void

# Parameters

Name Type
context EventContext

# Returns

void

# Inherited from

CoreAnnotationOptions.beforeDraw

# Defined in

options.d.ts:22 (opens new window)

# click

▸ Optional click(context, event): boolean | void

# Parameters

Name Type
context EventContext
event ChartEvent

# Returns

boolean | void

# Inherited from

CoreAnnotationOptions.click

# Defined in

events.d.ts:27 (opens new window)

# enter

▸ Optional enter(context, event): boolean | void

# Parameters

Name Type
context EventContext
event ChartEvent

# Returns

boolean | void

# Inherited from

CoreAnnotationOptions.enter

# Defined in

events.d.ts:25 (opens new window)

# leave

▸ Optional leave(context, event): boolean | void

# Parameters

Name Type
context EventContext
event ChartEvent

# Returns

boolean | void

# Inherited from

CoreAnnotationOptions.leave

# Defined in

events.d.ts:26 (opens new window)

← →

- + diff --git a/master/api/interfaces/LabelOptions.html b/master/api/interfaces/LabelOptions.html index 4cf959a63..7f3172470 100644 --- a/master/api/interfaces/LabelOptions.html +++ b/master/api/interfaces/LabelOptions.html @@ -7,7 +7,7 @@ - + @@ -31,13 +31,13 @@ Samples GitHub - (opens new window)

# Interface: LabelOptions

# Hierarchy

# Properties

# backgroundColor

• Optional backgroundColor: Scriptable<Color, PartialEventContext>

# Inherited from

ContainedLabelOptions.backgroundColor

# Defined in

label.d.ts:92 (opens new window)

# backgroundShadowColor

• Optional backgroundShadowColor: Scriptable<Color, PartialEventContext>

# Inherited from

ShadowOptions.backgroundShadowColor

# Defined in

options.d.ts:30 (opens new window)

# borderCapStyle

• Optional borderCapStyle: Scriptable<CanvasLineCap, PartialEventContext>

Border line cap style. See MDN.

Default

'butt'

# Inherited from

ContainedLabelOptions.borderCapStyle

# Defined in

label.d.ts:99 (opens new window)

# borderColor

• Optional borderColor: Scriptable<Color, PartialEventContext>

# Inherited from

ContainedLabelOptions.borderColor

# Defined in

label.d.ts:94 (opens new window)

# borderDash

• Optional borderDash: Scriptable<number[], PartialEventContext>

Border line dash. See MDN.

Default

[]

# Inherited from

ContainedLabelOptions.borderDash

# Defined in

label.d.ts:104 (opens new window)

# borderDashOffset

• Optional borderDashOffset: Scriptable<number, PartialEventContext>

Border line dash offset. See MDN.

Default

0.0

# Inherited from

ContainedLabelOptions.borderDashOffset

# Defined in

label.d.ts:109 (opens new window)

# borderJoinStyle

• Optional borderJoinStyle: Scriptable<CanvasLineJoin, PartialEventContext>

Border line join style. See MDN.

Default

'miter'

# Inherited from

ContainedLabelOptions.borderJoinStyle

# Defined in

label.d.ts:114 (opens new window)

# borderRadius

• Optional borderRadius: Scriptable<number | BorderRadius, PartialEventContext>

Border radius of the label rectangle

Default

6

# Inherited from

ContainedLabelOptions.borderRadius

# Defined in

label.d.ts:119 (opens new window)

# borderShadowColor

• Optional borderShadowColor: Scriptable<Color, PartialEventContext>

# Inherited from

ShadowOptions.borderShadowColor

# Defined in

options.d.ts:31 (opens new window)

# borderWidth

• Optional borderWidth: Scriptable<number, PartialEventContext>

# Inherited from

ContainedLabelOptions.borderWidth

# Defined in

label.d.ts:93 (opens new window)

# callout

• Optional callout: CalloutOptions

# Inherited from

ContainedLabelOptions.callout

# Defined in

label.d.ts:120 (opens new window)

# color

• Optional color: Scriptable<Color | Color[], PartialEventContext>

# Inherited from

ContainedLabelOptions.color

# Defined in

label.d.ts:43 (opens new window)

# content

• content: Scriptable<string | string[] | HTMLCanvasElement | HTMLImageElement, PartialEventContext>

Text to display in label. Provide an array to display multiple lines

# Inherited from

ContainedLabelOptions.content

# Defined in

label.d.ts:73 (opens new window)

# display

• Optional display: Scriptable<boolean, PartialEventContext>

Whether the label should be displayed

Default

true

# Defined in

label.d.ts:129 (opens new window)

# drawTime

• Optional drawTime: Scriptable<DrawTime, PartialEventContext>

# Inherited from

ContainedLabelOptions.drawTime

# Defined in

label.d.ts:41 (opens new window)

# font

• Optional font: Scriptable<Partial<FontSpec> | Partial<FontSpec>[], PartialEventContext>

# Inherited from

ContainedLabelOptions.font

# Defined in

label.d.ts:42 (opens new window)

# height

• Optional height: Scriptable<number | `${number}%`, PartialEventContext>

Overrides the height of the image. Could be set in pixel by a number, -or in percentage of current height of image by a string

# Inherited from

ContainedLabelOptions.height

# Defined in

label.d.ts:83 (opens new window)

# hitTolerance

• Optional hitTolerance: Scriptable<number, PartialEventContext>

# Defined in

label.d.ts:130 (opens new window)

# opacity

• Optional opacity: Scriptable<number, PartialEventContext>

Overrides the opacity of the image.

# Inherited from

ContainedLabelOptions.opacity

# Defined in

label.d.ts:87 (opens new window)

# padding

• Optional padding: Scriptable<number | LabelPadding, PartialEventContext>

Padding of label

Default

6

# Inherited from

ContainedLabelOptions.padding

# Defined in

label.d.ts:48 (opens new window)

# position

• Optional position: Scriptable<LabelPosition, PartialEventContext>

# Defined in

label.d.ts:124 (opens new window)

# rotation

• Optional rotation: Scriptable<number | "auto", PartialEventContext>

Rotation of label, in degrees, or 'auto' to use the degrees of the line, default is 0

Default

90

# Defined in

label.d.ts:135 (opens new window)

# shadowBlur

• Optional shadowBlur: Scriptable<number, PartialEventContext>

# Inherited from

ShadowOptions.shadowBlur

# Defined in

options.d.ts:32 (opens new window)

# shadowOffsetX

• Optional shadowOffsetX: Scriptable<number, PartialEventContext>

# Inherited from

ShadowOptions.shadowOffsetX

# Defined in

options.d.ts:33 (opens new window)

# shadowOffsetY

• Optional shadowOffsetY: Scriptable<number, PartialEventContext>

# Inherited from

ShadowOptions.shadowOffsetY

# Defined in

options.d.ts:34 (opens new window)

# textAlign

• Optional textAlign: Scriptable<LabelTextAlign, PartialEventContext>

Text alignment when the content of the label is multi-line.

Default

'center'

# Inherited from

ContainedLabelOptions.textAlign

# Defined in

label.d.ts:53 (opens new window)

# textStrokeColor

• Optional textStrokeColor: Scriptable<Color, PartialEventContext>

# Inherited from

ContainedLabelOptions.textStrokeColor

# Defined in

label.d.ts:54 (opens new window)

# textStrokeWidth

• Optional textStrokeWidth: Scriptable<number, PartialEventContext>

# Inherited from

ContainedLabelOptions.textStrokeWidth

# Defined in

label.d.ts:55 (opens new window)

# width

• Optional width: Scriptable<number | `${number}%`, PartialEventContext>

Overrides the width of the image. Could be set in pixel by a number, -or in percentage of current width of image by a string

# Inherited from

ContainedLabelOptions.width

# Defined in

label.d.ts:78 (opens new window)

# xAdjust

• Optional xAdjust: Scriptable<number, PartialEventContext>

Adjustment along x-axis (left-right) of label relative to above number (can be negative) + (opens new window)

# Interface: LabelOptions

# Hierarchy

# Properties

# backgroundColor

• Optional backgroundColor: Scriptable<Color, PartialEventContext>

# Inherited from

ContainedLabelOptions.backgroundColor

# Defined in

label.d.ts:92 (opens new window)

# backgroundShadowColor

• Optional backgroundShadowColor: Scriptable<Color, PartialEventContext>

# Inherited from

ShadowOptions.backgroundShadowColor

# Defined in

options.d.ts:30 (opens new window)

# borderCapStyle

• Optional borderCapStyle: Scriptable<CanvasLineCap, PartialEventContext>

Border line cap style. See MDN.

Default

'butt'

# Inherited from

ContainedLabelOptions.borderCapStyle

# Defined in

label.d.ts:99 (opens new window)

# borderColor

• Optional borderColor: Scriptable<Color, PartialEventContext>

# Inherited from

ContainedLabelOptions.borderColor

# Defined in

label.d.ts:94 (opens new window)

# borderDash

• Optional borderDash: Scriptable<number[], PartialEventContext>

Border line dash. See MDN.

Default

[]

# Inherited from

ContainedLabelOptions.borderDash

# Defined in

label.d.ts:104 (opens new window)

# borderDashOffset

• Optional borderDashOffset: Scriptable<number, PartialEventContext>

Border line dash offset. See MDN.

Default

0.0

# Inherited from

ContainedLabelOptions.borderDashOffset

# Defined in

label.d.ts:109 (opens new window)

# borderJoinStyle

• Optional borderJoinStyle: Scriptable<CanvasLineJoin, PartialEventContext>

Border line join style. See MDN.

Default

'miter'

# Inherited from

ContainedLabelOptions.borderJoinStyle

# Defined in

label.d.ts:114 (opens new window)

# borderRadius

• Optional borderRadius: Scriptable<number | BorderRadius, PartialEventContext>

Border radius of the label rectangle

Default

6

# Inherited from

ContainedLabelOptions.borderRadius

# Defined in

label.d.ts:119 (opens new window)

# borderShadowColor

• Optional borderShadowColor: Scriptable<Color, PartialEventContext>

# Inherited from

ShadowOptions.borderShadowColor

# Defined in

options.d.ts:31 (opens new window)

# borderWidth

• Optional borderWidth: Scriptable<number, PartialEventContext>

# Inherited from

ContainedLabelOptions.borderWidth

# Defined in

label.d.ts:93 (opens new window)

# callout

• Optional callout: CalloutOptions

# Inherited from

ContainedLabelOptions.callout

# Defined in

label.d.ts:120 (opens new window)

# color

• Optional color: Scriptable<Color | Color[], PartialEventContext>

# Inherited from

ContainedLabelOptions.color

# Defined in

label.d.ts:43 (opens new window)

# content

• content: Scriptable<string | string[] | HTMLCanvasElement | HTMLImageElement, PartialEventContext>

Text to display in label. Provide an array to display multiple lines

# Inherited from

ContainedLabelOptions.content

# Defined in

label.d.ts:73 (opens new window)

# display

• Optional display: Scriptable<boolean, PartialEventContext>

Whether the label should be displayed

Default

true

# Defined in

label.d.ts:129 (opens new window)

# drawTime

• Optional drawTime: Scriptable<DrawTime, PartialEventContext>

# Inherited from

ContainedLabelOptions.drawTime

# Defined in

label.d.ts:41 (opens new window)

# font

• Optional font: Scriptable<Partial<FontSpec> | Partial<FontSpec>[], PartialEventContext>

# Inherited from

ContainedLabelOptions.font

# Defined in

label.d.ts:42 (opens new window)

# height

• Optional height: Scriptable<number | `${number}%`, PartialEventContext>

Overrides the height of the image. Could be set in pixel by a number, +or in percentage of current height of image by a string

# Inherited from

ContainedLabelOptions.height

# Defined in

label.d.ts:83 (opens new window)

# hitTolerance

• Optional hitTolerance: Scriptable<number, PartialEventContext>

# Defined in

label.d.ts:130 (opens new window)

# opacity

• Optional opacity: Scriptable<number, PartialEventContext>

Overrides the opacity of the image.

# Inherited from

ContainedLabelOptions.opacity

# Defined in

label.d.ts:87 (opens new window)

# padding

• Optional padding: Scriptable<number | LabelPadding, PartialEventContext>

Padding of label

Default

6

# Inherited from

ContainedLabelOptions.padding

# Defined in

label.d.ts:48 (opens new window)

# position

• Optional position: Scriptable<LabelPosition, PartialEventContext>

# Defined in

label.d.ts:124 (opens new window)

# rotation

• Optional rotation: Scriptable<number | "auto", PartialEventContext>

Rotation of label, in degrees, or 'auto' to use the degrees of the line, default is 0

Default

90

# Defined in

label.d.ts:135 (opens new window)

# shadowBlur

• Optional shadowBlur: Scriptable<number, PartialEventContext>

# Inherited from

ShadowOptions.shadowBlur

# Defined in

options.d.ts:32 (opens new window)

# shadowOffsetX

• Optional shadowOffsetX: Scriptable<number, PartialEventContext>

# Inherited from

ShadowOptions.shadowOffsetX

# Defined in

options.d.ts:33 (opens new window)

# shadowOffsetY

• Optional shadowOffsetY: Scriptable<number, PartialEventContext>

# Inherited from

ShadowOptions.shadowOffsetY

# Defined in

options.d.ts:34 (opens new window)

# textAlign

• Optional textAlign: Scriptable<LabelTextAlign, PartialEventContext>

Text alignment when the content of the label is multi-line.

Default

'center'

# Inherited from

ContainedLabelOptions.textAlign

# Defined in

label.d.ts:53 (opens new window)

# textStrokeColor

• Optional textStrokeColor: Scriptable<Color, PartialEventContext>

# Inherited from

ContainedLabelOptions.textStrokeColor

# Defined in

label.d.ts:54 (opens new window)

# textStrokeWidth

• Optional textStrokeWidth: Scriptable<number, PartialEventContext>

# Inherited from

ContainedLabelOptions.textStrokeWidth

# Defined in

label.d.ts:55 (opens new window)

# width

• Optional width: Scriptable<number | `${number}%`, PartialEventContext>

Overrides the width of the image. Could be set in pixel by a number, +or in percentage of current width of image by a string

# Inherited from

ContainedLabelOptions.width

# Defined in

label.d.ts:78 (opens new window)

# xAdjust

• Optional xAdjust: Scriptable<number, PartialEventContext>

Adjustment along x-axis (left-right) of label relative to above number (can be negative) For horizontal lines positioned left or right, negative values move -the label toward the edge, and positive values toward the center.

Default

0

# Inherited from

ContainedLabelOptions.xAdjust

# Defined in

label.d.ts:62 (opens new window)

# yAdjust

• Optional yAdjust: Scriptable<number, PartialEventContext>

Adjustment along y-axis (top-bottom) of label relative to above number (can be negative) +the label toward the edge, and positive values toward the center.

Default

0

# Inherited from

ContainedLabelOptions.xAdjust

# Defined in

label.d.ts:62 (opens new window)

# yAdjust

• Optional yAdjust: Scriptable<number, PartialEventContext>

Adjustment along y-axis (top-bottom) of label relative to above number (can be negative) For vertical lines positioned top or bottom, negative values move -the label toward the edge, and positive values toward the center.

Default

0

# Inherited from

ContainedLabelOptions.yAdjust

# Defined in

label.d.ts:69 (opens new window)

# z

• Optional z: Scriptable<number, PartialEventContext>

# Inherited from

ContainedLabelOptions.z

# Defined in

label.d.ts:88 (opens new window)

+the label toward the edge, and positive values toward the center.

Default

0

# Inherited from

ContainedLabelOptions.yAdjust

# Defined in

label.d.ts:69 (opens new window)

# z

• Optional z: Scriptable<number, PartialEventContext>

# Inherited from

ContainedLabelOptions.z

# Defined in

label.d.ts:88 (opens new window)

← →

- + diff --git a/master/api/interfaces/LabelPadding.html b/master/api/interfaces/LabelPadding.html index 5f1ea89d7..e4a73c05b 100644 --- a/master/api/interfaces/LabelPadding.html +++ b/master/api/interfaces/LabelPadding.html @@ -7,7 +7,7 @@ - + @@ -31,7 +31,7 @@ Samples GitHub - (opens new window)

# Interface: LabelPadding

# Properties

# bottom

• Optional bottom: number

# Defined in

label.d.ts:21 (opens new window)

# left

• Optional left: number

# Defined in

label.d.ts:19 (opens new window)

• Optional right: number

# Defined in

label.d.ts:20 (opens new window)

# top

• Optional top: number

# Defined in

label.d.ts:18 (opens new window)

# x

• Optional x: number

# Defined in

label.d.ts:22 (opens new window)

# y

• Optional y: number

# Defined in

label.d.ts:23 (opens new window)

+ (opens new window)

# Interface: LabelPadding

# Properties

# bottom

• Optional bottom: number

# Defined in

label.d.ts:21 (opens new window)

# left

• Optional left: number

# Defined in

label.d.ts:19 (opens new window)

• Optional right: number

# Defined in

label.d.ts:20 (opens new window)

# top

• Optional top: number

# Defined in

label.d.ts:18 (opens new window)

# x

• Optional x: number

# Defined in

label.d.ts:22 (opens new window)

# y

• Optional y: number

# Defined in

label.d.ts:23 (opens new window)

← →

- + diff --git a/master/api/interfaces/LabelPositionObject.html b/master/api/interfaces/LabelPositionObject.html index b906b8dde..744dcd484 100644 --- a/master/api/interfaces/LabelPositionObject.html +++ b/master/api/interfaces/LabelPositionObject.html @@ -7,7 +7,7 @@ - + @@ -31,7 +31,7 @@ Samples GitHub - (opens new window)

# Interface: LabelPositionObject

# Properties

# x

• Optional x: LabelPosition

# Defined in

label.d.ts:13 (opens new window)

# y

• Optional y: LabelPosition

# Defined in

label.d.ts:14 (opens new window)

+ (opens new window)

# Interface: LabelPositionObject

# Properties

# x

• Optional x: LabelPosition

# Defined in

label.d.ts:13 (opens new window)

# y

• Optional y: LabelPosition

# Defined in

label.d.ts:14 (opens new window)

← →

- + diff --git a/master/api/interfaces/LabelTypeOptions.html b/master/api/interfaces/LabelTypeOptions.html index f959de3c8..a4ac1e8a2 100644 --- a/master/api/interfaces/LabelTypeOptions.html +++ b/master/api/interfaces/LabelTypeOptions.html @@ -7,7 +7,7 @@ - + @@ -31,13 +31,13 @@ Samples GitHub - (opens new window)

# Interface: LabelTypeOptions

# Hierarchy

# Properties

# backgroundColor

• Optional backgroundColor: Scriptable<Color, PartialEventContext>

# Inherited from

ContainedLabelOptions.backgroundColor

# Defined in

label.d.ts:92 (opens new window)

# borderCapStyle

• Optional borderCapStyle: Scriptable<CanvasLineCap, PartialEventContext>

Border line cap style. See MDN.

Default

'butt'

# Inherited from

ContainedLabelOptions.borderCapStyle

# Defined in

label.d.ts:99 (opens new window)

# borderColor

• Optional borderColor: Scriptable<Color, PartialEventContext>

# Inherited from

ContainedLabelOptions.borderColor

# Defined in

label.d.ts:94 (opens new window)

# borderDash

• Optional borderDash: Scriptable<number[], PartialEventContext>

Border line dash. See MDN.

Default

[]

# Inherited from

ContainedLabelOptions.borderDash

# Defined in

label.d.ts:104 (opens new window)

# borderDashOffset

• Optional borderDashOffset: Scriptable<number, PartialEventContext>

Border line dash offset. See MDN.

Default

0.0

# Inherited from

ContainedLabelOptions.borderDashOffset

# Defined in

label.d.ts:109 (opens new window)

# borderJoinStyle

• Optional borderJoinStyle: Scriptable<CanvasLineJoin, PartialEventContext>

Border line join style. See MDN.

Default

'miter'

# Inherited from

ContainedLabelOptions.borderJoinStyle

# Defined in

label.d.ts:114 (opens new window)

# borderRadius

• Optional borderRadius: Scriptable<number | BorderRadius, PartialEventContext>

Border radius of the label rectangle

Default

6

# Inherited from

ContainedLabelOptions.borderRadius

# Defined in

label.d.ts:119 (opens new window)

# borderWidth

• Optional borderWidth: Scriptable<number, PartialEventContext>

# Inherited from

ContainedLabelOptions.borderWidth

# Defined in

label.d.ts:93 (opens new window)

# callout

• Optional callout: CalloutOptions

# Inherited from

ContainedLabelOptions.callout

# Defined in

label.d.ts:120 (opens new window)

# color

• Optional color: Scriptable<Color | Color[], PartialEventContext>

# Inherited from

ContainedLabelOptions.color

# Defined in

label.d.ts:43 (opens new window)

# content

• content: Scriptable<string | string[] | HTMLCanvasElement | HTMLImageElement, PartialEventContext>

Text to display in label. Provide an array to display multiple lines

# Inherited from

ContainedLabelOptions.content

# Defined in

label.d.ts:73 (opens new window)

# drawTime

• Optional drawTime: Scriptable<DrawTime, PartialEventContext>

# Inherited from

ContainedLabelOptions.drawTime

# Defined in

label.d.ts:41 (opens new window)

# font

• Optional font: Scriptable<Partial<FontSpec> | Partial<FontSpec>[], PartialEventContext>

# Inherited from

ContainedLabelOptions.font

# Defined in

label.d.ts:42 (opens new window)

# height

• Optional height: Scriptable<number | `${number}%`, PartialEventContext>

Overrides the height of the image. Could be set in pixel by a number, -or in percentage of current height of image by a string

# Inherited from

ContainedLabelOptions.height

# Defined in

label.d.ts:83 (opens new window)

# opacity

• Optional opacity: Scriptable<number, PartialEventContext>

Overrides the opacity of the image.

# Inherited from

ContainedLabelOptions.opacity

# Defined in

label.d.ts:87 (opens new window)

# padding

• Optional padding: Scriptable<number | LabelPadding, PartialEventContext>

Padding of label

Default

6

# Inherited from

ContainedLabelOptions.padding

# Defined in

label.d.ts:48 (opens new window)

# position

• Optional position: Scriptable<LabelPosition | LabelPositionObject, PartialEventContext>

# Defined in

label.d.ts:150 (opens new window)

# textAlign

• Optional textAlign: Scriptable<LabelTextAlign, PartialEventContext>

Text alignment when the content of the label is multi-line.

Default

'center'

# Inherited from

ContainedLabelOptions.textAlign

# Defined in

label.d.ts:53 (opens new window)

# textStrokeColor

• Optional textStrokeColor: Scriptable<Color, PartialEventContext>

# Inherited from

ContainedLabelOptions.textStrokeColor

# Defined in

label.d.ts:54 (opens new window)

# textStrokeWidth

• Optional textStrokeWidth: Scriptable<number, PartialEventContext>

# Inherited from

ContainedLabelOptions.textStrokeWidth

# Defined in

label.d.ts:55 (opens new window)

# width

• Optional width: Scriptable<number | `${number}%`, PartialEventContext>

Overrides the width of the image. Could be set in pixel by a number, -or in percentage of current width of image by a string

# Inherited from

ContainedLabelOptions.width

# Defined in

label.d.ts:78 (opens new window)

# xAdjust

• Optional xAdjust: Scriptable<number, PartialEventContext>

Adjustment along x-axis (left-right) of label relative to above number (can be negative) + (opens new window)

# Interface: LabelTypeOptions

# Hierarchy

# Properties

# backgroundColor

• Optional backgroundColor: Scriptable<Color, PartialEventContext>

# Inherited from

ContainedLabelOptions.backgroundColor

# Defined in

label.d.ts:92 (opens new window)

# borderCapStyle

• Optional borderCapStyle: Scriptable<CanvasLineCap, PartialEventContext>

Border line cap style. See MDN.

Default

'butt'

# Inherited from

ContainedLabelOptions.borderCapStyle

# Defined in

label.d.ts:99 (opens new window)

# borderColor

• Optional borderColor: Scriptable<Color, PartialEventContext>

# Inherited from

ContainedLabelOptions.borderColor

# Defined in

label.d.ts:94 (opens new window)

# borderDash

• Optional borderDash: Scriptable<number[], PartialEventContext>

Border line dash. See MDN.

Default

[]

# Inherited from

ContainedLabelOptions.borderDash

# Defined in

label.d.ts:104 (opens new window)

# borderDashOffset

• Optional borderDashOffset: Scriptable<number, PartialEventContext>

Border line dash offset. See MDN.

Default

0.0

# Inherited from

ContainedLabelOptions.borderDashOffset

# Defined in

label.d.ts:109 (opens new window)

# borderJoinStyle

• Optional borderJoinStyle: Scriptable<CanvasLineJoin, PartialEventContext>

Border line join style. See MDN.

Default

'miter'

# Inherited from

ContainedLabelOptions.borderJoinStyle

# Defined in

label.d.ts:114 (opens new window)

# borderRadius

• Optional borderRadius: Scriptable<number | BorderRadius, PartialEventContext>

Border radius of the label rectangle

Default

6

# Inherited from

ContainedLabelOptions.borderRadius

# Defined in

label.d.ts:119 (opens new window)

# borderWidth

• Optional borderWidth: Scriptable<number, PartialEventContext>

# Inherited from

ContainedLabelOptions.borderWidth

# Defined in

label.d.ts:93 (opens new window)

# callout

• Optional callout: CalloutOptions

# Inherited from

ContainedLabelOptions.callout

# Defined in

label.d.ts:120 (opens new window)

# color

• Optional color: Scriptable<Color | Color[], PartialEventContext>

# Inherited from

ContainedLabelOptions.color

# Defined in

label.d.ts:43 (opens new window)

# content

• content: Scriptable<string | string[] | HTMLCanvasElement | HTMLImageElement, PartialEventContext>

Text to display in label. Provide an array to display multiple lines

# Inherited from

ContainedLabelOptions.content

# Defined in

label.d.ts:73 (opens new window)

# drawTime

• Optional drawTime: Scriptable<DrawTime, PartialEventContext>

# Inherited from

ContainedLabelOptions.drawTime

# Defined in

label.d.ts:41 (opens new window)

# font

• Optional font: Scriptable<Partial<FontSpec> | Partial<FontSpec>[], PartialEventContext>

# Inherited from

ContainedLabelOptions.font

# Defined in

label.d.ts:42 (opens new window)

# height

• Optional height: Scriptable<number | `${number}%`, PartialEventContext>

Overrides the height of the image. Could be set in pixel by a number, +or in percentage of current height of image by a string

# Inherited from

ContainedLabelOptions.height

# Defined in

label.d.ts:83 (opens new window)

# opacity

• Optional opacity: Scriptable<number, PartialEventContext>

Overrides the opacity of the image.

# Inherited from

ContainedLabelOptions.opacity

# Defined in

label.d.ts:87 (opens new window)

# padding

• Optional padding: Scriptable<number | LabelPadding, PartialEventContext>

Padding of label

Default

6

# Inherited from

ContainedLabelOptions.padding

# Defined in

label.d.ts:48 (opens new window)

# position

• Optional position: Scriptable<LabelPosition | LabelPositionObject, PartialEventContext>

# Defined in

label.d.ts:150 (opens new window)

# textAlign

• Optional textAlign: Scriptable<LabelTextAlign, PartialEventContext>

Text alignment when the content of the label is multi-line.

Default

'center'

# Inherited from

ContainedLabelOptions.textAlign

# Defined in

label.d.ts:53 (opens new window)

# textStrokeColor

• Optional textStrokeColor: Scriptable<Color, PartialEventContext>

# Inherited from

ContainedLabelOptions.textStrokeColor

# Defined in

label.d.ts:54 (opens new window)

# textStrokeWidth

• Optional textStrokeWidth: Scriptable<number, PartialEventContext>

# Inherited from

ContainedLabelOptions.textStrokeWidth

# Defined in

label.d.ts:55 (opens new window)

# width

• Optional width: Scriptable<number | `${number}%`, PartialEventContext>

Overrides the width of the image. Could be set in pixel by a number, +or in percentage of current width of image by a string

# Inherited from

ContainedLabelOptions.width

# Defined in

label.d.ts:78 (opens new window)

# xAdjust

• Optional xAdjust: Scriptable<number, PartialEventContext>

Adjustment along x-axis (left-right) of label relative to above number (can be negative) For horizontal lines positioned left or right, negative values move -the label toward the edge, and positive values toward the center.

Default

0

# Inherited from

ContainedLabelOptions.xAdjust

# Defined in

label.d.ts:62 (opens new window)

# yAdjust

• Optional yAdjust: Scriptable<number, PartialEventContext>

Adjustment along y-axis (top-bottom) of label relative to above number (can be negative) +the label toward the edge, and positive values toward the center.

Default

0

# Inherited from

ContainedLabelOptions.xAdjust

# Defined in

label.d.ts:62 (opens new window)

# yAdjust

• Optional yAdjust: Scriptable<number, PartialEventContext>

Adjustment along y-axis (top-bottom) of label relative to above number (can be negative) For vertical lines positioned top or bottom, negative values move -the label toward the edge, and positive values toward the center.

Default

0

# Inherited from

ContainedLabelOptions.yAdjust

# Defined in

label.d.ts:69 (opens new window)

# z

• Optional z: Scriptable<number, PartialEventContext>

# Inherited from

ContainedLabelOptions.z

# Defined in

label.d.ts:88 (opens new window)

+the label toward the edge, and positive values toward the center.

Default

0

# Inherited from

ContainedLabelOptions.yAdjust

# Defined in

label.d.ts:69 (opens new window)

# z

• Optional z: Scriptable<number, PartialEventContext>

# Inherited from

ContainedLabelOptions.z

# Defined in

label.d.ts:88 (opens new window)

← →

- + diff --git a/master/api/interfaces/LineAnnotationOptions.html b/master/api/interfaces/LineAnnotationOptions.html index 080f8a568..ec29dc53d 100644 --- a/master/api/interfaces/LineAnnotationOptions.html +++ b/master/api/interfaces/LineAnnotationOptions.html @@ -7,7 +7,7 @@ - + @@ -31,7 +31,7 @@ Samples GitHub - (opens new window)

# Interface: LineAnnotationOptions

# Hierarchy

# Properties

# adjustScaleRange

• Optional adjustScaleRange: Scriptable<boolean, PartialEventContext>

# Inherited from

CoreAnnotationOptions.adjustScaleRange

# Defined in

options.d.ts:38 (opens new window)

# arrowHeads

• Optional arrowHeads: ArrowHeadsOptions

# Defined in

options.d.ts:85 (opens new window)

# backgroundShadowColor

• Optional backgroundShadowColor: Scriptable<Color, PartialEventContext>

# Inherited from

CoreAnnotationOptions.backgroundShadowColor

# Defined in

options.d.ts:30 (opens new window)

# borderColor

• Optional borderColor: Scriptable<Color, PartialEventContext>

# Inherited from

CoreAnnotationOptions.borderColor

# Defined in

options.d.ts:39 (opens new window)

# borderDash

• Optional borderDash: Scriptable<number[], PartialEventContext>

# Inherited from

CoreAnnotationOptions.borderDash

# Defined in

options.d.ts:40 (opens new window)

# borderDashOffset

• Optional borderDashOffset: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.borderDashOffset

# Defined in

options.d.ts:41 (opens new window)

# borderShadowColor

• Optional borderShadowColor: Scriptable<Color, PartialEventContext>

# Inherited from

CoreAnnotationOptions.borderShadowColor

# Defined in

options.d.ts:31 (opens new window)

# borderWidth

• Optional borderWidth: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.borderWidth

# Defined in

options.d.ts:42 (opens new window)

# controlPoint

• Optional controlPoint: Scriptable<string | number | ControlPointOptions, PartialEventContext>

# Defined in

options.d.ts:87 (opens new window)

# curve

• Optional curve: Scriptable<boolean, PartialEventContext>

# Defined in

options.d.ts:86 (opens new window)

# display

• Optional display: Scriptable<boolean, PartialEventContext>

# Inherited from

CoreAnnotationOptions.display

# Defined in

options.d.ts:43 (opens new window)

# drawTime

• Optional drawTime: Scriptable<DrawTime, PartialEventContext>

# Inherited from

CoreAnnotationOptions.drawTime

# Defined in

options.d.ts:44 (opens new window)

# endValue

• Optional endValue: Scriptable<string | number, PartialEventContext>

# Defined in

options.d.ts:88 (opens new window)

# hitTolerance

• Optional hitTolerance: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.hitTolerance

# Defined in

options.d.ts:45 (opens new window)

# id

• Optional id: string

# Inherited from

CoreAnnotationOptions.id

# Defined in

options.d.ts:47 (opens new window)

# init

• Optional init: boolean | (__namedParameters: Object) => boolean | void | Partial<AnnotationElement>

# Inherited from

CoreAnnotationOptions.init

# Defined in

options.d.ts:46 (opens new window)

# label

• Optional label: LabelOptions

# Defined in

options.d.ts:89 (opens new window)

# scaleID

• Optional scaleID: Scriptable<string, PartialEventContext>

# Defined in

options.d.ts:90 (opens new window)

# shadowBlur

• Optional shadowBlur: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.shadowBlur

# Defined in

options.d.ts:32 (opens new window)

# shadowOffsetX

• Optional shadowOffsetX: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.shadowOffsetX

# Defined in

options.d.ts:33 (opens new window)

# shadowOffsetY

• Optional shadowOffsetY: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.shadowOffsetY

# Defined in

options.d.ts:34 (opens new window)

# value

• Optional value: Scriptable<string | number, PartialEventContext>

# Defined in

options.d.ts:91 (opens new window)

# xMax

• Optional xMax: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

CoreAnnotationOptions.xMax

# Defined in

options.d.ts:48 (opens new window)

# xMin

• Optional xMin: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

CoreAnnotationOptions.xMin

# Defined in

options.d.ts:49 (opens new window)

# xScaleID

• Optional xScaleID: Scriptable<string, PartialEventContext>

# Inherited from

CoreAnnotationOptions.xScaleID

# Defined in

options.d.ts:50 (opens new window)

# yMax

• Optional yMax: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

CoreAnnotationOptions.yMax

# Defined in

options.d.ts:51 (opens new window)

# yMin

• Optional yMin: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

CoreAnnotationOptions.yMin

# Defined in

options.d.ts:52 (opens new window)

# yScaleID

• Optional yScaleID: Scriptable<string, PartialEventContext>

# Inherited from

CoreAnnotationOptions.yScaleID

# Defined in

options.d.ts:53 (opens new window)

# z

• Optional z: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.z

# Defined in

options.d.ts:54 (opens new window)

# Methods

# afterDraw

▸ Optional afterDraw(context): void

# Parameters

Name Type
context EventContext

# Returns

void

# Inherited from

CoreAnnotationOptions.afterDraw

# Defined in

options.d.ts:23 (opens new window)

# beforeDraw

▸ Optional beforeDraw(context): void

# Parameters

Name Type
context EventContext

# Returns

void

# Inherited from

CoreAnnotationOptions.beforeDraw

# Defined in

options.d.ts:22 (opens new window)

# click

▸ Optional click(context, event): boolean | void

# Parameters

Name Type
context EventContext
event ChartEvent

# Returns

boolean | void

# Inherited from

CoreAnnotationOptions.click

# Defined in

events.d.ts:27 (opens new window)

# enter

▸ Optional enter(context, event): boolean | void

# Parameters

Name Type
context EventContext
event ChartEvent

# Returns

boolean | void

# Inherited from

CoreAnnotationOptions.enter

# Defined in

events.d.ts:25 (opens new window)

# leave

▸ Optional leave(context, event): boolean | void

# Parameters

Name Type
context EventContext
event ChartEvent

# Returns

boolean | void

# Inherited from

CoreAnnotationOptions.leave

# Defined in

events.d.ts:26 (opens new window)

+ (opens new window)

# Interface: LineAnnotationOptions

# Hierarchy

# Properties

# adjustScaleRange

• Optional adjustScaleRange: Scriptable<boolean, PartialEventContext>

# Inherited from

CoreAnnotationOptions.adjustScaleRange

# Defined in

options.d.ts:38 (opens new window)

# arrowHeads

• Optional arrowHeads: ArrowHeadsOptions

# Defined in

options.d.ts:85 (opens new window)

# backgroundShadowColor

• Optional backgroundShadowColor: Scriptable<Color, PartialEventContext>

# Inherited from

CoreAnnotationOptions.backgroundShadowColor

# Defined in

options.d.ts:30 (opens new window)

# borderColor

• Optional borderColor: Scriptable<Color, PartialEventContext>

# Inherited from

CoreAnnotationOptions.borderColor

# Defined in

options.d.ts:39 (opens new window)

# borderDash

• Optional borderDash: Scriptable<number[], PartialEventContext>

# Inherited from

CoreAnnotationOptions.borderDash

# Defined in

options.d.ts:40 (opens new window)

# borderDashOffset

• Optional borderDashOffset: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.borderDashOffset

# Defined in

options.d.ts:41 (opens new window)

# borderShadowColor

• Optional borderShadowColor: Scriptable<Color, PartialEventContext>

# Inherited from

CoreAnnotationOptions.borderShadowColor

# Defined in

options.d.ts:31 (opens new window)

# borderWidth

• Optional borderWidth: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.borderWidth

# Defined in

options.d.ts:42 (opens new window)

# controlPoint

• Optional controlPoint: Scriptable<string | number | ControlPointOptions, PartialEventContext>

# Defined in

options.d.ts:87 (opens new window)

# curve

• Optional curve: Scriptable<boolean, PartialEventContext>

# Defined in

options.d.ts:86 (opens new window)

# display

• Optional display: Scriptable<boolean, PartialEventContext>

# Inherited from

CoreAnnotationOptions.display

# Defined in

options.d.ts:43 (opens new window)

# drawTime

• Optional drawTime: Scriptable<DrawTime, PartialEventContext>

# Inherited from

CoreAnnotationOptions.drawTime

# Defined in

options.d.ts:44 (opens new window)

# endValue

• Optional endValue: Scriptable<string | number, PartialEventContext>

# Defined in

options.d.ts:88 (opens new window)

# hitTolerance

• Optional hitTolerance: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.hitTolerance

# Defined in

options.d.ts:45 (opens new window)

# id

• Optional id: string

# Inherited from

CoreAnnotationOptions.id

# Defined in

options.d.ts:47 (opens new window)

# init

• Optional init: boolean | (__namedParameters: Object) => boolean | void | Partial<AnnotationElement>

# Inherited from

CoreAnnotationOptions.init

# Defined in

options.d.ts:46 (opens new window)

# label

• Optional label: LabelOptions

# Defined in

options.d.ts:89 (opens new window)

# scaleID

• Optional scaleID: Scriptable<string, PartialEventContext>

# Defined in

options.d.ts:90 (opens new window)

# shadowBlur

• Optional shadowBlur: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.shadowBlur

# Defined in

options.d.ts:32 (opens new window)

# shadowOffsetX

• Optional shadowOffsetX: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.shadowOffsetX

# Defined in

options.d.ts:33 (opens new window)

# shadowOffsetY

• Optional shadowOffsetY: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.shadowOffsetY

# Defined in

options.d.ts:34 (opens new window)

# value

• Optional value: Scriptable<string | number, PartialEventContext>

# Defined in

options.d.ts:91 (opens new window)

# xMax

• Optional xMax: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

CoreAnnotationOptions.xMax

# Defined in

options.d.ts:48 (opens new window)

# xMin

• Optional xMin: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

CoreAnnotationOptions.xMin

# Defined in

options.d.ts:49 (opens new window)

# xScaleID

• Optional xScaleID: Scriptable<string, PartialEventContext>

# Inherited from

CoreAnnotationOptions.xScaleID

# Defined in

options.d.ts:50 (opens new window)

# yMax

• Optional yMax: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

CoreAnnotationOptions.yMax

# Defined in

options.d.ts:51 (opens new window)

# yMin

• Optional yMin: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

CoreAnnotationOptions.yMin

# Defined in

options.d.ts:52 (opens new window)

# yScaleID

• Optional yScaleID: Scriptable<string, PartialEventContext>

# Inherited from

CoreAnnotationOptions.yScaleID

# Defined in

options.d.ts:53 (opens new window)

# z

• Optional z: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.z

# Defined in

options.d.ts:54 (opens new window)

# Methods

# afterDraw

▸ Optional afterDraw(context): void

# Parameters

Name Type
context EventContext

# Returns

void

# Inherited from

CoreAnnotationOptions.afterDraw

# Defined in

options.d.ts:23 (opens new window)

# beforeDraw

▸ Optional beforeDraw(context): void

# Parameters

Name Type
context EventContext

# Returns

void

# Inherited from

CoreAnnotationOptions.beforeDraw

# Defined in

options.d.ts:22 (opens new window)

# click

▸ Optional click(context, event): boolean | void

# Parameters

Name Type
context EventContext
event ChartEvent

# Returns

boolean | void

# Inherited from

CoreAnnotationOptions.click

# Defined in

events.d.ts:27 (opens new window)

# enter

▸ Optional enter(context, event): boolean | void

# Parameters

Name Type
context EventContext
event ChartEvent

# Returns

boolean | void

# Inherited from

CoreAnnotationOptions.enter

# Defined in

events.d.ts:25 (opens new window)

# leave

▸ Optional leave(context, event): boolean | void

# Parameters

Name Type
context EventContext
event ChartEvent

# Returns

boolean | void

# Inherited from

CoreAnnotationOptions.leave

# Defined in

events.d.ts:26 (opens new window)

← →

- + diff --git a/master/api/interfaces/PartialEventContext.html b/master/api/interfaces/PartialEventContext.html index edd33bbf8..4966e855c 100644 --- a/master/api/interfaces/PartialEventContext.html +++ b/master/api/interfaces/PartialEventContext.html @@ -7,7 +7,7 @@ - + @@ -32,7 +32,7 @@ GitHub (opens new window)

# Interface: PartialEventContext

Some scriptable options may be called with during the chart's initial -display, when the element isn't fully initialized.

# Properties

# chart

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

# Defined in

events.d.ts:17 (opens new window)

# element

• Optional element: Partial<AnnotationElement>

# Defined in

events.d.ts:18 (opens new window)

# elements

• Optional elements: AnnotationElement[]

# Defined in

events.d.ts:19 (opens new window)

# id

• Optional id: string

# Defined in

events.d.ts:20 (opens new window)

# type

• Optional type: string

# Defined in

events.d.ts:21 (opens new window)

+display, when the element isn't fully initialized.

# Properties

# chart

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

# Defined in

events.d.ts:17 (opens new window)

# element

• Optional element: Partial<AnnotationElement>

# Defined in

events.d.ts:18 (opens new window)

# elements

• Optional elements: AnnotationElement[]

# Defined in

events.d.ts:19 (opens new window)

# id

• Optional id: string

# Defined in

events.d.ts:20 (opens new window)

# type

• Optional type: string

# Defined in

events.d.ts:21 (opens new window)

← →

- + diff --git a/master/api/interfaces/PointAnnotationOptions.html b/master/api/interfaces/PointAnnotationOptions.html index 6768e91fa..d8bb06589 100644 --- a/master/api/interfaces/PointAnnotationOptions.html +++ b/master/api/interfaces/PointAnnotationOptions.html @@ -7,7 +7,7 @@ - + @@ -31,7 +31,7 @@ Samples GitHub - (opens new window)

# Interface: PointAnnotationOptions

# Hierarchy

# Properties

# adjustScaleRange

• Optional adjustScaleRange: Scriptable<boolean, PartialEventContext>

# Inherited from

CoreAnnotationOptions.adjustScaleRange

# Defined in

options.d.ts:38 (opens new window)

# backgroundColor

• backgroundColor: Scriptable<Color, PartialEventContext>

# Defined in

options.d.ts:128 (opens new window)

# backgroundShadowColor

• Optional backgroundShadowColor: Scriptable<Color, PartialEventContext>

# Inherited from

CoreAnnotationOptions.backgroundShadowColor

# Defined in

options.d.ts:30 (opens new window)

# borderColor

• Optional borderColor: Scriptable<Color, PartialEventContext>

# Inherited from

CoreAnnotationOptions.borderColor

# Defined in

options.d.ts:39 (opens new window)

# borderDash

• Optional borderDash: Scriptable<number[], PartialEventContext>

# Inherited from

CoreAnnotationOptions.borderDash

# Defined in

options.d.ts:40 (opens new window)

# borderDashOffset

• Optional borderDashOffset: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.borderDashOffset

# Defined in

options.d.ts:41 (opens new window)

# borderShadowColor

• Optional borderShadowColor: Scriptable<Color, PartialEventContext>

# Inherited from

CoreAnnotationOptions.borderShadowColor

# Defined in

options.d.ts:31 (opens new window)

# borderWidth

• Optional borderWidth: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.borderWidth

# Defined in

options.d.ts:42 (opens new window)

# display

• Optional display: Scriptable<boolean, PartialEventContext>

# Inherited from

CoreAnnotationOptions.display

# Defined in

options.d.ts:43 (opens new window)

# drawTime

• Optional drawTime: Scriptable<DrawTime, PartialEventContext>

# Inherited from

CoreAnnotationOptions.drawTime

# Defined in

options.d.ts:44 (opens new window)

# hitTolerance

• Optional hitTolerance: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.hitTolerance

# Defined in

options.d.ts:45 (opens new window)

# id

• Optional id: string

# Inherited from

CoreAnnotationOptions.id

# Defined in

options.d.ts:47 (opens new window)

# init

• Optional init: boolean | (__namedParameters: Object) => boolean | void | Partial<AnnotationElement>

# Inherited from

CoreAnnotationOptions.init

# Defined in

options.d.ts:46 (opens new window)

# pointStyle

• Optional pointStyle: Scriptable<PointStyle, PartialEventContext>

# Defined in

options.d.ts:129 (opens new window)

# radius

• Optional radius: Scriptable<number, PartialEventContext>

# Defined in

options.d.ts:130 (opens new window)

# rotation

• Optional rotation: Scriptable<number, PartialEventContext>

# Defined in

options.d.ts:131 (opens new window)

# shadowBlur

• Optional shadowBlur: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.shadowBlur

# Defined in

options.d.ts:32 (opens new window)

# shadowOffsetX

• Optional shadowOffsetX: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.shadowOffsetX

# Defined in

options.d.ts:33 (opens new window)

# shadowOffsetY

• Optional shadowOffsetY: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.shadowOffsetY

# Defined in

options.d.ts:34 (opens new window)

# xAdjust

• Optional xAdjust: Scriptable<number, PartialEventContext>

# Defined in

options.d.ts:132 (opens new window)

# xMax

• Optional xMax: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

CoreAnnotationOptions.xMax

# Defined in

options.d.ts:48 (opens new window)

# xMin

• Optional xMin: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

CoreAnnotationOptions.xMin

# Defined in

options.d.ts:49 (opens new window)

# xScaleID

• Optional xScaleID: Scriptable<string, PartialEventContext>

# Inherited from

CoreAnnotationOptions.xScaleID

# Defined in

options.d.ts:50 (opens new window)

# xValue

• Optional xValue: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

AnnotationPointCoordinates.xValue

# Defined in

options.d.ts:58 (opens new window)

# yAdjust

• Optional yAdjust: Scriptable<number, PartialEventContext>

# Defined in

options.d.ts:133 (opens new window)

# yMax

• Optional yMax: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

CoreAnnotationOptions.yMax

# Defined in

options.d.ts:51 (opens new window)

# yMin

• Optional yMin: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

CoreAnnotationOptions.yMin

# Defined in

options.d.ts:52 (opens new window)

# yScaleID

• Optional yScaleID: Scriptable<string, PartialEventContext>

# Inherited from

CoreAnnotationOptions.yScaleID

# Defined in

options.d.ts:53 (opens new window)

# yValue

• Optional yValue: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

AnnotationPointCoordinates.yValue

# Defined in

options.d.ts:59 (opens new window)

# z

• Optional z: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.z

# Defined in

options.d.ts:54 (opens new window)

# Methods

# afterDraw

▸ Optional afterDraw(context): void

# Parameters

Name Type
context EventContext

# Returns

void

# Inherited from

CoreAnnotationOptions.afterDraw

# Defined in

options.d.ts:23 (opens new window)

# beforeDraw

▸ Optional beforeDraw(context): void

# Parameters

Name Type
context EventContext

# Returns

void

# Inherited from

CoreAnnotationOptions.beforeDraw

# Defined in

options.d.ts:22 (opens new window)

# click

▸ Optional click(context, event): boolean | void

# Parameters

Name Type
context EventContext
event ChartEvent

# Returns

boolean | void

# Inherited from

CoreAnnotationOptions.click

# Defined in

events.d.ts:27 (opens new window)

# enter

▸ Optional enter(context, event): boolean | void

# Parameters

Name Type
context EventContext
event ChartEvent

# Returns

boolean | void

# Inherited from

CoreAnnotationOptions.enter

# Defined in

events.d.ts:25 (opens new window)

# leave

▸ Optional leave(context, event): boolean | void

# Parameters

Name Type
context EventContext
event ChartEvent

# Returns

boolean | void

# Inherited from

CoreAnnotationOptions.leave

# Defined in

events.d.ts:26 (opens new window)

+ (opens new window)

# Interface: PointAnnotationOptions

# Hierarchy

# Properties

# adjustScaleRange

• Optional adjustScaleRange: Scriptable<boolean, PartialEventContext>

# Inherited from

CoreAnnotationOptions.adjustScaleRange

# Defined in

options.d.ts:38 (opens new window)

# backgroundColor

• backgroundColor: Scriptable<Color, PartialEventContext>

# Defined in

options.d.ts:128 (opens new window)

# backgroundShadowColor

• Optional backgroundShadowColor: Scriptable<Color, PartialEventContext>

# Inherited from

CoreAnnotationOptions.backgroundShadowColor

# Defined in

options.d.ts:30 (opens new window)

# borderColor

• Optional borderColor: Scriptable<Color, PartialEventContext>

# Inherited from

CoreAnnotationOptions.borderColor

# Defined in

options.d.ts:39 (opens new window)

# borderDash

• Optional borderDash: Scriptable<number[], PartialEventContext>

# Inherited from

CoreAnnotationOptions.borderDash

# Defined in

options.d.ts:40 (opens new window)

# borderDashOffset

• Optional borderDashOffset: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.borderDashOffset

# Defined in

options.d.ts:41 (opens new window)

# borderShadowColor

• Optional borderShadowColor: Scriptable<Color, PartialEventContext>

# Inherited from

CoreAnnotationOptions.borderShadowColor

# Defined in

options.d.ts:31 (opens new window)

# borderWidth

• Optional borderWidth: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.borderWidth

# Defined in

options.d.ts:42 (opens new window)

# display

• Optional display: Scriptable<boolean, PartialEventContext>

# Inherited from

CoreAnnotationOptions.display

# Defined in

options.d.ts:43 (opens new window)

# drawTime

• Optional drawTime: Scriptable<DrawTime, PartialEventContext>

# Inherited from

CoreAnnotationOptions.drawTime

# Defined in

options.d.ts:44 (opens new window)

# hitTolerance

• Optional hitTolerance: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.hitTolerance

# Defined in

options.d.ts:45 (opens new window)

# id

• Optional id: string

# Inherited from

CoreAnnotationOptions.id

# Defined in

options.d.ts:47 (opens new window)

# init

• Optional init: boolean | (__namedParameters: Object) => boolean | void | Partial<AnnotationElement>

# Inherited from

CoreAnnotationOptions.init

# Defined in

options.d.ts:46 (opens new window)

# pointStyle

• Optional pointStyle: Scriptable<PointStyle, PartialEventContext>

# Defined in

options.d.ts:129 (opens new window)

# radius

• Optional radius: Scriptable<number, PartialEventContext>

# Defined in

options.d.ts:130 (opens new window)

# rotation

• Optional rotation: Scriptable<number, PartialEventContext>

# Defined in

options.d.ts:131 (opens new window)

# shadowBlur

• Optional shadowBlur: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.shadowBlur

# Defined in

options.d.ts:32 (opens new window)

# shadowOffsetX

• Optional shadowOffsetX: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.shadowOffsetX

# Defined in

options.d.ts:33 (opens new window)

# shadowOffsetY

• Optional shadowOffsetY: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.shadowOffsetY

# Defined in

options.d.ts:34 (opens new window)

# xAdjust

• Optional xAdjust: Scriptable<number, PartialEventContext>

# Defined in

options.d.ts:132 (opens new window)

# xMax

• Optional xMax: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

CoreAnnotationOptions.xMax

# Defined in

options.d.ts:48 (opens new window)

# xMin

• Optional xMin: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

CoreAnnotationOptions.xMin

# Defined in

options.d.ts:49 (opens new window)

# xScaleID

• Optional xScaleID: Scriptable<string, PartialEventContext>

# Inherited from

CoreAnnotationOptions.xScaleID

# Defined in

options.d.ts:50 (opens new window)

# xValue

• Optional xValue: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

AnnotationPointCoordinates.xValue

# Defined in

options.d.ts:58 (opens new window)

# yAdjust

• Optional yAdjust: Scriptable<number, PartialEventContext>

# Defined in

options.d.ts:133 (opens new window)

# yMax

• Optional yMax: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

CoreAnnotationOptions.yMax

# Defined in

options.d.ts:51 (opens new window)

# yMin

• Optional yMin: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

CoreAnnotationOptions.yMin

# Defined in

options.d.ts:52 (opens new window)

# yScaleID

• Optional yScaleID: Scriptable<string, PartialEventContext>

# Inherited from

CoreAnnotationOptions.yScaleID

# Defined in

options.d.ts:53 (opens new window)

# yValue

• Optional yValue: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

AnnotationPointCoordinates.yValue

# Defined in

options.d.ts:59 (opens new window)

# z

• Optional z: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.z

# Defined in

options.d.ts:54 (opens new window)

# Methods

# afterDraw

▸ Optional afterDraw(context): void

# Parameters

Name Type
context EventContext

# Returns

void

# Inherited from

CoreAnnotationOptions.afterDraw

# Defined in

options.d.ts:23 (opens new window)

# beforeDraw

▸ Optional beforeDraw(context): void

# Parameters

Name Type
context EventContext

# Returns

void

# Inherited from

CoreAnnotationOptions.beforeDraw

# Defined in

options.d.ts:22 (opens new window)

# click

▸ Optional click(context, event): boolean | void

# Parameters

Name Type
context EventContext
event ChartEvent

# Returns

boolean | void

# Inherited from

CoreAnnotationOptions.click

# Defined in

events.d.ts:27 (opens new window)

# enter

▸ Optional enter(context, event): boolean | void

# Parameters

Name Type
context EventContext
event ChartEvent

# Returns

boolean | void

# Inherited from

CoreAnnotationOptions.enter

# Defined in

events.d.ts:25 (opens new window)

# leave

▸ Optional leave(context, event): boolean | void

# Parameters

Name Type
context EventContext
event ChartEvent

# Returns

boolean | void

# Inherited from

CoreAnnotationOptions.leave

# Defined in

events.d.ts:26 (opens new window)

← →

- + diff --git a/master/api/interfaces/PolygonAnnotationOptions.html b/master/api/interfaces/PolygonAnnotationOptions.html index e44ba52c4..b8adc0249 100644 --- a/master/api/interfaces/PolygonAnnotationOptions.html +++ b/master/api/interfaces/PolygonAnnotationOptions.html @@ -7,7 +7,7 @@ - + @@ -31,7 +31,7 @@ Samples GitHub - (opens new window)

# Interface: PolygonAnnotationOptions

# Hierarchy

# Properties

# adjustScaleRange

• Optional adjustScaleRange: Scriptable<boolean, PartialEventContext>

# Inherited from

CoreAnnotationOptions.adjustScaleRange

# Defined in

options.d.ts:38 (opens new window)

# backgroundColor

• backgroundColor: Scriptable<Color, PartialEventContext>

# Defined in

options.d.ts:141 (opens new window)

# backgroundShadowColor

• Optional backgroundShadowColor: Scriptable<Color, PartialEventContext>

# Inherited from

CoreAnnotationOptions.backgroundShadowColor

# Defined in

options.d.ts:30 (opens new window)

# borderCapStyle

• Optional borderCapStyle: Scriptable<CanvasLineCap, PartialEventContext>

# Defined in

options.d.ts:142 (opens new window)

# borderColor

• Optional borderColor: Scriptable<Color, PartialEventContext>

# Inherited from

CoreAnnotationOptions.borderColor

# Defined in

options.d.ts:39 (opens new window)

# borderDash

• Optional borderDash: Scriptable<number[], PartialEventContext>

# Inherited from

CoreAnnotationOptions.borderDash

# Defined in

options.d.ts:40 (opens new window)

# borderDashOffset

• Optional borderDashOffset: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.borderDashOffset

# Defined in

options.d.ts:41 (opens new window)

# borderJoinStyle

• Optional borderJoinStyle: Scriptable<CanvasLineJoin, PartialEventContext>

# Defined in

options.d.ts:143 (opens new window)

# borderShadowColor

• Optional borderShadowColor: Scriptable<Color, PartialEventContext>

# Inherited from

CoreAnnotationOptions.borderShadowColor

# Defined in

options.d.ts:31 (opens new window)

# borderWidth

• Optional borderWidth: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.borderWidth

# Defined in

options.d.ts:42 (opens new window)

# display

• Optional display: Scriptable<boolean, PartialEventContext>

# Inherited from

CoreAnnotationOptions.display

# Defined in

options.d.ts:43 (opens new window)

# drawTime

• Optional drawTime: Scriptable<DrawTime, PartialEventContext>

# Inherited from

CoreAnnotationOptions.drawTime

# Defined in

options.d.ts:44 (opens new window)

# hitTolerance

• Optional hitTolerance: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.hitTolerance

# Defined in

options.d.ts:45 (opens new window)

# id

• Optional id: string

# Inherited from

CoreAnnotationOptions.id

# Defined in

options.d.ts:47 (opens new window)

# init

• Optional init: boolean | (__namedParameters: Object) => boolean | void | Partial<AnnotationElement>

# Inherited from

CoreAnnotationOptions.init

# Defined in

options.d.ts:46 (opens new window)

# point

• Optional point: PointAnnotationOptions

# Defined in

options.d.ts:144 (opens new window)

# radius

• Optional radius: Scriptable<number, PartialEventContext>

# Defined in

options.d.ts:145 (opens new window)

# rotation

• Optional rotation: Scriptable<number, PartialEventContext>

# Defined in

options.d.ts:146 (opens new window)

# shadowBlur

• Optional shadowBlur: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.shadowBlur

# Defined in

options.d.ts:32 (opens new window)

# shadowOffsetX

• Optional shadowOffsetX: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.shadowOffsetX

# Defined in

options.d.ts:33 (opens new window)

# shadowOffsetY

• Optional shadowOffsetY: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.shadowOffsetY

# Defined in

options.d.ts:34 (opens new window)

# sides

• Optional sides: Scriptable<number, PartialEventContext>

# Defined in

options.d.ts:147 (opens new window)

# xAdjust

• Optional xAdjust: Scriptable<number, PartialEventContext>

# Defined in

options.d.ts:148 (opens new window)

# xMax

• Optional xMax: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

CoreAnnotationOptions.xMax

# Defined in

options.d.ts:48 (opens new window)

# xMin

• Optional xMin: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

CoreAnnotationOptions.xMin

# Defined in

options.d.ts:49 (opens new window)

# xScaleID

• Optional xScaleID: Scriptable<string, PartialEventContext>

# Inherited from

CoreAnnotationOptions.xScaleID

# Defined in

options.d.ts:50 (opens new window)

# xValue

• Optional xValue: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

AnnotationPointCoordinates.xValue

# Defined in

options.d.ts:58 (opens new window)

# yAdjust

• Optional yAdjust: Scriptable<number, PartialEventContext>

# Defined in

options.d.ts:149 (opens new window)

# yMax

• Optional yMax: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

CoreAnnotationOptions.yMax

# Defined in

options.d.ts:51 (opens new window)

# yMin

• Optional yMin: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

CoreAnnotationOptions.yMin

# Defined in

options.d.ts:52 (opens new window)

# yScaleID

• Optional yScaleID: Scriptable<string, PartialEventContext>

# Inherited from

CoreAnnotationOptions.yScaleID

# Defined in

options.d.ts:53 (opens new window)

# yValue

• Optional yValue: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

AnnotationPointCoordinates.yValue

# Defined in

options.d.ts:59 (opens new window)

# z

• Optional z: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.z

# Defined in

options.d.ts:54 (opens new window)

# Methods

# afterDraw

▸ Optional afterDraw(context): void

# Parameters

Name Type
context EventContext

# Returns

void

# Inherited from

CoreAnnotationOptions.afterDraw

# Defined in

options.d.ts:23 (opens new window)

# beforeDraw

▸ Optional beforeDraw(context): void

# Parameters

Name Type
context EventContext

# Returns

void

# Inherited from

CoreAnnotationOptions.beforeDraw

# Defined in

options.d.ts:22 (opens new window)

# click

▸ Optional click(context, event): boolean | void

# Parameters

Name Type
context EventContext
event ChartEvent

# Returns

boolean | void

# Inherited from

CoreAnnotationOptions.click

# Defined in

events.d.ts:27 (opens new window)

# enter

▸ Optional enter(context, event): boolean | void

# Parameters

Name Type
context EventContext
event ChartEvent

# Returns

boolean | void

# Inherited from

CoreAnnotationOptions.enter

# Defined in

events.d.ts:25 (opens new window)

# leave

▸ Optional leave(context, event): boolean | void

# Parameters

Name Type
context EventContext
event ChartEvent

# Returns

boolean | void

# Inherited from

CoreAnnotationOptions.leave

# Defined in

events.d.ts:26 (opens new window)

+ (opens new window)

# Interface: PolygonAnnotationOptions

# Hierarchy

# Properties

# adjustScaleRange

• Optional adjustScaleRange: Scriptable<boolean, PartialEventContext>

# Inherited from

CoreAnnotationOptions.adjustScaleRange

# Defined in

options.d.ts:38 (opens new window)

# backgroundColor

• backgroundColor: Scriptable<Color, PartialEventContext>

# Defined in

options.d.ts:141 (opens new window)

# backgroundShadowColor

• Optional backgroundShadowColor: Scriptable<Color, PartialEventContext>

# Inherited from

CoreAnnotationOptions.backgroundShadowColor

# Defined in

options.d.ts:30 (opens new window)

# borderCapStyle

• Optional borderCapStyle: Scriptable<CanvasLineCap, PartialEventContext>

# Defined in

options.d.ts:142 (opens new window)

# borderColor

• Optional borderColor: Scriptable<Color, PartialEventContext>

# Inherited from

CoreAnnotationOptions.borderColor

# Defined in

options.d.ts:39 (opens new window)

# borderDash

• Optional borderDash: Scriptable<number[], PartialEventContext>

# Inherited from

CoreAnnotationOptions.borderDash

# Defined in

options.d.ts:40 (opens new window)

# borderDashOffset

• Optional borderDashOffset: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.borderDashOffset

# Defined in

options.d.ts:41 (opens new window)

# borderJoinStyle

• Optional borderJoinStyle: Scriptable<CanvasLineJoin, PartialEventContext>

# Defined in

options.d.ts:143 (opens new window)

# borderShadowColor

• Optional borderShadowColor: Scriptable<Color, PartialEventContext>

# Inherited from

CoreAnnotationOptions.borderShadowColor

# Defined in

options.d.ts:31 (opens new window)

# borderWidth

• Optional borderWidth: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.borderWidth

# Defined in

options.d.ts:42 (opens new window)

# display

• Optional display: Scriptable<boolean, PartialEventContext>

# Inherited from

CoreAnnotationOptions.display

# Defined in

options.d.ts:43 (opens new window)

# drawTime

• Optional drawTime: Scriptable<DrawTime, PartialEventContext>

# Inherited from

CoreAnnotationOptions.drawTime

# Defined in

options.d.ts:44 (opens new window)

# hitTolerance

• Optional hitTolerance: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.hitTolerance

# Defined in

options.d.ts:45 (opens new window)

# id

• Optional id: string

# Inherited from

CoreAnnotationOptions.id

# Defined in

options.d.ts:47 (opens new window)

# init

• Optional init: boolean | (__namedParameters: Object) => boolean | void | Partial<AnnotationElement>

# Inherited from

CoreAnnotationOptions.init

# Defined in

options.d.ts:46 (opens new window)

# point

• Optional point: PointAnnotationOptions

# Defined in

options.d.ts:144 (opens new window)

# radius

• Optional radius: Scriptable<number, PartialEventContext>

# Defined in

options.d.ts:145 (opens new window)

# rotation

• Optional rotation: Scriptable<number, PartialEventContext>

# Defined in

options.d.ts:146 (opens new window)

# shadowBlur

• Optional shadowBlur: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.shadowBlur

# Defined in

options.d.ts:32 (opens new window)

# shadowOffsetX

• Optional shadowOffsetX: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.shadowOffsetX

# Defined in

options.d.ts:33 (opens new window)

# shadowOffsetY

• Optional shadowOffsetY: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.shadowOffsetY

# Defined in

options.d.ts:34 (opens new window)

# sides

• Optional sides: Scriptable<number, PartialEventContext>

# Defined in

options.d.ts:147 (opens new window)

# xAdjust

• Optional xAdjust: Scriptable<number, PartialEventContext>

# Defined in

options.d.ts:148 (opens new window)

# xMax

• Optional xMax: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

CoreAnnotationOptions.xMax

# Defined in

options.d.ts:48 (opens new window)

# xMin

• Optional xMin: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

CoreAnnotationOptions.xMin

# Defined in

options.d.ts:49 (opens new window)

# xScaleID

• Optional xScaleID: Scriptable<string, PartialEventContext>

# Inherited from

CoreAnnotationOptions.xScaleID

# Defined in

options.d.ts:50 (opens new window)

# xValue

• Optional xValue: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

AnnotationPointCoordinates.xValue

# Defined in

options.d.ts:58 (opens new window)

# yAdjust

• Optional yAdjust: Scriptable<number, PartialEventContext>

# Defined in

options.d.ts:149 (opens new window)

# yMax

• Optional yMax: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

CoreAnnotationOptions.yMax

# Defined in

options.d.ts:51 (opens new window)

# yMin

• Optional yMin: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

CoreAnnotationOptions.yMin

# Defined in

options.d.ts:52 (opens new window)

# yScaleID

• Optional yScaleID: Scriptable<string, PartialEventContext>

# Inherited from

CoreAnnotationOptions.yScaleID

# Defined in

options.d.ts:53 (opens new window)

# yValue

• Optional yValue: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

AnnotationPointCoordinates.yValue

# Defined in

options.d.ts:59 (opens new window)

# z

• Optional z: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.z

# Defined in

options.d.ts:54 (opens new window)

# Methods

# afterDraw

▸ Optional afterDraw(context): void

# Parameters

Name Type
context EventContext

# Returns

void

# Inherited from

CoreAnnotationOptions.afterDraw

# Defined in

options.d.ts:23 (opens new window)

# beforeDraw

▸ Optional beforeDraw(context): void

# Parameters

Name Type
context EventContext

# Returns

void

# Inherited from

CoreAnnotationOptions.beforeDraw

# Defined in

options.d.ts:22 (opens new window)

# click

▸ Optional click(context, event): boolean | void

# Parameters

Name Type
context EventContext
event ChartEvent

# Returns

boolean | void

# Inherited from

CoreAnnotationOptions.click

# Defined in

events.d.ts:27 (opens new window)

# enter

▸ Optional enter(context, event): boolean | void

# Parameters

Name Type
context EventContext
event ChartEvent

# Returns

boolean | void

# Inherited from

CoreAnnotationOptions.enter

# Defined in

events.d.ts:25 (opens new window)

# leave

▸ Optional leave(context, event): boolean | void

# Parameters

Name Type
context EventContext
event ChartEvent

# Returns

boolean | void

# Inherited from

CoreAnnotationOptions.leave

# Defined in

events.d.ts:26 (opens new window)

← →

- + diff --git a/master/api/interfaces/ShadowOptions.html b/master/api/interfaces/ShadowOptions.html index e40bf2eda..8003f366c 100644 --- a/master/api/interfaces/ShadowOptions.html +++ b/master/api/interfaces/ShadowOptions.html @@ -7,7 +7,7 @@ - + @@ -31,11 +31,11 @@ Samples GitHub - (opens new window)

# Interface: ShadowOptions

# Hierarchy

# Properties

# backgroundShadowColor

• Optional backgroundShadowColor: Scriptable<Color, PartialEventContext>

# Defined in

options.d.ts:30 (opens new window)

# borderShadowColor

• Optional borderShadowColor: Scriptable<Color, PartialEventContext>

# Defined in

options.d.ts:31 (opens new window)

# shadowBlur

• Optional shadowBlur: Scriptable<number, PartialEventContext>

# Defined in

options.d.ts:32 (opens new window)

# shadowOffsetX

• Optional shadowOffsetX: Scriptable<number, PartialEventContext>

# Defined in

options.d.ts:33 (opens new window)

# shadowOffsetY

• Optional shadowOffsetY: Scriptable<number, PartialEventContext>

# Defined in

options.d.ts:34 (opens new window)

+ (opens new window)

# Interface: ShadowOptions

# Hierarchy

# Properties

# backgroundShadowColor

• Optional backgroundShadowColor: Scriptable<Color, PartialEventContext>

# Defined in

options.d.ts:30 (opens new window)

# borderShadowColor

• Optional borderShadowColor: Scriptable<Color, PartialEventContext>

# Defined in

options.d.ts:31 (opens new window)

# shadowBlur

• Optional shadowBlur: Scriptable<number, PartialEventContext>

# Defined in

options.d.ts:32 (opens new window)

# shadowOffsetX

• Optional shadowOffsetX: Scriptable<number, PartialEventContext>

# Defined in

options.d.ts:33 (opens new window)

# shadowOffsetY

• Optional shadowOffsetY: Scriptable<number, PartialEventContext>

# Defined in

options.d.ts:34 (opens new window)

←

- + diff --git a/master/assets/js/10.fdf87cbd.js b/master/assets/js/10.adeba212.js similarity index 99% rename from master/assets/js/10.fdf87cbd.js rename to master/assets/js/10.adeba212.js index 991964bfe..15ee8f05a 100644 --- a/master/assets/js/10.fdf87cbd.js +++ b/master/assets/js/10.adeba212.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[10],{262:function(t,e,o){t.exports=o.p+"assets/img/elementEllipseProps.ef1b550b.png"},467:function(t,e,o){"use strict";o.r(e);var n=o(4),a=Object(n.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"ellipse-annotations"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#ellipse-annotations"}},[t._v("#")]),t._v(" Ellipse Annotations")]),t._v(" "),e("p",[t._v("Ellipse annotations are used to draw circles on the chart area. This can be useful for highlighting different areas of a chart.")]),t._v(" "),e("chart-editor",{attrs:{code:"/* */\nconst options = {\n plugins: {\n annotation: {\n annotations: {\n ellipse1: {\n type: 'ellipse',\n xMin: 1,\n xMax: 2,\n yMin: 50,\n yMax: 70,\n backgroundColor: 'rgba(255, 99, 132, 0.25)'\n }\n }\n }\n }\n};\n/* */\n\n/* */\nconst config = {\n type: 'line',\n data: {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\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 options\n};\n/* */\n\nmodule.exports = {\n config\n};\n"}}),e("h2",{attrs:{id:"configuration"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#configuration"}},[t._v("#")]),t._v(" Configuration")]),t._v(" "),e("h3",{attrs:{id:"ellipse-annotation-specific-options"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#ellipse-annotation-specific-options"}},[t._v("#")]),t._v(" Ellipse annotation specific options")]),t._v(" "),e("p",[t._v("The following options are available for ellipse annotations.")]),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:"/guide/options.html#scriptable-options"}},[t._v("Scriptable")])],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("backgroundShadowColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#color"}},[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("'transparent'")])])]),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",[e("code",[t._v("1")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#label"}},[e("code",[t._v("label")])])]),t._v(" "),e("td",[e("code",[t._v("object")])]),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:"#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("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])])])]),t._v(" "),e("h3",{attrs:{id:"common-options-to-all-annotations"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#common-options-to-all-annotations"}},[t._v("#")]),t._v(" Common options to all annotations")]),t._v(" "),e("p",[t._v("The following options are available for all annotations.")]),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:"/guide/options.html#scriptable-options"}},[t._v("Scriptable")])],1),t._v(" "),e("th",[t._v("Default")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("adjustScaleRange")])])]),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(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("backgroundColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#color"}},[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("options.color")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#color"}},[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("options.color")])])]),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",[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",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderShadowColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#color"}},[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("'transparent'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("display")])])]),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(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("drawTime")])])]),t._v(" "),e("td",[e("code",[t._v("string")]),t._v("|"),e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'afterDatasetsDraw'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("hitTolerance")])])]),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("tr",[e("td",[e("RouterLink",{attrs:{to:"/guide/configuration.html#common"}},[e("code",[t._v("init")])])],1),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("RouterLink",{attrs:{to:"/guide/configuration.html#initial-animation"}},[t._v("See initial animation")])],1),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("id")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("No")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("shadowBlur")])])]),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("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("shadowOffsetX")])])]),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("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("shadowOffsetY")])])]),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("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("xMax")])])]),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("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("xMin")])])]),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("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("xScaleID")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),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:"#general"}},[e("code",[t._v("yMin")])])]),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("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("yMax")])])]),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("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("yScaleID")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),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:"#general"}},[e("code",[t._v("z")])])]),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("h3",{attrs:{id:"general"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#general"}},[t._v("#")]),t._v(" General")]),t._v(" "),e("p",[t._v("If one of the axes does not match an axis in the chart, the ellipse will take the entire chart dimension. The 4 coordinates, xMin, xMax, yMin, yMax are optional. If not specified, the ellipse is expanded out to the edges in the respective direction.")]),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("adjustScaleRange")])]),t._v(" "),e("td",[t._v("Should the scale range be adjusted if this annotation is out of range.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("display")])]),t._v(" "),e("td",[t._v("Whether or not this annotation is visible.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("drawTime")])]),t._v(" "),e("td",[t._v("See "),e("RouterLink",{attrs:{to:"/guide/options.html#draw-time"}},[t._v("drawTime")]),t._v(".")],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("hitTolerance")])]),t._v(" "),e("td",[t._v("Amount of pixels to interact with annotations within some distance of the mouse point.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("id")])]),t._v(" "),e("td",[t._v("Identifies a unique id for the annotation and it will be stored in the element context. When the annotations are defined by an object, the id is automatically set using the key used to store the annotations in the object. When the annotations are configured by an array, the id, passed by this option in the annotation, will be used.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("rotation")])]),t._v(" "),e("td",[t._v("Rotation of the ellipse in degrees, default is 0.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("xMax")])]),t._v(" "),e("td",[t._v("Right edge of the ellipse in units along the x axis.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("xMin")])]),t._v(" "),e("td",[t._v("Left edge of the ellipse in units along the x axis.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("xScaleID")])]),t._v(" "),e("td",[t._v("ID of the X scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as "),e("code",[t._v("'x'")]),t._v(" axis. If more than one scale has been defined in the chart as "),e("code",[t._v("'x'")]),t._v(" axis, the option is mandatory to select the right scale.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("yMax")])]),t._v(" "),e("td",[t._v("Bottom edge of the ellipse in units along the y axis.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("yMin")])]),t._v(" "),e("td",[t._v("Top edge of the ellipse in units along the y axis.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("yScaleID")])]),t._v(" "),e("td",[t._v("ID of the Y scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as "),e("code",[t._v("'y'")]),t._v(" axis. If more than one scale has been defined in the chart as "),e("code",[t._v("'y'")]),t._v(" axis, the option is mandatory to select the right scale.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("z")])]),t._v(" "),e("td",[t._v("The "),e("code",[t._v("z")]),t._v(" property determines the drawing stack level of the ellipse annotation element. All visible elements will be drawn in ascending order of "),e("code",[t._v("z")]),t._v(" option, with the same "),e("code",[t._v("drawTime")]),t._v(" option.")])])])]),t._v(" "),e("h3",{attrs:{id:"styling"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#styling"}},[t._v("#")]),t._v(" Styling")]),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("Fill color.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("backgroundShadowColor")])]),t._v(" "),e("td",[t._v("The color of shadow. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowColor",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("Stroke 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("borderShadowColor")])]),t._v(" "),e("td",[t._v("The color of the border shadow. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowColor",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("Stroke width.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("shadowBlur")])]),t._v(" "),e("td",[t._v("The amount of blur applied to shadow. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowBlur",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("shadowOffsetX")])]),t._v(" "),e("td",[t._v("The distance that shadow will be offset horizontally. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowOffsetX",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("shadowOffsetY")])]),t._v(" "),e("td",[t._v("The distance that shadow will be offset vertically. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowOffsetY",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])])])]),t._v(" "),e("h2",{attrs:{id:"label"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#label"}},[t._v("#")]),t._v(" Label")]),t._v(" "),e("p",[t._v("Namespace: "),e("code",[t._v("options.annotations[annotationID].label")]),t._v(", it defines options for the the label of annotation.")]),t._v(" "),e("p",[t._v("All of these options can be "),e("RouterLink",{attrs:{to:"/guide/options.html#scriptable-options"}},[t._v("Scriptable")])],1),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("Default")]),t._v(" "),e("th",[t._v("Notes")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("a",{attrs:{href:"#fonts-and-colors"}},[e("code",[t._v("color")])])]),t._v(" "),e("td",[e("a",{attrs:{href:"../options#color"}},[e("code",[t._v("Color")]),t._v("|"),e("code",[t._v("Color[]")])])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("'black'")])]),t._v(" "),e("td",[t._v("Text color.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("content")])]),t._v(" "),e("td",[e("code",[t._v("string")]),t._v("|"),e("code",[t._v("string[]")]),t._v("|"),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/Image",target:"_blank",rel:"noopener noreferrer"}},[e("code",[t._v("Image")]),e("OutboundLink")],1),t._v("|"),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement",target:"_blank",rel:"noopener noreferrer"}},[e("code",[t._v("HTMLCanvasElement")]),e("OutboundLink")],1)]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("null")])]),t._v(" "),e("td",[t._v("The content to show in the label.")])]),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"}},[e("code",[t._v("false")])]),t._v(" "),e("td",[t._v("Whether or not the label is shown.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("drawTime")])]),t._v(" "),e("td",[e("code",[t._v("string")]),t._v("|"),e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("options.drawTime")])]),t._v(" "),e("td",[t._v("See "),e("a",{attrs:{href:"../options#draw-time"}},[t._v("drawTime")]),t._v(". Defaults to the annotation draw time if unset")])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#fonts-and-colors"}},[e("code",[t._v("font")])])]),t._v(" "),e("td",[e("a",{attrs:{href:"../options#font"}},[e("code",[t._v("Font")]),t._v("|"),e("code",[t._v("Font[]")])])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("{ weight: 'bold' }")])]),t._v(" "),e("td",[t._v("Label font")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("height")])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v("|"),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("undefined")])]),t._v(" "),e("td",[t._v("Overrides the height of the image or canvas element. Could be set in pixel by a number, or in percentage of current height of image or canvas element by a string. If undefined, uses the height of the image or canvas element. It is used only when the content is an image or canvas element.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("hitTolerance")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("undefined")])]),t._v(" "),e("td",[t._v("Amount of pixels to interact with annotations within some distance of the mouse point.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("opacity")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("undefined")])]),t._v(" "),e("td",[t._v("Overrides the opacity of the image or canvas element. Could be set a number in the range 0.0 to 1.0, inclusive. If undefined, uses the opacity of the image or canvas element. It is used only when the content is an image or canvas element.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("padding")])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#padding"}},[e("code",[t._v("Padding")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("6")])]),t._v(" "),e("td",[t._v("The padding to add around the text label.")])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#position"}},[e("code",[t._v("position")])])]),t._v(" "),e("td",[e("code",[t._v("string")]),t._v("|"),e("code",[t._v("{x: string, y: string}")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("'center'")])]),t._v(" "),e("td",[t._v("Anchor position of label in the annotation.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("rotation")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("undefined")])]),t._v(" "),e("td",[t._v("Rotation of label, in degrees. If "),e("code",[t._v("undefined")]),t._v(", the annotation rotation is used.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("textAlign")])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("'start'")])]),t._v(" "),e("td",[t._v("Text alignment of label content when there's more than one line. Possible options are: "),e("code",[t._v("'left'")]),t._v(", "),e("code",[t._v("'start'")]),t._v(", "),e("code",[t._v("'center'")]),t._v(", "),e("code",[t._v("'end'")]),t._v(", "),e("code",[t._v("'right'")]),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("textStrokeColor")])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#color"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("undefined")])]),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"}},[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("width")])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v("|"),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("undefined")])]),t._v(" "),e("td",[t._v("Overrides the width of the image or canvas element. Could be set in pixel by a number, or in percentage of current width of image or canvas element by a string. If undefined, uses the width of the image or canvas element. It is used only when the content is an image or canvas element.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("xAdjust")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("0")])]),t._v(" "),e("td",[t._v("Adjustment along x-axis (left-right) of label relative to computed position. Negative values move the label left, positive right.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("yAdjust")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("0")])]),t._v(" "),e("td",[t._v("Adjustment along y-axis (top-bottom) of label relative to computed position. Negative values move the label up, positive down.")])]),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"}},[e("code",[t._v("0")])]),t._v(" "),e("td",[t._v("It determines the drawing stack level of the label element, with same "),e("code",[t._v("drawTime")]),t._v(".")])])])]),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("A position can be set in 2 different values types:")]),t._v(" "),e("ol",[e("li",[e("code",[t._v("'start'")]),t._v(", "),e("code",[t._v("'center'")]),t._v(", "),e("code",[t._v("'end'")]),t._v(" which are defining where the label will be located")]),t._v(" "),e("li",[t._v("a "),e("code",[t._v("string")]),t._v(", in percentage format "),e("code",[t._v("'number%'")]),t._v(", is representing the percentage on the size where the label will be located")])]),t._v(" "),e("p",[t._v("If this value is a string (possible options are "),e("code",[t._v("'start'")]),t._v(", "),e("code",[t._v("'center'")]),t._v(", "),e("code",[t._v("'end'")]),t._v(" or a string in percentage format), it is applied to vertical and horizontal position in the annotation.")]),t._v(" "),e("p",[t._v("If this value is an object, the "),e("code",[t._v("x")]),t._v(" property defines the horizontal alignment in the annotation. Similarly, the "),e("code",[t._v("y")]),t._v(" property defines the vertical alignment in the annotation. Possible options for both properties are "),e("code",[t._v("'start'")]),t._v(", "),e("code",[t._v("'center'")]),t._v(", "),e("code",[t._v("'end'")]),t._v(", a string in percentage format. Omitted property have value of the default, "),e("code",[t._v("'center'")]),t._v(".")]),t._v(" "),e("h3",{attrs:{id:"fonts-and-colors"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#fonts-and-colors"}},[t._v("#")]),t._v(" Fonts and colors")]),t._v(" "),e("p",[t._v("When the label to draw has multiple lines, you can use different font and color for each line of the label. This is enabled configuring an array of fonts or colors for those options. When the lines are more than the configured fonts of colors, the last configuration of those options is used for all remaining lines.")]),t._v(" "),e("h2",{attrs:{id:"element"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#element"}},[t._v("#")]),t._v(" Element")]),t._v(" "),e("p",[t._v("The following diagram is showing the element properties about a "),e("code",[t._v("'ellipse'")]),t._v(" annotation:")]),t._v(" "),e("p",[e("img",{attrs:{src:o(262),alt:"ellipse"}})])],1)}),[],!1,null,null,null);e.default=a.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[10],{262:function(t,e,o){t.exports=o.p+"assets/img/elementEllipseProps.ef1b550b.png"},468:function(t,e,o){"use strict";o.r(e);var n=o(4),a=Object(n.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"ellipse-annotations"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#ellipse-annotations"}},[t._v("#")]),t._v(" Ellipse Annotations")]),t._v(" "),e("p",[t._v("Ellipse annotations are used to draw circles on the chart area. This can be useful for highlighting different areas of a chart.")]),t._v(" "),e("chart-editor",{attrs:{code:"/* */\nconst options = {\n plugins: {\n annotation: {\n annotations: {\n ellipse1: {\n type: 'ellipse',\n xMin: 1,\n xMax: 2,\n yMin: 50,\n yMax: 70,\n backgroundColor: 'rgba(255, 99, 132, 0.25)'\n }\n }\n }\n }\n};\n/* */\n\n/* */\nconst config = {\n type: 'line',\n data: {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\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 options\n};\n/* */\n\nmodule.exports = {\n config\n};\n"}}),e("h2",{attrs:{id:"configuration"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#configuration"}},[t._v("#")]),t._v(" Configuration")]),t._v(" "),e("h3",{attrs:{id:"ellipse-annotation-specific-options"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#ellipse-annotation-specific-options"}},[t._v("#")]),t._v(" Ellipse annotation specific options")]),t._v(" "),e("p",[t._v("The following options are available for ellipse annotations.")]),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:"/guide/options.html#scriptable-options"}},[t._v("Scriptable")])],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("backgroundShadowColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#color"}},[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("'transparent'")])])]),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",[e("code",[t._v("1")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#label"}},[e("code",[t._v("label")])])]),t._v(" "),e("td",[e("code",[t._v("object")])]),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:"#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("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])])])]),t._v(" "),e("h3",{attrs:{id:"common-options-to-all-annotations"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#common-options-to-all-annotations"}},[t._v("#")]),t._v(" Common options to all annotations")]),t._v(" "),e("p",[t._v("The following options are available for all annotations.")]),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:"/guide/options.html#scriptable-options"}},[t._v("Scriptable")])],1),t._v(" "),e("th",[t._v("Default")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("adjustScaleRange")])])]),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(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("backgroundColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#color"}},[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("options.color")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#color"}},[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("options.color")])])]),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",[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",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderShadowColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#color"}},[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("'transparent'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("display")])])]),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(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("drawTime")])])]),t._v(" "),e("td",[e("code",[t._v("string")]),t._v("|"),e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'afterDatasetsDraw'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("hitTolerance")])])]),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("tr",[e("td",[e("RouterLink",{attrs:{to:"/guide/configuration.html#common"}},[e("code",[t._v("init")])])],1),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("RouterLink",{attrs:{to:"/guide/configuration.html#initial-animation"}},[t._v("See initial animation")])],1),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("id")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("No")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("shadowBlur")])])]),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("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("shadowOffsetX")])])]),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("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("shadowOffsetY")])])]),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("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("xMax")])])]),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("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("xMin")])])]),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("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("xScaleID")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),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:"#general"}},[e("code",[t._v("yMin")])])]),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("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("yMax")])])]),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("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("yScaleID")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),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:"#general"}},[e("code",[t._v("z")])])]),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("h3",{attrs:{id:"general"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#general"}},[t._v("#")]),t._v(" General")]),t._v(" "),e("p",[t._v("If one of the axes does not match an axis in the chart, the ellipse will take the entire chart dimension. The 4 coordinates, xMin, xMax, yMin, yMax are optional. If not specified, the ellipse is expanded out to the edges in the respective direction.")]),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("adjustScaleRange")])]),t._v(" "),e("td",[t._v("Should the scale range be adjusted if this annotation is out of range.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("display")])]),t._v(" "),e("td",[t._v("Whether or not this annotation is visible.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("drawTime")])]),t._v(" "),e("td",[t._v("See "),e("RouterLink",{attrs:{to:"/guide/options.html#draw-time"}},[t._v("drawTime")]),t._v(".")],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("hitTolerance")])]),t._v(" "),e("td",[t._v("Amount of pixels to interact with annotations within some distance of the mouse point.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("id")])]),t._v(" "),e("td",[t._v("Identifies a unique id for the annotation and it will be stored in the element context. When the annotations are defined by an object, the id is automatically set using the key used to store the annotations in the object. When the annotations are configured by an array, the id, passed by this option in the annotation, will be used.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("rotation")])]),t._v(" "),e("td",[t._v("Rotation of the ellipse in degrees, default is 0.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("xMax")])]),t._v(" "),e("td",[t._v("Right edge of the ellipse in units along the x axis.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("xMin")])]),t._v(" "),e("td",[t._v("Left edge of the ellipse in units along the x axis.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("xScaleID")])]),t._v(" "),e("td",[t._v("ID of the X scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as "),e("code",[t._v("'x'")]),t._v(" axis. If more than one scale has been defined in the chart as "),e("code",[t._v("'x'")]),t._v(" axis, the option is mandatory to select the right scale.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("yMax")])]),t._v(" "),e("td",[t._v("Bottom edge of the ellipse in units along the y axis.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("yMin")])]),t._v(" "),e("td",[t._v("Top edge of the ellipse in units along the y axis.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("yScaleID")])]),t._v(" "),e("td",[t._v("ID of the Y scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as "),e("code",[t._v("'y'")]),t._v(" axis. If more than one scale has been defined in the chart as "),e("code",[t._v("'y'")]),t._v(" axis, the option is mandatory to select the right scale.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("z")])]),t._v(" "),e("td",[t._v("The "),e("code",[t._v("z")]),t._v(" property determines the drawing stack level of the ellipse annotation element. All visible elements will be drawn in ascending order of "),e("code",[t._v("z")]),t._v(" option, with the same "),e("code",[t._v("drawTime")]),t._v(" option.")])])])]),t._v(" "),e("h3",{attrs:{id:"styling"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#styling"}},[t._v("#")]),t._v(" Styling")]),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("Fill color.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("backgroundShadowColor")])]),t._v(" "),e("td",[t._v("The color of shadow. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowColor",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("Stroke 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("borderShadowColor")])]),t._v(" "),e("td",[t._v("The color of the border shadow. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowColor",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("Stroke width.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("shadowBlur")])]),t._v(" "),e("td",[t._v("The amount of blur applied to shadow. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowBlur",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("shadowOffsetX")])]),t._v(" "),e("td",[t._v("The distance that shadow will be offset horizontally. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowOffsetX",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("shadowOffsetY")])]),t._v(" "),e("td",[t._v("The distance that shadow will be offset vertically. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowOffsetY",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])])])]),t._v(" "),e("h2",{attrs:{id:"label"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#label"}},[t._v("#")]),t._v(" Label")]),t._v(" "),e("p",[t._v("Namespace: "),e("code",[t._v("options.annotations[annotationID].label")]),t._v(", it defines options for the the label of annotation.")]),t._v(" "),e("p",[t._v("All of these options can be "),e("RouterLink",{attrs:{to:"/guide/options.html#scriptable-options"}},[t._v("Scriptable")])],1),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("Default")]),t._v(" "),e("th",[t._v("Notes")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("a",{attrs:{href:"#fonts-and-colors"}},[e("code",[t._v("color")])])]),t._v(" "),e("td",[e("a",{attrs:{href:"../options#color"}},[e("code",[t._v("Color")]),t._v("|"),e("code",[t._v("Color[]")])])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("'black'")])]),t._v(" "),e("td",[t._v("Text color.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("content")])]),t._v(" "),e("td",[e("code",[t._v("string")]),t._v("|"),e("code",[t._v("string[]")]),t._v("|"),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/Image",target:"_blank",rel:"noopener noreferrer"}},[e("code",[t._v("Image")]),e("OutboundLink")],1),t._v("|"),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement",target:"_blank",rel:"noopener noreferrer"}},[e("code",[t._v("HTMLCanvasElement")]),e("OutboundLink")],1)]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("null")])]),t._v(" "),e("td",[t._v("The content to show in the label.")])]),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"}},[e("code",[t._v("false")])]),t._v(" "),e("td",[t._v("Whether or not the label is shown.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("drawTime")])]),t._v(" "),e("td",[e("code",[t._v("string")]),t._v("|"),e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("options.drawTime")])]),t._v(" "),e("td",[t._v("See "),e("a",{attrs:{href:"../options#draw-time"}},[t._v("drawTime")]),t._v(". Defaults to the annotation draw time if unset")])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#fonts-and-colors"}},[e("code",[t._v("font")])])]),t._v(" "),e("td",[e("a",{attrs:{href:"../options#font"}},[e("code",[t._v("Font")]),t._v("|"),e("code",[t._v("Font[]")])])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("{ weight: 'bold' }")])]),t._v(" "),e("td",[t._v("Label font")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("height")])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v("|"),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("undefined")])]),t._v(" "),e("td",[t._v("Overrides the height of the image or canvas element. Could be set in pixel by a number, or in percentage of current height of image or canvas element by a string. If undefined, uses the height of the image or canvas element. It is used only when the content is an image or canvas element.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("hitTolerance")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("undefined")])]),t._v(" "),e("td",[t._v("Amount of pixels to interact with annotations within some distance of the mouse point.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("opacity")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("undefined")])]),t._v(" "),e("td",[t._v("Overrides the opacity of the image or canvas element. Could be set a number in the range 0.0 to 1.0, inclusive. If undefined, uses the opacity of the image or canvas element. It is used only when the content is an image or canvas element.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("padding")])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#padding"}},[e("code",[t._v("Padding")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("6")])]),t._v(" "),e("td",[t._v("The padding to add around the text label.")])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#position"}},[e("code",[t._v("position")])])]),t._v(" "),e("td",[e("code",[t._v("string")]),t._v("|"),e("code",[t._v("{x: string, y: string}")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("'center'")])]),t._v(" "),e("td",[t._v("Anchor position of label in the annotation.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("rotation")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("undefined")])]),t._v(" "),e("td",[t._v("Rotation of label, in degrees. If "),e("code",[t._v("undefined")]),t._v(", the annotation rotation is used.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("textAlign")])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("'start'")])]),t._v(" "),e("td",[t._v("Text alignment of label content when there's more than one line. Possible options are: "),e("code",[t._v("'left'")]),t._v(", "),e("code",[t._v("'start'")]),t._v(", "),e("code",[t._v("'center'")]),t._v(", "),e("code",[t._v("'end'")]),t._v(", "),e("code",[t._v("'right'")]),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("textStrokeColor")])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#color"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("undefined")])]),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"}},[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("width")])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v("|"),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("undefined")])]),t._v(" "),e("td",[t._v("Overrides the width of the image or canvas element. Could be set in pixel by a number, or in percentage of current width of image or canvas element by a string. If undefined, uses the width of the image or canvas element. It is used only when the content is an image or canvas element.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("xAdjust")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("0")])]),t._v(" "),e("td",[t._v("Adjustment along x-axis (left-right) of label relative to computed position. Negative values move the label left, positive right.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("yAdjust")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("0")])]),t._v(" "),e("td",[t._v("Adjustment along y-axis (top-bottom) of label relative to computed position. Negative values move the label up, positive down.")])]),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"}},[e("code",[t._v("0")])]),t._v(" "),e("td",[t._v("It determines the drawing stack level of the label element, with same "),e("code",[t._v("drawTime")]),t._v(".")])])])]),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("A position can be set in 2 different values types:")]),t._v(" "),e("ol",[e("li",[e("code",[t._v("'start'")]),t._v(", "),e("code",[t._v("'center'")]),t._v(", "),e("code",[t._v("'end'")]),t._v(" which are defining where the label will be located")]),t._v(" "),e("li",[t._v("a "),e("code",[t._v("string")]),t._v(", in percentage format "),e("code",[t._v("'number%'")]),t._v(", is representing the percentage on the size where the label will be located")])]),t._v(" "),e("p",[t._v("If this value is a string (possible options are "),e("code",[t._v("'start'")]),t._v(", "),e("code",[t._v("'center'")]),t._v(", "),e("code",[t._v("'end'")]),t._v(" or a string in percentage format), it is applied to vertical and horizontal position in the annotation.")]),t._v(" "),e("p",[t._v("If this value is an object, the "),e("code",[t._v("x")]),t._v(" property defines the horizontal alignment in the annotation. Similarly, the "),e("code",[t._v("y")]),t._v(" property defines the vertical alignment in the annotation. Possible options for both properties are "),e("code",[t._v("'start'")]),t._v(", "),e("code",[t._v("'center'")]),t._v(", "),e("code",[t._v("'end'")]),t._v(", a string in percentage format. Omitted property have value of the default, "),e("code",[t._v("'center'")]),t._v(".")]),t._v(" "),e("h3",{attrs:{id:"fonts-and-colors"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#fonts-and-colors"}},[t._v("#")]),t._v(" Fonts and colors")]),t._v(" "),e("p",[t._v("When the label to draw has multiple lines, you can use different font and color for each line of the label. This is enabled configuring an array of fonts or colors for those options. When the lines are more than the configured fonts of colors, the last configuration of those options is used for all remaining lines.")]),t._v(" "),e("h2",{attrs:{id:"element"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#element"}},[t._v("#")]),t._v(" Element")]),t._v(" "),e("p",[t._v("The following diagram is showing the element properties about a "),e("code",[t._v("'ellipse'")]),t._v(" annotation:")]),t._v(" "),e("p",[e("img",{attrs:{src:o(262),alt:"ellipse"}})])],1)}),[],!1,null,null,null);e.default=a.exports}}]); \ No newline at end of file diff --git a/master/assets/js/100.3b4bec5d.js b/master/assets/js/100.71a4ed32.js similarity index 97% rename from master/assets/js/100.3b4bec5d.js rename to master/assets/js/100.71a4ed32.js index d5fd84797..e90835552 100644 --- a/master/assets/js/100.3b4bec5d.js +++ b/master/assets/js/100.71a4ed32.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[100],{521:function(n,t,a){"use strict";a.r(t);var o=a(4),e=Object(o.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"points-outside-of-chart-area"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#points-outside-of-chart-area"}},[this._v("#")]),this._v(" Points outside of chart area")]),this._v(" "),n("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 12;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(8);\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }, {\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'point',\n backgroundColor: 'lime',\n borderColor: 'black',\n borderWidth: 1,\n pointStyle: 'triangle',\n radius: 15,\n xValue: 3,\n xScaleID: 'x',\n yAdjust: 5,\n yValue: 0,\n yScaleID: 'y'\n};\n// \n\n// \nconst annotation2 = {\n type: 'point',\n backgroundColor: 'lime',\n borderColor: 'black',\n borderWidth: 1,\n pointStyle: 'triangle',\n radius: 15,\n rotation: 180,\n xValue: 3,\n xScaleID: 'x',\n yAdjust: -5,\n yValue: 100,\n yScaleID: 'y'\n};\n// \n\n/* */\nconst config = {\n type: 'bar',\n data,\n options: {\n layout: {\n padding: {\n top: 16\n }\n },\n scale: {\n y: {\n beginAtZero: true,\n max: 100,\n min: 0\n }\n },\n plugins: {\n annotation: {\n clip: false,\n common: {\n drawTime: 'afterDraw'\n },\n annotations: {\n annotation1,\n annotation2\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n const xValue = Utils.rand(0, DATA_COUNT - 1);\n chart.options.plugins.annotation.annotations.annotation1.xValue = xValue;\n chart.options.plugins.annotation.annotations.annotation2.xValue = xValue;\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n"}})],1)}),[],!1,null,null,null);t.default=e.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[100],{518:function(n,t,a){"use strict";a.r(t);var o=a(4),e=Object(o.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"points-outside-of-chart-area"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#points-outside-of-chart-area"}},[this._v("#")]),this._v(" Points outside of chart area")]),this._v(" "),n("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 12;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(8);\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }, {\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'point',\n backgroundColor: 'lime',\n borderColor: 'black',\n borderWidth: 1,\n pointStyle: 'triangle',\n radius: 15,\n xValue: 3,\n xScaleID: 'x',\n yAdjust: 5,\n yValue: 0,\n yScaleID: 'y'\n};\n// \n\n// \nconst annotation2 = {\n type: 'point',\n backgroundColor: 'lime',\n borderColor: 'black',\n borderWidth: 1,\n pointStyle: 'triangle',\n radius: 15,\n rotation: 180,\n xValue: 3,\n xScaleID: 'x',\n yAdjust: -5,\n yValue: 100,\n yScaleID: 'y'\n};\n// \n\n/* */\nconst config = {\n type: 'bar',\n data,\n options: {\n layout: {\n padding: {\n top: 16\n }\n },\n scale: {\n y: {\n beginAtZero: true,\n max: 100,\n min: 0\n }\n },\n plugins: {\n annotation: {\n clip: false,\n common: {\n drawTime: 'afterDraw'\n },\n annotations: {\n annotation1,\n annotation2\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n const xValue = Utils.rand(0, DATA_COUNT - 1);\n chart.options.plugins.annotation.annotations.annotation1.xValue = xValue;\n chart.options.plugins.annotation.annotations.annotation2.xValue = xValue;\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n"}})],1)}),[],!1,null,null,null);t.default=e.exports}}]); \ No newline at end of file diff --git a/master/assets/js/101.248c85ec.js b/master/assets/js/101.fc184edb.js similarity index 98% rename from master/assets/js/101.248c85ec.js rename to master/assets/js/101.fc184edb.js index 7453fa917..7bba11495 100644 --- a/master/assets/js/101.248c85ec.js +++ b/master/assets/js/101.fc184edb.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[101],{518:function(n,t,a){"use strict";a.r(t);var o=a(4),e=Object(o.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"shadow"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#shadow"}},[this._v("#")]),this._v(" Shadow")]),this._v(" "),n("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 8;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(5);\n\nconst labels = [];\nfor (let i = 0; i < DATA_COUNT; ++i) {\n labels.push('' + i);\n}\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: labels,\n datasets: [{\n data: Utils.numbers(numberCfg)\n }, {\n data: Utils.numbers(numberCfg)\n }, {\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'point',\n backgroundColor: 'rgba(0, 255, 255, 0.4)',\n backgroundShadowColor: 'black',\n borderColor: 'black',\n borderWidth: 3,\n scaleID: 'y',\n shadowBlur: 3,\n shadowOffsetX: 3,\n shadowOffsetY: 10,\n xValue: (ctx) => value(ctx, 0, 2, 'x'),\n yValue: (ctx) => value(ctx, 0, 2, 'y')\n};\n// \n\n// \nconst annotation2 = {\n type: 'point',\n backgroundColor: 'rgba(245, 245, 245, 0.5)',\n borderColor: 'red',\n borderShadowColor: 'gray',\n borderWidth: 5,\n pointStyle: 'triangle',\n radius: 25,\n scaleID: 'y',\n shadowBlur: 3,\n shadowOffsetX: 3,\n shadowOffsetY: 10,\n xValue: (ctx) => value(ctx, 1, 4, 'x'),\n yValue: (ctx) => value(ctx, 1, 4, 'y')\n};\n// \n\n// \nconst annotation3 = {\n type: 'point',\n borderColor: 'orange',\n borderShadowColor: 'black',\n borderWidth: 3,\n drawTime: 'beforeDraw',\n pointStyle: 'star',\n radius: 25,\n scaleID: 'y',\n shadowBlur: 3,\n shadowOffsetX: 3,\n shadowOffsetY: 10,\n xValue: (ctx) => value(ctx, 1, 6, 'x'),\n yValue: (ctx) => value(ctx, 1, 6, 'y')\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2,\n annotation3\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction value(ctx, datasetIndex, index, prop) {\n const meta = ctx.chart.getDatasetMeta(datasetIndex);\n const parsed = meta.controller.getParsed(index);\n return parsed ? parsed[prop] : NaN;\n}\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Add data',\n handler: function(chart) {\n chart.data.labels.push(chart.data.labels.length);\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.push(Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Remove data',\n handler: function(chart) {\n chart.data.labels.shift();\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.shift();\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config\n};\n"}})],1)}),[],!1,null,null,null);t.default=e.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[101],{521:function(n,t,a){"use strict";a.r(t);var o=a(4),e=Object(o.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"shadow"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#shadow"}},[this._v("#")]),this._v(" Shadow")]),this._v(" "),n("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 8;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(5);\n\nconst labels = [];\nfor (let i = 0; i < DATA_COUNT; ++i) {\n labels.push('' + i);\n}\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: labels,\n datasets: [{\n data: Utils.numbers(numberCfg)\n }, {\n data: Utils.numbers(numberCfg)\n }, {\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'point',\n backgroundColor: 'rgba(0, 255, 255, 0.4)',\n backgroundShadowColor: 'black',\n borderColor: 'black',\n borderWidth: 3,\n scaleID: 'y',\n shadowBlur: 3,\n shadowOffsetX: 3,\n shadowOffsetY: 10,\n xValue: (ctx) => value(ctx, 0, 2, 'x'),\n yValue: (ctx) => value(ctx, 0, 2, 'y')\n};\n// \n\n// \nconst annotation2 = {\n type: 'point',\n backgroundColor: 'rgba(245, 245, 245, 0.5)',\n borderColor: 'red',\n borderShadowColor: 'gray',\n borderWidth: 5,\n pointStyle: 'triangle',\n radius: 25,\n scaleID: 'y',\n shadowBlur: 3,\n shadowOffsetX: 3,\n shadowOffsetY: 10,\n xValue: (ctx) => value(ctx, 1, 4, 'x'),\n yValue: (ctx) => value(ctx, 1, 4, 'y')\n};\n// \n\n// \nconst annotation3 = {\n type: 'point',\n borderColor: 'orange',\n borderShadowColor: 'black',\n borderWidth: 3,\n drawTime: 'beforeDraw',\n pointStyle: 'star',\n radius: 25,\n scaleID: 'y',\n shadowBlur: 3,\n shadowOffsetX: 3,\n shadowOffsetY: 10,\n xValue: (ctx) => value(ctx, 1, 6, 'x'),\n yValue: (ctx) => value(ctx, 1, 6, 'y')\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2,\n annotation3\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction value(ctx, datasetIndex, index, prop) {\n const meta = ctx.chart.getDatasetMeta(datasetIndex);\n const parsed = meta.controller.getParsed(index);\n return parsed ? parsed[prop] : NaN;\n}\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Add data',\n handler: function(chart) {\n chart.data.labels.push(chart.data.labels.length);\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.push(Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Remove data',\n handler: function(chart) {\n chart.data.labels.shift();\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.shift();\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config\n};\n"}})],1)}),[],!1,null,null,null);t.default=e.exports}}]); \ No newline at end of file diff --git a/master/assets/js/103.78ea1d29.js b/master/assets/js/103.c8bd80ed.js similarity index 97% rename from master/assets/js/103.78ea1d29.js rename to master/assets/js/103.c8bd80ed.js index e85d73396..cf9116799 100644 --- a/master/assets/js/103.78ea1d29.js +++ b/master/assets/js/103.c8bd80ed.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[103],{520:function(n,t,a){"use strict";a.r(t);var o=a(4),e=Object(o.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"polygons-outside-of-chart-area"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#polygons-outside-of-chart-area"}},[this._v("#")]),this._v(" Polygons outside of chart area")]),this._v(" "),n("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 12;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(8);\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }, {\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'line',\n borderColor: 'lime',\n borderWidth: 2,\n scaleID: 'x',\n value: 3\n};\n// \n\n// \nconst annotation2 = {\n type: 'polygon',\n backgroundColor: 'lime',\n borderColor: 'black',\n borderWidth: 1,\n radius: 15,\n sides: 5,\n xValue: 3,\n xScaleID: 'x',\n yAdjust: 5,\n yValue: 0,\n yScaleID: 'y'\n};\n// \n\n// \nconst annotation3 = {\n type: 'polygon',\n backgroundColor: 'lime',\n borderColor: 'black',\n borderWidth: 1,\n pointStyle: 'triangle',\n radius: 15,\n rotation: 180,\n sides: 5,\n xValue: 3,\n xScaleID: 'x',\n yAdjust: -5,\n yValue: 100,\n yScaleID: 'y'\n};\n// \n\n/* */\nconst config = {\n type: 'bar',\n data,\n options: {\n layout: {\n padding: {\n top: 20\n }\n },\n scale: {\n y: {\n beginAtZero: true,\n max: 100,\n min: 0\n }\n },\n plugins: {\n annotation: {\n clip: false,\n common: {\n drawTime: 'afterDraw'\n },\n annotations: {\n annotation1,\n annotation2,\n annotation3\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n const xValue = Utils.rand(0, DATA_COUNT - 1);\n chart.options.plugins.annotation.annotations.annotation1.value = xValue;\n chart.options.plugins.annotation.annotations.annotation2.xValue = xValue;\n chart.options.plugins.annotation.annotations.annotation3.xValue = xValue;\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n"}})],1)}),[],!1,null,null,null);t.default=e.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[103],{524:function(n,t,a){"use strict";a.r(t);var o=a(4),e=Object(o.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"polygons-outside-of-chart-area"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#polygons-outside-of-chart-area"}},[this._v("#")]),this._v(" Polygons outside of chart area")]),this._v(" "),n("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 12;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(8);\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }, {\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'line',\n borderColor: 'lime',\n borderWidth: 2,\n scaleID: 'x',\n value: 3\n};\n// \n\n// \nconst annotation2 = {\n type: 'polygon',\n backgroundColor: 'lime',\n borderColor: 'black',\n borderWidth: 1,\n radius: 15,\n sides: 5,\n xValue: 3,\n xScaleID: 'x',\n yAdjust: 5,\n yValue: 0,\n yScaleID: 'y'\n};\n// \n\n// \nconst annotation3 = {\n type: 'polygon',\n backgroundColor: 'lime',\n borderColor: 'black',\n borderWidth: 1,\n pointStyle: 'triangle',\n radius: 15,\n rotation: 180,\n sides: 5,\n xValue: 3,\n xScaleID: 'x',\n yAdjust: -5,\n yValue: 100,\n yScaleID: 'y'\n};\n// \n\n/* */\nconst config = {\n type: 'bar',\n data,\n options: {\n layout: {\n padding: {\n top: 20\n }\n },\n scale: {\n y: {\n beginAtZero: true,\n max: 100,\n min: 0\n }\n },\n plugins: {\n annotation: {\n clip: false,\n common: {\n drawTime: 'afterDraw'\n },\n annotations: {\n annotation1,\n annotation2,\n annotation3\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n const xValue = Utils.rand(0, DATA_COUNT - 1);\n chart.options.plugins.annotation.annotations.annotation1.value = xValue;\n chart.options.plugins.annotation.annotations.annotation2.xValue = xValue;\n chart.options.plugins.annotation.annotations.annotation3.xValue = xValue;\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n"}})],1)}),[],!1,null,null,null);t.default=e.exports}}]); \ No newline at end of file diff --git a/master/assets/js/104.a5f22a33.js b/master/assets/js/104.edd32ac7.js similarity index 98% rename from master/assets/js/104.a5f22a33.js rename to master/assets/js/104.edd32ac7.js index 29d1c06d1..77ffde8e9 100644 --- a/master/assets/js/104.a5f22a33.js +++ b/master/assets/js/104.edd32ac7.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[104],{522:function(n,t,a){"use strict";a.r(t);var o=a(4),e=Object(o.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"shadow"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#shadow"}},[this._v("#")]),this._v(" Shadow")]),this._v(" "),n("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 8;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(5);\n\nconst labels = [];\nfor (let i = 0; i < DATA_COUNT; ++i) {\n labels.push('' + i);\n}\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: labels,\n datasets: [{\n data: Utils.numbers(numberCfg)\n }, {\n data: Utils.numbers(numberCfg)\n }, {\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'polygon',\n backgroundColor: 'white',\n backgroundShadowColor: 'black',\n borderColor: 'red',\n borderJoinStyle: 'round',\n borderWidth: 7,\n radius: 40,\n rotation: 180,\n shadowBlur: 3,\n shadowOffsetX: 3,\n shadowOffsetY: 10,\n xValue: (ctx) => value(ctx, 0, 2, 'x'),\n yValue: (ctx) => value(ctx, 0, 2, 'y')\n};\n// \n\n// \nconst annotation2 = {\n type: 'polygon',\n backgroundColor: 'white',\n backgroundShadowColor: 'black',\n borderColor: 'red',\n borderJoinStyle: 'round',\n borderWidth: 7,\n radius: 40,\n shadowBlur: 3,\n shadowOffsetX: 3,\n shadowOffsetY: 10,\n xValue: (ctx) => value(ctx, 0, 4, 'x'),\n yValue: (ctx) => value(ctx, 0, 4, 'y')\n};\n// \n\n// \nconst annotation3 = {\n type: 'label',\n color: 'black',\n content: '!',\n font: {\n size: 40,\n family: 'Arial',\n weight: 'bold'\n },\n xValue: (ctx) => value(ctx, 0, 4, 'x'),\n yValue: (ctx) => value(ctx, 0, 4, 'y')\n};\n// \n\n// \nconst annotation4 = {\n type: 'polygon',\n backgroundColor: 'red',\n backgroundShadowColor: 'black',\n borderColor: 'white',\n borderWidth: 4,\n radius: 40,\n rotation: 22.5,\n shadowBlur: 3,\n shadowOffsetX: 3,\n shadowOffsetY: 10,\n sides: 8,\n xValue: (ctx) => value(ctx, 0, 6, 'x'),\n yValue: (ctx) => value(ctx, 0, 6, 'y')\n};\n// \n\n// \nconst annotation5 = {\n type: 'label',\n color: 'white',\n content: 'STOP',\n font: {\n size: 24\n },\n xValue: (ctx) => value(ctx, 0, 6, 'x'),\n yValue: (ctx) => value(ctx, 0, 6, 'y')\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n y: {\n beginAtZero: true,\n max: 120,\n min: 0\n }\n },\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2,\n annotation3,\n annotation4,\n annotation5\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction value(ctx, datasetIndex, index, prop) {\n const meta = ctx.chart.getDatasetMeta(datasetIndex);\n const parsed = meta.controller.getParsed(index);\n return parsed ? parsed[prop] : NaN;\n}\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Add data',\n handler: function(chart) {\n chart.data.labels.push(chart.data.labels.length);\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.push(Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Remove data',\n handler: function(chart) {\n chart.data.labels.shift();\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.shift();\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config\n};\n"}})],1)}),[],!1,null,null,null);t.default=e.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[104],{520:function(n,t,a){"use strict";a.r(t);var o=a(4),e=Object(o.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"shadow"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#shadow"}},[this._v("#")]),this._v(" Shadow")]),this._v(" "),n("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 8;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(5);\n\nconst labels = [];\nfor (let i = 0; i < DATA_COUNT; ++i) {\n labels.push('' + i);\n}\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: labels,\n datasets: [{\n data: Utils.numbers(numberCfg)\n }, {\n data: Utils.numbers(numberCfg)\n }, {\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'polygon',\n backgroundColor: 'white',\n backgroundShadowColor: 'black',\n borderColor: 'red',\n borderJoinStyle: 'round',\n borderWidth: 7,\n radius: 40,\n rotation: 180,\n shadowBlur: 3,\n shadowOffsetX: 3,\n shadowOffsetY: 10,\n xValue: (ctx) => value(ctx, 0, 2, 'x'),\n yValue: (ctx) => value(ctx, 0, 2, 'y')\n};\n// \n\n// \nconst annotation2 = {\n type: 'polygon',\n backgroundColor: 'white',\n backgroundShadowColor: 'black',\n borderColor: 'red',\n borderJoinStyle: 'round',\n borderWidth: 7,\n radius: 40,\n shadowBlur: 3,\n shadowOffsetX: 3,\n shadowOffsetY: 10,\n xValue: (ctx) => value(ctx, 0, 4, 'x'),\n yValue: (ctx) => value(ctx, 0, 4, 'y')\n};\n// \n\n// \nconst annotation3 = {\n type: 'label',\n color: 'black',\n content: '!',\n font: {\n size: 40,\n family: 'Arial',\n weight: 'bold'\n },\n xValue: (ctx) => value(ctx, 0, 4, 'x'),\n yValue: (ctx) => value(ctx, 0, 4, 'y')\n};\n// \n\n// \nconst annotation4 = {\n type: 'polygon',\n backgroundColor: 'red',\n backgroundShadowColor: 'black',\n borderColor: 'white',\n borderWidth: 4,\n radius: 40,\n rotation: 22.5,\n shadowBlur: 3,\n shadowOffsetX: 3,\n shadowOffsetY: 10,\n sides: 8,\n xValue: (ctx) => value(ctx, 0, 6, 'x'),\n yValue: (ctx) => value(ctx, 0, 6, 'y')\n};\n// \n\n// \nconst annotation5 = {\n type: 'label',\n color: 'white',\n content: 'STOP',\n font: {\n size: 24\n },\n xValue: (ctx) => value(ctx, 0, 6, 'x'),\n yValue: (ctx) => value(ctx, 0, 6, 'y')\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n y: {\n beginAtZero: true,\n max: 120,\n min: 0\n }\n },\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2,\n annotation3,\n annotation4,\n annotation5\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction value(ctx, datasetIndex, index, prop) {\n const meta = ctx.chart.getDatasetMeta(datasetIndex);\n const parsed = meta.controller.getParsed(index);\n return parsed ? parsed[prop] : NaN;\n}\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Add data',\n handler: function(chart) {\n chart.data.labels.push(chart.data.labels.length);\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.push(Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Remove data',\n handler: function(chart) {\n chart.data.labels.shift();\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.shift();\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config\n};\n"}})],1)}),[],!1,null,null,null);t.default=e.exports}}]); \ No newline at end of file diff --git a/master/assets/js/105.509a8132.js b/master/assets/js/105.5036ace0.js similarity index 98% rename from master/assets/js/105.509a8132.js rename to master/assets/js/105.5036ace0.js index 0116d9857..3d0f31da5 100644 --- a/master/assets/js/105.509a8132.js +++ b/master/assets/js/105.5036ace0.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[105],{523:function(n,t,a){"use strict";a.r(t);var o=a(4),e=Object(o.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"stop"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#stop"}},[this._v("#")]),this._v(" Stop")]),this._v(" "),n("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 8;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(5);\n\nconst labels = [];\nfor (let i = 0; i < DATA_COUNT; ++i) {\n labels.push('' + i);\n}\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: labels,\n datasets: [{\n data: Utils.numbers(numberCfg)\n }, {\n data: Utils.numbers(numberCfg)\n }, {\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'polygon',\n backgroundColor: 'white',\n borderColor: 'red',\n borderJoinStyle: 'round',\n borderWidth: 7,\n radius: 40,\n rotation: 180,\n xValue: (ctx) => value(ctx, 0, 2, 'x'),\n yValue: (ctx) => value(ctx, 0, 2, 'y')\n};\n// \n\n// \nconst annotation2 = {\n type: 'polygon',\n backgroundColor: 'white',\n borderColor: 'red',\n borderJoinStyle: 'round',\n borderWidth: 7,\n radius: 40,\n xValue: (ctx) => value(ctx, 0, 4, 'x'),\n yValue: (ctx) => value(ctx, 0, 4, 'y')\n};\n// \n\n// \nconst annotation3 = {\n type: 'label',\n color: 'black',\n content: '!',\n font: {\n size: 40,\n family: 'Arial',\n weight: 'bold'\n },\n xValue: (ctx) => value(ctx, 0, 4, 'x'),\n yValue: (ctx) => value(ctx, 0, 4, 'y')\n};\n// \n\n// \nconst annotation4 = {\n type: 'polygon',\n backgroundColor: 'red',\n borderColor: 'white',\n borderWidth: 4,\n radius: 40,\n rotation: 22.5,\n sides: 8,\n xValue: (ctx) => value(ctx, 0, 6, 'x'),\n yValue: (ctx) => value(ctx, 0, 6, 'y')\n};\n// \n\n// \nconst annotation5 = {\n type: 'label',\n color: 'white',\n content: 'STOP',\n font: {\n size: 24\n },\n xValue: (ctx) => value(ctx, 0, 6, 'x'),\n yValue: (ctx) => value(ctx, 0, 6, 'y')\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n y: {\n beginAtZero: true,\n max: 120,\n min: 0\n }\n },\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2,\n annotation3,\n annotation4,\n annotation5\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction value(ctx, datasetIndex, index, prop) {\n const meta = ctx.chart.getDatasetMeta(datasetIndex);\n const parsed = meta.controller.getParsed(index);\n return parsed ? parsed[prop] : NaN;\n}\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Add data',\n handler: function(chart) {\n chart.data.labels.push(chart.data.labels.length);\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.push(Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Remove data',\n handler: function(chart) {\n chart.data.labels.shift();\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.shift();\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config\n};\n"}})],1)}),[],!1,null,null,null);t.default=e.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[105],{522:function(n,t,a){"use strict";a.r(t);var o=a(4),e=Object(o.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"stop"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#stop"}},[this._v("#")]),this._v(" Stop")]),this._v(" "),n("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 8;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(5);\n\nconst labels = [];\nfor (let i = 0; i < DATA_COUNT; ++i) {\n labels.push('' + i);\n}\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: labels,\n datasets: [{\n data: Utils.numbers(numberCfg)\n }, {\n data: Utils.numbers(numberCfg)\n }, {\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'polygon',\n backgroundColor: 'white',\n borderColor: 'red',\n borderJoinStyle: 'round',\n borderWidth: 7,\n radius: 40,\n rotation: 180,\n xValue: (ctx) => value(ctx, 0, 2, 'x'),\n yValue: (ctx) => value(ctx, 0, 2, 'y')\n};\n// \n\n// \nconst annotation2 = {\n type: 'polygon',\n backgroundColor: 'white',\n borderColor: 'red',\n borderJoinStyle: 'round',\n borderWidth: 7,\n radius: 40,\n xValue: (ctx) => value(ctx, 0, 4, 'x'),\n yValue: (ctx) => value(ctx, 0, 4, 'y')\n};\n// \n\n// \nconst annotation3 = {\n type: 'label',\n color: 'black',\n content: '!',\n font: {\n size: 40,\n family: 'Arial',\n weight: 'bold'\n },\n xValue: (ctx) => value(ctx, 0, 4, 'x'),\n yValue: (ctx) => value(ctx, 0, 4, 'y')\n};\n// \n\n// \nconst annotation4 = {\n type: 'polygon',\n backgroundColor: 'red',\n borderColor: 'white',\n borderWidth: 4,\n radius: 40,\n rotation: 22.5,\n sides: 8,\n xValue: (ctx) => value(ctx, 0, 6, 'x'),\n yValue: (ctx) => value(ctx, 0, 6, 'y')\n};\n// \n\n// \nconst annotation5 = {\n type: 'label',\n color: 'white',\n content: 'STOP',\n font: {\n size: 24\n },\n xValue: (ctx) => value(ctx, 0, 6, 'x'),\n yValue: (ctx) => value(ctx, 0, 6, 'y')\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n y: {\n beginAtZero: true,\n max: 120,\n min: 0\n }\n },\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2,\n annotation3,\n annotation4,\n annotation5\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction value(ctx, datasetIndex, index, prop) {\n const meta = ctx.chart.getDatasetMeta(datasetIndex);\n const parsed = meta.controller.getParsed(index);\n return parsed ? parsed[prop] : NaN;\n}\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Add data',\n handler: function(chart) {\n chart.data.labels.push(chart.data.labels.length);\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.push(Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Remove data',\n handler: function(chart) {\n chart.data.labels.shift();\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.shift();\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config\n};\n"}})],1)}),[],!1,null,null,null);t.default=e.exports}}]); \ No newline at end of file diff --git a/master/assets/js/106.e8e3360f.js b/master/assets/js/106.a1e92ca3.js similarity index 99% rename from master/assets/js/106.e8e3360f.js rename to master/assets/js/106.a1e92ca3.js index 5d662de83..fb93a0bfe 100644 --- a/master/assets/js/106.e8e3360f.js +++ b/master/assets/js/106.a1e92ca3.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[106],{524:function(t,s,a){"use strict";a.r(s);var n=a(4),p=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 annotation plugin 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(" "),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(" "),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("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("'chart.js/helpers'")]),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("let")]),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("getImage")]),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(" img "),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("Image")]),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 img"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("src "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'https://www.chartjs.org/chartjs-plugin-annotation/latest/favicon.png'")]),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(" img"),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("let")]),t._v(" pieChart "),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\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("getChart")]),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("if")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("pieChart"),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(" pieChart"),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("const")]),t._v(" canvas "),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("'canvas'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n canvas"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("width "),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 canvas"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("height "),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 canvas"),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("visibility "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'hidden'")]),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("canvas"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n pieChart "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("createChart")]),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 punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" pieChart"),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("getSpiral")]),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(" canvas "),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("'canvas'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n canvas"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("width "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("150")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n canvas"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("height "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("150")]),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(" centerX "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" canvas"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("width "),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 keyword"}},[t._v("const")]),t._v(" centerY "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" canvas"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("height "),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 keyword"}},[t._v("const")]),t._v(" ctx "),s("span",{pre:!0,attrs:{class:"token operator"}},[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("getContext")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'2d'")]),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("moveTo")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("centerX"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" centerY"),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("beginPath")]),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("for")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("let")]),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(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("720")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v(" i"),s("span",{pre:!0,attrs:{class:"token operator"}},[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(" angle "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("0.1")]),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("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" x "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" centerX "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" angle "),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("cos")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("angle"),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(" y "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" centerX "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" angle "),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("sin")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("angle"),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("lineTo")]),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(")")]),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 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('"#666"')]),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("stroke")]),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(" canvas"),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("getHouse")]),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(" canvas "),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("'canvas'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n canvas"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("width "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("230")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n canvas"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("height "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("210")]),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(" ctx "),s("span",{pre:!0,attrs:{class:"token operator"}},[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("getContext")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'2d'")]),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("fillStyle "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'#666'")]),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("'#666'")]),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("10")]),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("(")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("40")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("90")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("150")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("110")]),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("fillRect")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("95")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("140")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("40")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("60")]),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("beginPath")]),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(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("moveTo")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("15")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("90")]),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("lineTo")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("115")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("10")]),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("lineTo")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("215")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("90")]),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("closePath")]),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(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("stroke")]),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(" canvas"),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("createChart")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("canvas")]),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("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("canvas"),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(" "),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("labels")]),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 string"}},[t._v("'Bought'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'Sold'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'Rented'")]),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("datasets")]),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("\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(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("42")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("33")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("25")]),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("backgroundColor")]),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 string"}},[t._v("'#3366cc'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'#dc3912'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'#ff9900'")]),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 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("responsive")]),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 literal-property property"}},[t._v("animation")]),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 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("version")]),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 literal-property property"}},[t._v("legend")]),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 literal-property property"}},[t._v("title")]),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 literal-property property"}},[t._v("subtitle")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),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("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n")])])]),s("p",[s("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/master/docs/scripts/utils.js",target:"_blank",rel:"noopener noreferrer"}},[t._v("File on github"),s("OutboundLink")],1)])])}),[],!1,null,null,null);s.default=p.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[106],{523:function(t,s,a){"use strict";a.r(s);var n=a(4),p=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 annotation plugin 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(" "),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(" "),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("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("'chart.js/helpers'")]),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("let")]),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("getImage")]),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(" img "),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("Image")]),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 img"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("src "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'https://www.chartjs.org/chartjs-plugin-annotation/latest/favicon.png'")]),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(" img"),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("let")]),t._v(" pieChart "),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\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("getChart")]),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("if")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("pieChart"),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(" pieChart"),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("const")]),t._v(" canvas "),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("'canvas'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n canvas"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("width "),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 canvas"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("height "),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 canvas"),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("visibility "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'hidden'")]),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("canvas"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n pieChart "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("createChart")]),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 punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" pieChart"),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("getSpiral")]),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(" canvas "),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("'canvas'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n canvas"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("width "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("150")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n canvas"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("height "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("150")]),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(" centerX "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" canvas"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("width "),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 keyword"}},[t._v("const")]),t._v(" centerY "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" canvas"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("height "),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 keyword"}},[t._v("const")]),t._v(" ctx "),s("span",{pre:!0,attrs:{class:"token operator"}},[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("getContext")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'2d'")]),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("moveTo")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("centerX"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" centerY"),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("beginPath")]),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("for")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("let")]),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(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("720")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v(" i"),s("span",{pre:!0,attrs:{class:"token operator"}},[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(" angle "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("0.1")]),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("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" x "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" centerX "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" angle "),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("cos")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("angle"),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(" y "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" centerX "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" angle "),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("sin")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("angle"),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("lineTo")]),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(")")]),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 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('"#666"')]),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("stroke")]),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(" canvas"),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("getHouse")]),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(" canvas "),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("'canvas'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n canvas"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("width "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("230")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n canvas"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("height "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("210")]),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(" ctx "),s("span",{pre:!0,attrs:{class:"token operator"}},[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("getContext")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'2d'")]),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("fillStyle "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'#666'")]),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("'#666'")]),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("10")]),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("(")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("40")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("90")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("150")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("110")]),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("fillRect")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("95")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("140")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("40")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("60")]),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("beginPath")]),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(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("moveTo")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("15")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("90")]),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("lineTo")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("115")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("10")]),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("lineTo")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("215")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("90")]),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("closePath")]),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(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("stroke")]),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(" canvas"),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("createChart")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("canvas")]),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("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("canvas"),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(" "),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("labels")]),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 string"}},[t._v("'Bought'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'Sold'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'Rented'")]),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("datasets")]),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("\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(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("42")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("33")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("25")]),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("backgroundColor")]),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 string"}},[t._v("'#3366cc'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'#dc3912'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'#ff9900'")]),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 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("responsive")]),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 literal-property property"}},[t._v("animation")]),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 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("version")]),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 literal-property property"}},[t._v("legend")]),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 literal-property property"}},[t._v("title")]),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 literal-property property"}},[t._v("subtitle")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),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("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n")])])]),s("p",[s("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/master/docs/scripts/utils.js",target:"_blank",rel:"noopener noreferrer"}},[t._v("File on github"),s("OutboundLink")],1)])])}),[],!1,null,null,null);s.default=p.exports}}]); \ No newline at end of file diff --git a/master/assets/js/11.b19b88df.js b/master/assets/js/11.a1c3f303.js similarity index 99% rename from master/assets/js/11.b19b88df.js rename to master/assets/js/11.a1c3f303.js index 19a3e10e2..2eab59749 100644 --- a/master/assets/js/11.b19b88df.js +++ b/master/assets/js/11.a1c3f303.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[11],{263:function(t,e,o){t.exports=o.p+"assets/img/elementLabelProps.97ea168e.png"},468:function(t,e,o){"use strict";o.r(e);var n=o(4),a=Object(n.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"label-annotations"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#label-annotations"}},[t._v("#")]),t._v(" Label Annotations")]),t._v(" "),e("p",[t._v("Label annotations are used to add contents on the chart area. This can be useful for describing values that are of interest.")]),t._v(" "),e("chart-editor",{attrs:{code:"/* */\nconst options = {\n plugins: {\n annotation: {\n annotations: {\n label1: {\n type: 'label',\n xValue: 2.5,\n yValue: 60,\n backgroundColor: 'rgba(245,245,245)',\n content: ['This is my text', 'This is my text, second line'],\n font: {\n size: 18\n }\n }\n }\n }\n }\n};\n/* */\n\n/* */\nconst config = {\n type: 'line',\n data: {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\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 options\n};\n/* */\n\nmodule.exports = {\n config\n};\n"}}),e("h2",{attrs:{id:"configuration"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#configuration"}},[t._v("#")]),t._v(" Configuration")]),t._v(" "),e("h3",{attrs:{id:"label-annotation-specific-options"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#label-annotation-specific-options"}},[t._v("#")]),t._v(" Label annotation specific options")]),t._v(" "),e("p",[t._v("The following options are available for label annotations.")]),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:"/guide/options.html#scriptable-options"}},[t._v("Scriptable")])],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("backgroundShadowColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#color"}},[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("'transparent'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#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",[e("code",[t._v("'butt'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderJoinStyle")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'miter'")])])]),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",[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",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#callout"}},[e("code",[t._v("callout")])])]),t._v(" "),e("td",[e("code",[t._v("object")])]),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:"#styling"}},[e("code",[t._v("color")])])]),t._v(" "),e("td",[e("a",{attrs:{href:"../options#color"}},[e("code",[t._v("Color")]),t._v("|"),e("code",[t._v("Color[]")])])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'black'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("content")])])]),t._v(" "),e("td",[e("code",[t._v("string")]),t._v("|"),e("code",[t._v("string[]")]),t._v("|"),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/Image",target:"_blank",rel:"noopener noreferrer"}},[e("code",[t._v("Image")]),e("OutboundLink")],1),t._v("|"),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement",target:"_blank",rel:"noopener noreferrer"}},[e("code",[t._v("HTMLCanvasElement")]),e("OutboundLink")],1)]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("null")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("font")])])]),t._v(" "),e("td",[e("a",{attrs:{href:"../options#font"}},[e("code",[t._v("Font")]),t._v("|"),e("code",[t._v("Font[]")])])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("{}")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("height")])])]),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("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("opacity")])])]),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("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("padding")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#padding"}},[e("code",[t._v("Padding")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("6")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#position"}},[e("code",[t._v("position")])])]),t._v(" "),e("td",[e("code",[t._v("string")]),t._v("|"),e("code",[t._v("{x: string, y: string}")])]),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:"#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("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("textAlign")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),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("textStrokeColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#color"}},[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("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[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("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("width")])])]),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("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("xAdjust")])])]),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("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("xValue")])])]),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("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("yAdjust")])])]),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("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("yValue")])])]),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("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])])])]),t._v(" "),e("h3",{attrs:{id:"common-options-to-all-annotations"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#common-options-to-all-annotations"}},[t._v("#")]),t._v(" Common options to all annotations")]),t._v(" "),e("p",[t._v("The following options are available for all annotations.")]),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:"/guide/options.html#scriptable-options"}},[t._v("Scriptable")])],1),t._v(" "),e("th",[t._v("Default")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("adjustScaleRange")])])]),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(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("backgroundColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#color"}},[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("options.color")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#color"}},[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("options.color")])])]),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",[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",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderShadowColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#color"}},[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("'transparent'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("display")])])]),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(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("drawTime")])])]),t._v(" "),e("td",[e("code",[t._v("string")]),t._v("|"),e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'afterDatasetsDraw'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("hitTolerance")])])]),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("tr",[e("td",[e("RouterLink",{attrs:{to:"/guide/configuration.html#common"}},[e("code",[t._v("init")])])],1),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("RouterLink",{attrs:{to:"/guide/configuration.html#initial-animation"}},[t._v("See initial animation")])],1),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("id")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("No")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("shadowBlur")])])]),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("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("shadowOffsetX")])])]),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("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("shadowOffsetY")])])]),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("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("xMax")])])]),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("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("xMin")])])]),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("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("xScaleID")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),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:"#general"}},[e("code",[t._v("yMin")])])]),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("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("yMax")])])]),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("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("yScaleID")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),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:"#general"}},[e("code",[t._v("z")])])]),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("h3",{attrs:{id:"general"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#general"}},[t._v("#")]),t._v(" General")]),t._v(" "),e("p",[t._v("If one of the axes does not match an axis in the chart, the content will be rendered in the center of the chart. The 2 coordinates, xValue, yValue are optional. If not specified, the content will be rendered in the center of the scale dimension.")]),t._v(" "),e("p",[t._v("The 4 coordinates, xMin, xMax, yMin, yMax are optional. If not specified, the box is expanded out to the edges in the respective direction and the box size is used to calculated the center of the point.")]),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("adjustScaleRange")])]),t._v(" "),e("td",[t._v("Should the scale range be adjusted if this annotation is out of range.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("content")])]),t._v(" "),e("td",[t._v("The content to show in the text annotation.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("display")])]),t._v(" "),e("td",[t._v("Whether or not this annotation is visible.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("drawTime")])]),t._v(" "),e("td",[t._v("See "),e("RouterLink",{attrs:{to:"/guide/options.html#draw-time"}},[t._v("drawTime")]),t._v(".")],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("height")])]),t._v(" "),e("td",[t._v("Overrides the height of the image or canvas element. Could be set in pixel by a number, or in percentage of current height of image or canvas element by a string. If undefined, uses the height of the image or canvas element. It is used only when the content is an image or canvas element.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("hitTolerance")])]),t._v(" "),e("td",[t._v("Amount of pixels to interact with annotations within some distance of the mouse point.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("id")])]),t._v(" "),e("td",[t._v("Identifies a unique id for the annotation and it will be stored in the element context. When the annotations are defined by an object, the id is automatically set using the key used to store the annotations in the object. When the annotations are configured by an array, the id, passed by this option in the annotation, will be used.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("padding")])]),t._v(" "),e("td",[t._v("The padding to add around the text label.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("rotation")])]),t._v(" "),e("td",[t._v("Rotation of the label in degrees.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("textAlign")])]),t._v(" "),e("td",[t._v("Text alignment of label content when there's more than one line. Possible options are: "),e("code",[t._v("'left'")]),t._v(", "),e("code",[t._v("'start'")]),t._v(", "),e("code",[t._v("'center'")]),t._v(", "),e("code",[t._v("'end'")]),t._v(", "),e("code",[t._v("'right'")]),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("width")])]),t._v(" "),e("td",[t._v("Overrides the width of the image or canvas element. Could be set in pixel by a number, or in percentage of current width of image or canvas element by a string. If undefined, uses the width of the image or canvas element. It is used only when the content is an image or canvas element.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("xAdjust")])]),t._v(" "),e("td",[t._v("Adjustment along x-axis (left-right) of label relative to computed position. Negative values move the label left, positive right.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("xMax")])]),t._v(" "),e("td",[t._v("Right edge of the box in units along the x axis.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("xMin")])]),t._v(" "),e("td",[t._v("Left edge of the box in units along the x axis.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("xScaleID")])]),t._v(" "),e("td",[t._v("ID of the X scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as "),e("code",[t._v("'x'")]),t._v(" axis. If more than one scale has been defined in the chart as "),e("code",[t._v("'x'")]),t._v(" axis, the option is mandatory to select the right scale.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("xValue")])]),t._v(" "),e("td",[t._v("X coordinate of the point in units along the x axis.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("yAdjust")])]),t._v(" "),e("td",[t._v("Adjustment along y-axis (top-bottom) of label relative to computed position. Negative values move the label up, positive down.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("yMax")])]),t._v(" "),e("td",[t._v("Bottom edge of the box in units along the y axis.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("yMin")])]),t._v(" "),e("td",[t._v("Top edge of the box in units along the y axis.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("yScaleID")])]),t._v(" "),e("td",[t._v("ID of the Y scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as "),e("code",[t._v("'y'")]),t._v(" axis. If more than one scale has been defined in the chart as "),e("code",[t._v("'y'")]),t._v(" axis, the option is mandatory to select the right scale.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("yValue")])]),t._v(" "),e("td",[t._v("Y coordinate of the point in units along the y axis.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("z")])]),t._v(" "),e("td",[t._v("The "),e("code",[t._v("z")]),t._v(" property determines the drawing stack level of the label annotation element. All visible elements will be drawn in ascending order of "),e("code",[t._v("z")]),t._v(" option, with the same "),e("code",[t._v("drawTime")]),t._v(" option.")])])])]),t._v(" "),e("h3",{attrs:{id:"styling"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#styling"}},[t._v("#")]),t._v(" Styling")]),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("Fill color.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("backgroundShadowColor")])]),t._v(" "),e("td",[t._v("The color of shadow. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowColor",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderCapStyle")])]),t._v(" "),e("td",[t._v("Cap style of the border 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("Stroke 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 border 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("Border line 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("borderShadowColor")])]),t._v(" "),e("td",[t._v("The color of the border shadow. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowColor",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("Stroke width (in pixels).")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("color")])]),t._v(" "),e("td",[t._v("Text color. When the label to draw has multiple lines, you can use different color for each line of the label. This is enabled configuring an array of colors. When the lines are more than the configured colors, the last configuration of this option is used for all remaining lines.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("font")])]),t._v(" "),e("td",[t._v("Text font. When the label to draw has multiple lines, you can use different font for each line of the label. This is enabled configuring an array of fonts. When the lines are more than the configured fonts, the last configuration of this option is used for all remaining lines.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("opacity")])]),t._v(" "),e("td",[t._v("Overrides the opacity of the image or canvas element. Could be set a number in the range 0.0 to 1.0, inclusive. If undefined, uses the opacity of the image or canvas element. It is used only when the content is an image or canvas element.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("shadowBlur")])]),t._v(" "),e("td",[t._v("The amount of blur applied to shadow of the box where the label is located. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowBlur",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("shadowOffsetX")])]),t._v(" "),e("td",[t._v("The distance that shadow, of the box where the label is located, will be offset horizontally. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowOffsetX",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("shadowOffsetY")])]),t._v(" "),e("td",[t._v("The distance that shadow, of the box where the label is located, will be offset vertically. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowOffsetY",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("textStrokeColor")])]),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",[t._v("Stroke width around the text.")])])])]),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("A position can be set in 2 different values types:")]),t._v(" "),e("ol",[e("li",[e("code",[t._v("'start'")]),t._v(", "),e("code",[t._v("'center'")]),t._v(", "),e("code",[t._v("'end'")]),t._v(" which are defining where the label will be located")]),t._v(" "),e("li",[t._v("a "),e("code",[t._v("string")]),t._v(", in percentage format "),e("code",[t._v("'number%'")]),t._v(", is representing the percentage on the size where the label will be located")])]),t._v(" "),e("p",[t._v("If this value is a string (possible options are "),e("code",[t._v("'start'")]),t._v(", "),e("code",[t._v("'center'")]),t._v(", "),e("code",[t._v("'end'")]),t._v(" or a string in percentage format), it is applied to vertical and horizontal position in the box.")]),t._v(" "),e("p",[t._v("If this value is an object, the "),e("code",[t._v("x")]),t._v(" property defines the horizontal alignment in the label, with respect to the selected point. Similarly, the "),e("code",[t._v("y")]),t._v(" property defines the vertical alignment in the label, with respect to the selected point. Possible options for both properties are "),e("code",[t._v("'start'")]),t._v(", "),e("code",[t._v("'center'")]),t._v(", "),e("code",[t._v("'end'")]),t._v(", a string in percentage format. Omitted property have value of the default, "),e("code",[t._v("'center'")]),t._v(".")]),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). 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 have radius of 0.")]),t._v(" "),e("h2",{attrs:{id:"callout"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#callout"}},[t._v("#")]),t._v(" Callout")]),t._v(" "),e("p",[t._v("A callout connects the label by a line to the selected point.")]),t._v(" "),e("p",[t._v("Namespace: "),e("code",[t._v("options.annotations[annotationID].callout")]),t._v(", it defines options for the callout on the annotation label.")]),t._v(" "),e("chart-editor",{attrs:{code:"/* */\nconst options = {\n plugins: {\n annotation: {\n annotations: {\n label1: {\n type: 'label',\n xValue: 2.5,\n yValue: 60,\n xAdjust: 290,\n yAdjust: -100,\n backgroundColor: 'rgba(245,245,245)',\n content: ['In this point of time,', 'something happened'],\n textAlign: 'start',\n font: {\n size: 18\n },\n callout: {\n display: true,\n side: 10\n }\n }\n }\n }\n }\n};\n/* */\n\n/* */\nconst config = {\n type: 'line',\n data: {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\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 options\n};\n/* */\n\nmodule.exports = {\n config\n};\n"}}),e("p",[t._v("All of these options can be "),e("RouterLink",{attrs:{to:"/guide/options.html#scriptable-options"}},[t._v("Scriptable")]),t._v(".")],1),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("Default")]),t._v(" "),e("th",[t._v("Notes")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("borderCapStyle")])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("'butt'")])]),t._v(" "),e("td",[t._v("Cap style of the border line of callout. 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",[e("RouterLink",{attrs:{to:"/guide/options.html#color"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("undefined")])]),t._v(" "),e("td",[t._v("Stroke color of the pointer of the callout.")])]),t._v(" "),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"}},[e("code",[t._v("[]")])]),t._v(" "),e("td",[t._v("Length and spacing of dashes of callout. 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"}},[e("code",[t._v("0")])]),t._v(" "),e("td",[t._v("Offset for line dashes of callout. 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",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("'miter'")])]),t._v(" "),e("td",[t._v("Border line join style of the callout. 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",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("1")])]),t._v(" "),e("td",[t._v("Stroke width of the pointer of the callout.")])]),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"}},[e("code",[t._v("false")])]),t._v(" "),e("td",[t._v("If true, the callout is drawn.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("margin")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("5")])]),t._v(" "),e("td",[t._v("Amount of pixels between the label and the callout separator.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("position")])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("'auto'")])]),t._v(" "),e("td",[t._v("The position of callout, with respect to the label. Could be "),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(" or "),e("code",[t._v("auto")]),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("side")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("5")])]),t._v(" "),e("td",[t._v("Width of the starter line of callout pointer.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("start")])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v("|"),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("'50%'")])]),t._v(" "),e("td",[t._v("The percentage of the separator dimension to use as starting point for callout pointer. Could be set in pixel by a number, or in percentage of the separator dimension by a string.")])])])]),t._v(" "),e("h2",{attrs:{id:"element"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#element"}},[t._v("#")]),t._v(" Element")]),t._v(" "),e("p",[t._v("The following diagram is showing the element properties about a "),e("code",[t._v("'label'")]),t._v(" annotation:")]),t._v(" "),e("p",[e("img",{attrs:{src:o(263),alt:"label"}})])],1)}),[],!1,null,null,null);e.default=a.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[11],{263:function(t,e,o){t.exports=o.p+"assets/img/elementLabelProps.97ea168e.png"},467:function(t,e,o){"use strict";o.r(e);var n=o(4),a=Object(n.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"label-annotations"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#label-annotations"}},[t._v("#")]),t._v(" Label Annotations")]),t._v(" "),e("p",[t._v("Label annotations are used to add contents on the chart area. This can be useful for describing values that are of interest.")]),t._v(" "),e("chart-editor",{attrs:{code:"/* */\nconst options = {\n plugins: {\n annotation: {\n annotations: {\n label1: {\n type: 'label',\n xValue: 2.5,\n yValue: 60,\n backgroundColor: 'rgba(245,245,245)',\n content: ['This is my text', 'This is my text, second line'],\n font: {\n size: 18\n }\n }\n }\n }\n }\n};\n/* */\n\n/* */\nconst config = {\n type: 'line',\n data: {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\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 options\n};\n/* */\n\nmodule.exports = {\n config\n};\n"}}),e("h2",{attrs:{id:"configuration"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#configuration"}},[t._v("#")]),t._v(" Configuration")]),t._v(" "),e("h3",{attrs:{id:"label-annotation-specific-options"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#label-annotation-specific-options"}},[t._v("#")]),t._v(" Label annotation specific options")]),t._v(" "),e("p",[t._v("The following options are available for label annotations.")]),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:"/guide/options.html#scriptable-options"}},[t._v("Scriptable")])],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("backgroundShadowColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#color"}},[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("'transparent'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#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",[e("code",[t._v("'butt'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderJoinStyle")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'miter'")])])]),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",[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",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#callout"}},[e("code",[t._v("callout")])])]),t._v(" "),e("td",[e("code",[t._v("object")])]),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:"#styling"}},[e("code",[t._v("color")])])]),t._v(" "),e("td",[e("a",{attrs:{href:"../options#color"}},[e("code",[t._v("Color")]),t._v("|"),e("code",[t._v("Color[]")])])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'black'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("content")])])]),t._v(" "),e("td",[e("code",[t._v("string")]),t._v("|"),e("code",[t._v("string[]")]),t._v("|"),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/Image",target:"_blank",rel:"noopener noreferrer"}},[e("code",[t._v("Image")]),e("OutboundLink")],1),t._v("|"),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement",target:"_blank",rel:"noopener noreferrer"}},[e("code",[t._v("HTMLCanvasElement")]),e("OutboundLink")],1)]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("null")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("font")])])]),t._v(" "),e("td",[e("a",{attrs:{href:"../options#font"}},[e("code",[t._v("Font")]),t._v("|"),e("code",[t._v("Font[]")])])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("{}")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("height")])])]),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("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("opacity")])])]),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("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("padding")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#padding"}},[e("code",[t._v("Padding")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("6")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#position"}},[e("code",[t._v("position")])])]),t._v(" "),e("td",[e("code",[t._v("string")]),t._v("|"),e("code",[t._v("{x: string, y: string}")])]),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:"#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("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("textAlign")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),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("textStrokeColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#color"}},[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("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[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("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("width")])])]),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("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("xAdjust")])])]),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("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("xValue")])])]),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("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("yAdjust")])])]),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("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("yValue")])])]),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("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])])])]),t._v(" "),e("h3",{attrs:{id:"common-options-to-all-annotations"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#common-options-to-all-annotations"}},[t._v("#")]),t._v(" Common options to all annotations")]),t._v(" "),e("p",[t._v("The following options are available for all annotations.")]),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:"/guide/options.html#scriptable-options"}},[t._v("Scriptable")])],1),t._v(" "),e("th",[t._v("Default")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("adjustScaleRange")])])]),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(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("backgroundColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#color"}},[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("options.color")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#color"}},[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("options.color")])])]),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",[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",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderShadowColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#color"}},[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("'transparent'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("display")])])]),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(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("drawTime")])])]),t._v(" "),e("td",[e("code",[t._v("string")]),t._v("|"),e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'afterDatasetsDraw'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("hitTolerance")])])]),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("tr",[e("td",[e("RouterLink",{attrs:{to:"/guide/configuration.html#common"}},[e("code",[t._v("init")])])],1),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("RouterLink",{attrs:{to:"/guide/configuration.html#initial-animation"}},[t._v("See initial animation")])],1),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("id")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("No")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("shadowBlur")])])]),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("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("shadowOffsetX")])])]),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("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("shadowOffsetY")])])]),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("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("xMax")])])]),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("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("xMin")])])]),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("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("xScaleID")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),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:"#general"}},[e("code",[t._v("yMin")])])]),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("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("yMax")])])]),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("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("yScaleID")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),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:"#general"}},[e("code",[t._v("z")])])]),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("h3",{attrs:{id:"general"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#general"}},[t._v("#")]),t._v(" General")]),t._v(" "),e("p",[t._v("If one of the axes does not match an axis in the chart, the content will be rendered in the center of the chart. The 2 coordinates, xValue, yValue are optional. If not specified, the content will be rendered in the center of the scale dimension.")]),t._v(" "),e("p",[t._v("The 4 coordinates, xMin, xMax, yMin, yMax are optional. If not specified, the box is expanded out to the edges in the respective direction and the box size is used to calculated the center of the point.")]),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("adjustScaleRange")])]),t._v(" "),e("td",[t._v("Should the scale range be adjusted if this annotation is out of range.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("content")])]),t._v(" "),e("td",[t._v("The content to show in the text annotation.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("display")])]),t._v(" "),e("td",[t._v("Whether or not this annotation is visible.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("drawTime")])]),t._v(" "),e("td",[t._v("See "),e("RouterLink",{attrs:{to:"/guide/options.html#draw-time"}},[t._v("drawTime")]),t._v(".")],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("height")])]),t._v(" "),e("td",[t._v("Overrides the height of the image or canvas element. Could be set in pixel by a number, or in percentage of current height of image or canvas element by a string. If undefined, uses the height of the image or canvas element. It is used only when the content is an image or canvas element.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("hitTolerance")])]),t._v(" "),e("td",[t._v("Amount of pixels to interact with annotations within some distance of the mouse point.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("id")])]),t._v(" "),e("td",[t._v("Identifies a unique id for the annotation and it will be stored in the element context. When the annotations are defined by an object, the id is automatically set using the key used to store the annotations in the object. When the annotations are configured by an array, the id, passed by this option in the annotation, will be used.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("padding")])]),t._v(" "),e("td",[t._v("The padding to add around the text label.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("rotation")])]),t._v(" "),e("td",[t._v("Rotation of the label in degrees.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("textAlign")])]),t._v(" "),e("td",[t._v("Text alignment of label content when there's more than one line. Possible options are: "),e("code",[t._v("'left'")]),t._v(", "),e("code",[t._v("'start'")]),t._v(", "),e("code",[t._v("'center'")]),t._v(", "),e("code",[t._v("'end'")]),t._v(", "),e("code",[t._v("'right'")]),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("width")])]),t._v(" "),e("td",[t._v("Overrides the width of the image or canvas element. Could be set in pixel by a number, or in percentage of current width of image or canvas element by a string. If undefined, uses the width of the image or canvas element. It is used only when the content is an image or canvas element.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("xAdjust")])]),t._v(" "),e("td",[t._v("Adjustment along x-axis (left-right) of label relative to computed position. Negative values move the label left, positive right.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("xMax")])]),t._v(" "),e("td",[t._v("Right edge of the box in units along the x axis.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("xMin")])]),t._v(" "),e("td",[t._v("Left edge of the box in units along the x axis.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("xScaleID")])]),t._v(" "),e("td",[t._v("ID of the X scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as "),e("code",[t._v("'x'")]),t._v(" axis. If more than one scale has been defined in the chart as "),e("code",[t._v("'x'")]),t._v(" axis, the option is mandatory to select the right scale.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("xValue")])]),t._v(" "),e("td",[t._v("X coordinate of the point in units along the x axis.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("yAdjust")])]),t._v(" "),e("td",[t._v("Adjustment along y-axis (top-bottom) of label relative to computed position. Negative values move the label up, positive down.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("yMax")])]),t._v(" "),e("td",[t._v("Bottom edge of the box in units along the y axis.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("yMin")])]),t._v(" "),e("td",[t._v("Top edge of the box in units along the y axis.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("yScaleID")])]),t._v(" "),e("td",[t._v("ID of the Y scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as "),e("code",[t._v("'y'")]),t._v(" axis. If more than one scale has been defined in the chart as "),e("code",[t._v("'y'")]),t._v(" axis, the option is mandatory to select the right scale.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("yValue")])]),t._v(" "),e("td",[t._v("Y coordinate of the point in units along the y axis.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("z")])]),t._v(" "),e("td",[t._v("The "),e("code",[t._v("z")]),t._v(" property determines the drawing stack level of the label annotation element. All visible elements will be drawn in ascending order of "),e("code",[t._v("z")]),t._v(" option, with the same "),e("code",[t._v("drawTime")]),t._v(" option.")])])])]),t._v(" "),e("h3",{attrs:{id:"styling"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#styling"}},[t._v("#")]),t._v(" Styling")]),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("Fill color.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("backgroundShadowColor")])]),t._v(" "),e("td",[t._v("The color of shadow. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowColor",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderCapStyle")])]),t._v(" "),e("td",[t._v("Cap style of the border 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("Stroke 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 border 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("Border line 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("borderShadowColor")])]),t._v(" "),e("td",[t._v("The color of the border shadow. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowColor",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("Stroke width (in pixels).")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("color")])]),t._v(" "),e("td",[t._v("Text color. When the label to draw has multiple lines, you can use different color for each line of the label. This is enabled configuring an array of colors. When the lines are more than the configured colors, the last configuration of this option is used for all remaining lines.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("font")])]),t._v(" "),e("td",[t._v("Text font. When the label to draw has multiple lines, you can use different font for each line of the label. This is enabled configuring an array of fonts. When the lines are more than the configured fonts, the last configuration of this option is used for all remaining lines.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("opacity")])]),t._v(" "),e("td",[t._v("Overrides the opacity of the image or canvas element. Could be set a number in the range 0.0 to 1.0, inclusive. If undefined, uses the opacity of the image or canvas element. It is used only when the content is an image or canvas element.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("shadowBlur")])]),t._v(" "),e("td",[t._v("The amount of blur applied to shadow of the box where the label is located. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowBlur",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("shadowOffsetX")])]),t._v(" "),e("td",[t._v("The distance that shadow, of the box where the label is located, will be offset horizontally. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowOffsetX",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("shadowOffsetY")])]),t._v(" "),e("td",[t._v("The distance that shadow, of the box where the label is located, will be offset vertically. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowOffsetY",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("textStrokeColor")])]),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",[t._v("Stroke width around the text.")])])])]),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("A position can be set in 2 different values types:")]),t._v(" "),e("ol",[e("li",[e("code",[t._v("'start'")]),t._v(", "),e("code",[t._v("'center'")]),t._v(", "),e("code",[t._v("'end'")]),t._v(" which are defining where the label will be located")]),t._v(" "),e("li",[t._v("a "),e("code",[t._v("string")]),t._v(", in percentage format "),e("code",[t._v("'number%'")]),t._v(", is representing the percentage on the size where the label will be located")])]),t._v(" "),e("p",[t._v("If this value is a string (possible options are "),e("code",[t._v("'start'")]),t._v(", "),e("code",[t._v("'center'")]),t._v(", "),e("code",[t._v("'end'")]),t._v(" or a string in percentage format), it is applied to vertical and horizontal position in the box.")]),t._v(" "),e("p",[t._v("If this value is an object, the "),e("code",[t._v("x")]),t._v(" property defines the horizontal alignment in the label, with respect to the selected point. Similarly, the "),e("code",[t._v("y")]),t._v(" property defines the vertical alignment in the label, with respect to the selected point. Possible options for both properties are "),e("code",[t._v("'start'")]),t._v(", "),e("code",[t._v("'center'")]),t._v(", "),e("code",[t._v("'end'")]),t._v(", a string in percentage format. Omitted property have value of the default, "),e("code",[t._v("'center'")]),t._v(".")]),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). 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 have radius of 0.")]),t._v(" "),e("h2",{attrs:{id:"callout"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#callout"}},[t._v("#")]),t._v(" Callout")]),t._v(" "),e("p",[t._v("A callout connects the label by a line to the selected point.")]),t._v(" "),e("p",[t._v("Namespace: "),e("code",[t._v("options.annotations[annotationID].callout")]),t._v(", it defines options for the callout on the annotation label.")]),t._v(" "),e("chart-editor",{attrs:{code:"/* */\nconst options = {\n plugins: {\n annotation: {\n annotations: {\n label1: {\n type: 'label',\n xValue: 2.5,\n yValue: 60,\n xAdjust: 290,\n yAdjust: -100,\n backgroundColor: 'rgba(245,245,245)',\n content: ['In this point of time,', 'something happened'],\n textAlign: 'start',\n font: {\n size: 18\n },\n callout: {\n display: true,\n side: 10\n }\n }\n }\n }\n }\n};\n/* */\n\n/* */\nconst config = {\n type: 'line',\n data: {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\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 options\n};\n/* */\n\nmodule.exports = {\n config\n};\n"}}),e("p",[t._v("All of these options can be "),e("RouterLink",{attrs:{to:"/guide/options.html#scriptable-options"}},[t._v("Scriptable")]),t._v(".")],1),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("Default")]),t._v(" "),e("th",[t._v("Notes")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("borderCapStyle")])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("'butt'")])]),t._v(" "),e("td",[t._v("Cap style of the border line of callout. 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",[e("RouterLink",{attrs:{to:"/guide/options.html#color"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("undefined")])]),t._v(" "),e("td",[t._v("Stroke color of the pointer of the callout.")])]),t._v(" "),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"}},[e("code",[t._v("[]")])]),t._v(" "),e("td",[t._v("Length and spacing of dashes of callout. 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"}},[e("code",[t._v("0")])]),t._v(" "),e("td",[t._v("Offset for line dashes of callout. 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",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("'miter'")])]),t._v(" "),e("td",[t._v("Border line join style of the callout. 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",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("1")])]),t._v(" "),e("td",[t._v("Stroke width of the pointer of the callout.")])]),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"}},[e("code",[t._v("false")])]),t._v(" "),e("td",[t._v("If true, the callout is drawn.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("margin")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("5")])]),t._v(" "),e("td",[t._v("Amount of pixels between the label and the callout separator.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("position")])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("'auto'")])]),t._v(" "),e("td",[t._v("The position of callout, with respect to the label. Could be "),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(" or "),e("code",[t._v("auto")]),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("side")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("5")])]),t._v(" "),e("td",[t._v("Width of the starter line of callout pointer.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("start")])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v("|"),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("'50%'")])]),t._v(" "),e("td",[t._v("The percentage of the separator dimension to use as starting point for callout pointer. Could be set in pixel by a number, or in percentage of the separator dimension by a string.")])])])]),t._v(" "),e("h2",{attrs:{id:"element"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#element"}},[t._v("#")]),t._v(" Element")]),t._v(" "),e("p",[t._v("The following diagram is showing the element properties about a "),e("code",[t._v("'label'")]),t._v(" annotation:")]),t._v(" "),e("p",[e("img",{attrs:{src:o(263),alt:"label"}})])],1)}),[],!1,null,null,null);e.default=a.exports}}]); \ No newline at end of file diff --git a/master/assets/js/14.d239dfaa.js b/master/assets/js/14.97565b88.js similarity index 99% rename from master/assets/js/14.d239dfaa.js rename to master/assets/js/14.97565b88.js index 183eb486d..bdbb37bc4 100644 --- a/master/assets/js/14.d239dfaa.js +++ b/master/assets/js/14.97565b88.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[14],{266:function(t,e,o){t.exports=o.p+"assets/img/elementPolygonProps.67d2feff.png"},477:function(t,e,o){"use strict";o.r(e);var n=o(4),a=Object(n.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"polygon-annotations"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#polygon-annotations"}},[t._v("#")]),t._v(" Polygon Annotations")]),t._v(" "),e("p",[t._v("Polygon annotations are used to mark whatever polygon (for instance triangle, square or pentagon) on the chart area. This can be useful for highlighting values that are of interest.")]),t._v(" "),e("chart-editor",{attrs:{code:"/* */\nconst options = {\n plugins: {\n annotation: {\n annotations: {\n pentagon: {\n type: 'polygon',\n xValue: 1,\n yValue: 60,\n sides: 5,\n radius: 60,\n backgroundColor: 'rgba(255, 99, 132, 0.25)'\n }\n }\n }\n }\n};\n/* */\n\n/* */\nconst config = {\n type: 'line',\n data: {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\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 options\n};\n/* */\n\nmodule.exports = {\n config\n};\n"}}),e("h2",{attrs:{id:"configuration"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#configuration"}},[t._v("#")]),t._v(" Configuration")]),t._v(" "),e("h3",{attrs:{id:"polygon-annotation-specific-options"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#polygon-annotation-specific-options"}},[t._v("#")]),t._v(" Polygon annotation specific options")]),t._v(" "),e("p",[t._v("The following options are available for polygon annotations.")]),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:"/guide/options.html#scriptable-options"}},[t._v("Scriptable")])],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("backgroundShadowColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#color"}},[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("'transparent'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#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",[e("code",[t._v("'butt'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderJoinStyle")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'miter'")])])]),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",[e("code",[t._v("1")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#point"}},[e("code",[t._v("point")])])]),t._v(" "),e("td",[e("code",[t._v("object")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("{radius: 0}")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[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",[e("code",[t._v("10")])])]),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("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("sides")])])]),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("3")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("xAdjust")])])]),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("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("xValue")])])]),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("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("yAdjust")])])]),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("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("yValue")])])]),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("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])])])]),t._v(" "),e("h3",{attrs:{id:"common-options-to-all-annotations"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#common-options-to-all-annotations"}},[t._v("#")]),t._v(" Common options to all annotations")]),t._v(" "),e("p",[t._v("The following options are available for all annotations.")]),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:"/guide/options.html#scriptable-options"}},[t._v("Scriptable")])],1),t._v(" "),e("th",[t._v("Default")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("adjustScaleRange")])])]),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(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("backgroundColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#color"}},[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("options.color")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#color"}},[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("options.color")])])]),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",[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",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderShadowColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#color"}},[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("'transparent'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("display")])])]),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(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("drawTime")])])]),t._v(" "),e("td",[e("code",[t._v("string")]),t._v("|"),e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'afterDatasetsDraw'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("hitTolerance")])])]),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("tr",[e("td",[e("RouterLink",{attrs:{to:"/guide/configuration.html#common"}},[e("code",[t._v("init")])])],1),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("RouterLink",{attrs:{to:"/guide/configuration.html#initial-animation"}},[t._v("See initial animation")])],1),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("id")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("No")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("shadowBlur")])])]),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("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("shadowOffsetX")])])]),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("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("shadowOffsetY")])])]),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("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("xMax")])])]),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("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("xMin")])])]),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("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("xScaleID")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),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:"#general"}},[e("code",[t._v("yMin")])])]),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("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("yMax")])])]),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("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("yScaleID")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),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:"#general"}},[e("code",[t._v("z")])])]),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("h3",{attrs:{id:"general"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#general"}},[t._v("#")]),t._v(" General")]),t._v(" "),e("p",[t._v("If one of the axes does not match an axis in the chart, the polygon annotation will take the center of the chart as point. The 2 coordinates, xValue, yValue are optional. If not specified, the polygon annotation will take the center of the scale dimension.")]),t._v(" "),e("p",[t._v("The 4 coordinates, xMin, xMax, yMin, yMax are optional. If not specified, the box is expanded out to the edges in the respective direction and the box size is used to calculated the center of the point. To enable to use the box positioning, the "),e("code",[t._v("radius")]),t._v(" must be set to "),e("code",[t._v("0")]),t._v(" or "),e("code",[t._v("NaN")]),t._v(".")]),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("adjustScaleRange")])]),t._v(" "),e("td",[t._v("Should the scale range be adjusted if this annotation is out of range.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("display")])]),t._v(" "),e("td",[t._v("Whether or not this annotation is visible.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("drawTime")])]),t._v(" "),e("td",[t._v("See "),e("RouterLink",{attrs:{to:"/guide/options.html#draw-time"}},[t._v("drawTime")]),t._v(".")],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("hitTolerance")])]),t._v(" "),e("td",[t._v("Amount of pixels to interact with annotations within some distance of the mouse point.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("id")])]),t._v(" "),e("td",[t._v("Identifies a unique id for the annotation and it will be stored in the element context. When the annotations are defined by an object, the id is automatically set using the key used to store the annotations in the object. When the annotations are configured by an array, the id, passed by this option in the annotation, will be used.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("radius")])]),t._v(" "),e("td",[t._v("Size of the polygon in pixels.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("rotation")])]),t._v(" "),e("td",[t._v("Rotation of polygon, in degrees.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("sides")])]),t._v(" "),e("td",[t._v("Amount of sides of polygon.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("xAdjust")])]),t._v(" "),e("td",[t._v("Adjustment along x-axis (left-right) of polygon relative to computed position. Negative values move the polygon left, positive right.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("xMax")])]),t._v(" "),e("td",[t._v("Right edge of the box in units along the x axis.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("xMin")])]),t._v(" "),e("td",[t._v("Left edge of the box in units along the x axis.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("xScaleID")])]),t._v(" "),e("td",[t._v("ID of the X scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as "),e("code",[t._v("'x'")]),t._v(" axis. If more than one scale has been defined in the chart as "),e("code",[t._v("'x'")]),t._v(" axis, the option is mandatory to select the right scale.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("xValue")])]),t._v(" "),e("td",[t._v("X coordinate of the polygon in units along the x axis.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("yAdjust")])]),t._v(" "),e("td",[t._v("Adjustment along y-axis (top-bottom) of polygon relative to computed position. Negative values move the polygon up, positive down.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("yMax")])]),t._v(" "),e("td",[t._v("Bottom edge of the box in units along the y axis.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("yMin")])]),t._v(" "),e("td",[t._v("Top edge of the box in units along the y axis.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("yScaleID")])]),t._v(" "),e("td",[t._v("ID of the Y scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as "),e("code",[t._v("'y'")]),t._v(" axis. If more than one scale has been defined in the chart as "),e("code",[t._v("'y'")]),t._v(" axis, the option is mandatory to select the right scale.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("yValue")])]),t._v(" "),e("td",[t._v("Y coordinate of the polygon in units along the y axis.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("z")])]),t._v(" "),e("td",[t._v("The "),e("code",[t._v("z")]),t._v(" property determines the drawing stack level of the polygon annotation element. All visible elements will be drawn in ascending order of "),e("code",[t._v("z")]),t._v(" option, with the same "),e("code",[t._v("drawTime")]),t._v(" option.")])])])]),t._v(" "),e("h3",{attrs:{id:"styling"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#styling"}},[t._v("#")]),t._v(" Styling")]),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("Fill color.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("backgroundShadowColor")])]),t._v(" "),e("td",[t._v("The color of shadow. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowColor",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("Stroke color.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderCapStyle")])]),t._v(" "),e("td",[t._v("Cap style of the border of polygon. 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("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("Border line 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("borderShadowColor")])]),t._v(" "),e("td",[t._v("The color of the border shadow. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowColor",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("Stroke width.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("shadowBlur")])]),t._v(" "),e("td",[t._v("The amount of blur applied to shadow. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowBlur",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("shadowOffsetX")])]),t._v(" "),e("td",[t._v("The distance that shadow will be offset horizontally. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowOffsetX",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("shadowOffsetY")])]),t._v(" "),e("td",[t._v("The distance that shadow will be offset vertically. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowOffsetY",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])])])]),t._v(" "),e("h3",{attrs:{id:"point"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#point"}},[t._v("#")]),t._v(" Point")]),t._v(" "),e("p",[t._v("Polygon consists of points. These points are actually "),e("a",{attrs:{href:"point"}},[t._v("Point Annotations")]),t._v(" and all of the "),e("RouterLink",{attrs:{to:"/guide/types/point.html#styling"}},[t._v("styling options")]),t._v(" can be configured. General options affecting the location of the point are ignored.")],1),t._v(" "),e("p",[t._v("Namespace: "),e("code",[t._v("options.annotations[annotationID].point")]),t._v(", it defines options for the callout on the annotation label.")]),t._v(" "),e("chart-editor",{attrs:{code:"/* */\nconst options = {\n plugins: {\n annotation: {\n annotations: {\n pentagon: {\n type: 'polygon',\n xValue: 1,\n yValue: 60,\n sides: 4,\n radius: 60,\n backgroundColor: 'rgba(255, 99, 132, 0.25)',\n point: {\n radius: 10,\n borderWidth: 2,\n borderColor: '#666',\n backgroundColor: 'rgba(99, 132, 255, 0.25)',\n }\n }\n }\n }\n }\n};\n/* */\n\n/* */\nconst config = {\n type: 'line',\n data: {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\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 options\n};\n/* */\n\nmodule.exports = {\n config\n};\n"}}),e("h2",{attrs:{id:"element"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#element"}},[t._v("#")]),t._v(" Element")]),t._v(" "),e("p",[t._v("The following diagram is showing the element properties about a "),e("code",[t._v("'polygon'")]),t._v(" annotation:")]),t._v(" "),e("p",[e("img",{attrs:{src:o(266),alt:"polygon"}})])],1)}),[],!1,null,null,null);e.default=a.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[14],{266:function(t,e,o){t.exports=o.p+"assets/img/elementPolygonProps.67d2feff.png"},471:function(t,e,o){"use strict";o.r(e);var n=o(4),a=Object(n.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"polygon-annotations"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#polygon-annotations"}},[t._v("#")]),t._v(" Polygon Annotations")]),t._v(" "),e("p",[t._v("Polygon annotations are used to mark whatever polygon (for instance triangle, square or pentagon) on the chart area. This can be useful for highlighting values that are of interest.")]),t._v(" "),e("chart-editor",{attrs:{code:"/* */\nconst options = {\n plugins: {\n annotation: {\n annotations: {\n pentagon: {\n type: 'polygon',\n xValue: 1,\n yValue: 60,\n sides: 5,\n radius: 60,\n backgroundColor: 'rgba(255, 99, 132, 0.25)'\n }\n }\n }\n }\n};\n/* */\n\n/* */\nconst config = {\n type: 'line',\n data: {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\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 options\n};\n/* */\n\nmodule.exports = {\n config\n};\n"}}),e("h2",{attrs:{id:"configuration"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#configuration"}},[t._v("#")]),t._v(" Configuration")]),t._v(" "),e("h3",{attrs:{id:"polygon-annotation-specific-options"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#polygon-annotation-specific-options"}},[t._v("#")]),t._v(" Polygon annotation specific options")]),t._v(" "),e("p",[t._v("The following options are available for polygon annotations.")]),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:"/guide/options.html#scriptable-options"}},[t._v("Scriptable")])],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("backgroundShadowColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#color"}},[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("'transparent'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#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",[e("code",[t._v("'butt'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderJoinStyle")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'miter'")])])]),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",[e("code",[t._v("1")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#point"}},[e("code",[t._v("point")])])]),t._v(" "),e("td",[e("code",[t._v("object")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("{radius: 0}")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[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",[e("code",[t._v("10")])])]),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("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("sides")])])]),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("3")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("xAdjust")])])]),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("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("xValue")])])]),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("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("yAdjust")])])]),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("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("yValue")])])]),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("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])])])]),t._v(" "),e("h3",{attrs:{id:"common-options-to-all-annotations"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#common-options-to-all-annotations"}},[t._v("#")]),t._v(" Common options to all annotations")]),t._v(" "),e("p",[t._v("The following options are available for all annotations.")]),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:"/guide/options.html#scriptable-options"}},[t._v("Scriptable")])],1),t._v(" "),e("th",[t._v("Default")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("adjustScaleRange")])])]),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(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("backgroundColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#color"}},[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("options.color")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#color"}},[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("options.color")])])]),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",[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",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderShadowColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#color"}},[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("'transparent'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("display")])])]),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(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("drawTime")])])]),t._v(" "),e("td",[e("code",[t._v("string")]),t._v("|"),e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'afterDatasetsDraw'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("hitTolerance")])])]),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("tr",[e("td",[e("RouterLink",{attrs:{to:"/guide/configuration.html#common"}},[e("code",[t._v("init")])])],1),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("RouterLink",{attrs:{to:"/guide/configuration.html#initial-animation"}},[t._v("See initial animation")])],1),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("id")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("No")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("shadowBlur")])])]),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("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("shadowOffsetX")])])]),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("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("shadowOffsetY")])])]),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("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("xMax")])])]),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("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("xMin")])])]),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("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("xScaleID")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),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:"#general"}},[e("code",[t._v("yMin")])])]),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("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("yMax")])])]),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("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("yScaleID")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),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:"#general"}},[e("code",[t._v("z")])])]),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("h3",{attrs:{id:"general"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#general"}},[t._v("#")]),t._v(" General")]),t._v(" "),e("p",[t._v("If one of the axes does not match an axis in the chart, the polygon annotation will take the center of the chart as point. The 2 coordinates, xValue, yValue are optional. If not specified, the polygon annotation will take the center of the scale dimension.")]),t._v(" "),e("p",[t._v("The 4 coordinates, xMin, xMax, yMin, yMax are optional. If not specified, the box is expanded out to the edges in the respective direction and the box size is used to calculated the center of the point. To enable to use the box positioning, the "),e("code",[t._v("radius")]),t._v(" must be set to "),e("code",[t._v("0")]),t._v(" or "),e("code",[t._v("NaN")]),t._v(".")]),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("adjustScaleRange")])]),t._v(" "),e("td",[t._v("Should the scale range be adjusted if this annotation is out of range.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("display")])]),t._v(" "),e("td",[t._v("Whether or not this annotation is visible.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("drawTime")])]),t._v(" "),e("td",[t._v("See "),e("RouterLink",{attrs:{to:"/guide/options.html#draw-time"}},[t._v("drawTime")]),t._v(".")],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("hitTolerance")])]),t._v(" "),e("td",[t._v("Amount of pixels to interact with annotations within some distance of the mouse point.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("id")])]),t._v(" "),e("td",[t._v("Identifies a unique id for the annotation and it will be stored in the element context. When the annotations are defined by an object, the id is automatically set using the key used to store the annotations in the object. When the annotations are configured by an array, the id, passed by this option in the annotation, will be used.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("radius")])]),t._v(" "),e("td",[t._v("Size of the polygon in pixels.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("rotation")])]),t._v(" "),e("td",[t._v("Rotation of polygon, in degrees.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("sides")])]),t._v(" "),e("td",[t._v("Amount of sides of polygon.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("xAdjust")])]),t._v(" "),e("td",[t._v("Adjustment along x-axis (left-right) of polygon relative to computed position. Negative values move the polygon left, positive right.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("xMax")])]),t._v(" "),e("td",[t._v("Right edge of the box in units along the x axis.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("xMin")])]),t._v(" "),e("td",[t._v("Left edge of the box in units along the x axis.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("xScaleID")])]),t._v(" "),e("td",[t._v("ID of the X scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as "),e("code",[t._v("'x'")]),t._v(" axis. If more than one scale has been defined in the chart as "),e("code",[t._v("'x'")]),t._v(" axis, the option is mandatory to select the right scale.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("xValue")])]),t._v(" "),e("td",[t._v("X coordinate of the polygon in units along the x axis.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("yAdjust")])]),t._v(" "),e("td",[t._v("Adjustment along y-axis (top-bottom) of polygon relative to computed position. Negative values move the polygon up, positive down.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("yMax")])]),t._v(" "),e("td",[t._v("Bottom edge of the box in units along the y axis.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("yMin")])]),t._v(" "),e("td",[t._v("Top edge of the box in units along the y axis.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("yScaleID")])]),t._v(" "),e("td",[t._v("ID of the Y scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as "),e("code",[t._v("'y'")]),t._v(" axis. If more than one scale has been defined in the chart as "),e("code",[t._v("'y'")]),t._v(" axis, the option is mandatory to select the right scale.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("yValue")])]),t._v(" "),e("td",[t._v("Y coordinate of the polygon in units along the y axis.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("z")])]),t._v(" "),e("td",[t._v("The "),e("code",[t._v("z")]),t._v(" property determines the drawing stack level of the polygon annotation element. All visible elements will be drawn in ascending order of "),e("code",[t._v("z")]),t._v(" option, with the same "),e("code",[t._v("drawTime")]),t._v(" option.")])])])]),t._v(" "),e("h3",{attrs:{id:"styling"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#styling"}},[t._v("#")]),t._v(" Styling")]),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("Fill color.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("backgroundShadowColor")])]),t._v(" "),e("td",[t._v("The color of shadow. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowColor",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("Stroke color.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderCapStyle")])]),t._v(" "),e("td",[t._v("Cap style of the border of polygon. 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("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("Border line 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("borderShadowColor")])]),t._v(" "),e("td",[t._v("The color of the border shadow. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowColor",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("Stroke width.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("shadowBlur")])]),t._v(" "),e("td",[t._v("The amount of blur applied to shadow. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowBlur",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("shadowOffsetX")])]),t._v(" "),e("td",[t._v("The distance that shadow will be offset horizontally. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowOffsetX",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("shadowOffsetY")])]),t._v(" "),e("td",[t._v("The distance that shadow will be offset vertically. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowOffsetY",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])])])]),t._v(" "),e("h3",{attrs:{id:"point"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#point"}},[t._v("#")]),t._v(" Point")]),t._v(" "),e("p",[t._v("Polygon consists of points. These points are actually "),e("a",{attrs:{href:"point"}},[t._v("Point Annotations")]),t._v(" and all of the "),e("RouterLink",{attrs:{to:"/guide/types/point.html#styling"}},[t._v("styling options")]),t._v(" can be configured. General options affecting the location of the point are ignored.")],1),t._v(" "),e("p",[t._v("Namespace: "),e("code",[t._v("options.annotations[annotationID].point")]),t._v(", it defines options for the callout on the annotation label.")]),t._v(" "),e("chart-editor",{attrs:{code:"/* */\nconst options = {\n plugins: {\n annotation: {\n annotations: {\n pentagon: {\n type: 'polygon',\n xValue: 1,\n yValue: 60,\n sides: 4,\n radius: 60,\n backgroundColor: 'rgba(255, 99, 132, 0.25)',\n point: {\n radius: 10,\n borderWidth: 2,\n borderColor: '#666',\n backgroundColor: 'rgba(99, 132, 255, 0.25)',\n }\n }\n }\n }\n }\n};\n/* */\n\n/* */\nconst config = {\n type: 'line',\n data: {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\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 options\n};\n/* */\n\nmodule.exports = {\n config\n};\n"}}),e("h2",{attrs:{id:"element"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#element"}},[t._v("#")]),t._v(" Element")]),t._v(" "),e("p",[t._v("The following diagram is showing the element properties about a "),e("code",[t._v("'polygon'")]),t._v(" annotation:")]),t._v(" "),e("p",[e("img",{attrs:{src:o(266),alt:"polygon"}})])],1)}),[],!1,null,null,null);e.default=a.exports}}]); \ No newline at end of file diff --git a/master/assets/js/16.ee709d82.js b/master/assets/js/16.153b511c.js similarity index 93% rename from master/assets/js/16.ee709d82.js rename to master/assets/js/16.153b511c.js index ba123bff7..b31560431 100644 --- a/master/assets/js/16.ee709d82.js +++ b/master/assets/js/16.153b511c.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[16],{431:function(t,e,n){"use strict";n.r(e);var a=n(4),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:"chart-js-annotation-v3-0-1"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#chart-js-annotation-v3-0-1"}},[t._v("#")]),t._v(" Chart.js annotation - v3.0.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/AnnotationBoxModel.html"}},[t._v("AnnotationBoxModel")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationElement.html"}},[t._v("AnnotationElement")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationEvents.html"}},[t._v("AnnotationEvents")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationHooks.html"}},[t._v("AnnotationHooks")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationPluginOptions.html"}},[t._v("AnnotationPluginOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationPointCoordinates.html"}},[t._v("AnnotationPointCoordinates")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationTypeRegistry.html"}},[t._v("AnnotationTypeRegistry")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/ArrowHeadOptions.html"}},[t._v("ArrowHeadOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/ArrowHeadsOptions.html"}},[t._v("ArrowHeadsOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/BoxAnnotationOptions.html"}},[t._v("BoxAnnotationOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/BoxLabelOptions.html"}},[t._v("BoxLabelOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/CalloutOptions.html"}},[t._v("CalloutOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html"}},[t._v("ContainedLabelOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/ControlPointOptions.html"}},[t._v("ControlPointOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreLabelOptions.html"}},[t._v("CoreLabelOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/EllipseAnnotationOptions.html"}},[t._v("EllipseAnnotationOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[t._v("EventContext")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/LabelAnnotationOptions.html"}},[t._v("LabelAnnotationOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/LabelOptions.html"}},[t._v("LabelOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/LabelPadding.html"}},[t._v("LabelPadding")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/LabelPositionObject.html"}},[t._v("LabelPositionObject")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/LabelTypeOptions.html"}},[t._v("LabelTypeOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/LineAnnotationOptions.html"}},[t._v("LineAnnotationOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[t._v("PartialEventContext")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/PointAnnotationOptions.html"}},[t._v("PointAnnotationOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/PolygonAnnotationOptions.html"}},[t._v("PolygonAnnotationOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/ShadowOptions.html"}},[t._v("ShadowOptions")])],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:"annotationoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#annotationoptions"}},[t._v("#")]),t._v(" AnnotationOptions")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("AnnotationOptions")]),t._v("<"),e("code",[t._v("TYPE")]),t._v(">: { [key in TYPE]: Object & AnnotationTypeRegistry[key] }["),e("code",[t._v("TYPE")]),t._v("]")]),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("TYPE")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("extends "),e("RouterLink",{attrs:{to:"/api/#annotationtype"}},[e("code",[t._v("AnnotationType")])]),t._v(" = "),e("RouterLink",{attrs:{to:"/api/#annotationtype"}},[e("code",[t._v("AnnotationType")])])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L18",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:18"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"annotationtype"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#annotationtype"}},[t._v("#")]),t._v(" AnnotationType")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("AnnotationType")]),t._v(": keyof "),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationTypeRegistry.html"}},[e("code",[t._v("AnnotationTypeRegistry")])])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L17",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:17"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"calloutposition"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#calloutposition"}},[t._v("#")]),t._v(" CalloutPosition")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("CalloutPosition")]),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('"auto"')])]),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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L10",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:10"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"drawtime"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#drawtime"}},[t._v("#")]),t._v(" DrawTime")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("DrawTime")]),t._v(": "),e("code",[t._v('"afterDraw"')]),t._v(" | "),e("code",[t._v('"afterDatasetsDraw"')]),t._v(" | "),e("code",[t._v('"beforeDraw"')]),t._v(" | "),e("code",[t._v('"beforeDatasetsDraw"')]),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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L6",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:6"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"labelposition"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#labelposition"}},[t._v("#")]),t._v(" LabelPosition")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("LabelPosition")]),t._v(": "),e("code",[t._v('"start"')]),t._v(" | "),e("code",[t._v('"center"')]),t._v(" | "),e("code",[t._v('"end"')]),t._v(" | "),e("RouterLink",{attrs:{to:"/api/#percentstring"}},[e("code",[t._v("percentString")])])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L6",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:6"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"labeltextalign"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#labeltextalign"}},[t._v("#")]),t._v(" LabelTextAlign")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("LabelTextAlign")]),t._v(": "),e("code",[t._v('"left"')]),t._v(" | "),e("code",[t._v('"start"')]),t._v(" | "),e("code",[t._v('"center"')]),t._v(" | "),e("code",[t._v('"right"')]),t._v(" | "),e("code",[t._v('"end"')])]),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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L8",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:8"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"scalevalue"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#scalevalue"}},[t._v("#")]),t._v(" ScaleValue")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("ScaleValue")]),t._v(": "),e("code",[t._v("number")]),t._v(" | "),e("code",[t._v("string")])]),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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L27",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:27"),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("RouterLink",{attrs:{to:"/api/#annotationoptions"}},[e("code",[t._v("AnnotationOptions")])]),t._v(") => "),e("code",[t._v("T")])],1),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("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-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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L26",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:26"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"percentstring"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#percentstring"}},[t._v("#")]),t._v(" percentString")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("percentString")]),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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L5",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:5"),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:"default"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#default"}},[t._v("#")]),t._v(" default")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Const")]),t._v(" "),e("strong",[t._v("default")]),t._v(": "),e("code",[t._v("Plugin")]),t._v(" & { "),e("code",[t._v("getAnnotations")]),t._v(": ("),e("code",[t._v("chart")]),t._v(": "),e("code",[t._v("Chart")]),t._v(") => "),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationElement.html"}},[e("code",[t._v("AnnotationElement")])]),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/chartjs-plugin-annotation/blob/c1fe0e2/types/index.d.ts#L21",target:"_blank",rel:"noopener noreferrer"}},[t._v("index.d.ts:21"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=o.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[16],{426:function(t,e,a){"use strict";a.r(e);var n=a(4),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:"chart-js-annotation-v3-0-1"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#chart-js-annotation-v3-0-1"}},[t._v("#")]),t._v(" Chart.js annotation - v3.0.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/AnnotationBoxModel.html"}},[t._v("AnnotationBoxModel")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationElement.html"}},[t._v("AnnotationElement")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationEvents.html"}},[t._v("AnnotationEvents")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationHooks.html"}},[t._v("AnnotationHooks")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationPluginOptions.html"}},[t._v("AnnotationPluginOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationPointCoordinates.html"}},[t._v("AnnotationPointCoordinates")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationTypeRegistry.html"}},[t._v("AnnotationTypeRegistry")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/ArrowHeadOptions.html"}},[t._v("ArrowHeadOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/ArrowHeadsOptions.html"}},[t._v("ArrowHeadsOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/BoxAnnotationOptions.html"}},[t._v("BoxAnnotationOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/BoxLabelOptions.html"}},[t._v("BoxLabelOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/CalloutOptions.html"}},[t._v("CalloutOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html"}},[t._v("ContainedLabelOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/ControlPointOptions.html"}},[t._v("ControlPointOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreLabelOptions.html"}},[t._v("CoreLabelOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/EllipseAnnotationOptions.html"}},[t._v("EllipseAnnotationOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[t._v("EventContext")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/LabelAnnotationOptions.html"}},[t._v("LabelAnnotationOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/LabelOptions.html"}},[t._v("LabelOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/LabelPadding.html"}},[t._v("LabelPadding")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/LabelPositionObject.html"}},[t._v("LabelPositionObject")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/LabelTypeOptions.html"}},[t._v("LabelTypeOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/LineAnnotationOptions.html"}},[t._v("LineAnnotationOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[t._v("PartialEventContext")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/PointAnnotationOptions.html"}},[t._v("PointAnnotationOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/PolygonAnnotationOptions.html"}},[t._v("PolygonAnnotationOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/ShadowOptions.html"}},[t._v("ShadowOptions")])],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:"annotationoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#annotationoptions"}},[t._v("#")]),t._v(" AnnotationOptions")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("AnnotationOptions")]),t._v("<"),e("code",[t._v("TYPE")]),t._v(">: { [key in TYPE]: Object & AnnotationTypeRegistry[key] }["),e("code",[t._v("TYPE")]),t._v("]")]),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("TYPE")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("extends "),e("RouterLink",{attrs:{to:"/api/#annotationtype"}},[e("code",[t._v("AnnotationType")])]),t._v(" = "),e("RouterLink",{attrs:{to:"/api/#annotationtype"}},[e("code",[t._v("AnnotationType")])])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L18",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:18"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"annotationtype"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#annotationtype"}},[t._v("#")]),t._v(" AnnotationType")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("AnnotationType")]),t._v(": keyof "),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationTypeRegistry.html"}},[e("code",[t._v("AnnotationTypeRegistry")])])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L17",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:17"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"calloutposition"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#calloutposition"}},[t._v("#")]),t._v(" CalloutPosition")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("CalloutPosition")]),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('"auto"')])]),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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L10",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:10"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"drawtime"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#drawtime"}},[t._v("#")]),t._v(" DrawTime")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("DrawTime")]),t._v(": "),e("code",[t._v('"afterDraw"')]),t._v(" | "),e("code",[t._v('"afterDatasetsDraw"')]),t._v(" | "),e("code",[t._v('"beforeDraw"')]),t._v(" | "),e("code",[t._v('"beforeDatasetsDraw"')]),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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L6",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:6"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"labelposition"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#labelposition"}},[t._v("#")]),t._v(" LabelPosition")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("LabelPosition")]),t._v(": "),e("code",[t._v('"start"')]),t._v(" | "),e("code",[t._v('"center"')]),t._v(" | "),e("code",[t._v('"end"')]),t._v(" | "),e("RouterLink",{attrs:{to:"/api/#percentstring"}},[e("code",[t._v("percentString")])])],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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L6",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:6"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"labeltextalign"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#labeltextalign"}},[t._v("#")]),t._v(" LabelTextAlign")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("LabelTextAlign")]),t._v(": "),e("code",[t._v('"left"')]),t._v(" | "),e("code",[t._v('"start"')]),t._v(" | "),e("code",[t._v('"center"')]),t._v(" | "),e("code",[t._v('"right"')]),t._v(" | "),e("code",[t._v('"end"')])]),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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L8",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:8"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"scalevalue"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#scalevalue"}},[t._v("#")]),t._v(" ScaleValue")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("ScaleValue")]),t._v(": "),e("code",[t._v("number")]),t._v(" | "),e("code",[t._v("string")])]),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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L27",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:27"),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("RouterLink",{attrs:{to:"/api/#annotationoptions"}},[e("code",[t._v("AnnotationOptions")])]),t._v(") => "),e("code",[t._v("T")])],1),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("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-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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L26",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:26"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"percentstring"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#percentstring"}},[t._v("#")]),t._v(" percentString")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("percentString")]),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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L5",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:5"),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:"default"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#default"}},[t._v("#")]),t._v(" default")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Const")]),t._v(" "),e("strong",[t._v("default")]),t._v(": "),e("code",[t._v("Plugin")]),t._v(" & { "),e("code",[t._v("getAnnotations")]),t._v(": ("),e("code",[t._v("chart")]),t._v(": "),e("code",[t._v("Chart")]),t._v(") => "),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationElement.html"}},[e("code",[t._v("AnnotationElement")])]),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/chartjs-plugin-annotation/blob/a42cb2d/types/index.d.ts#L21",target:"_blank",rel:"noopener noreferrer"}},[t._v("index.d.ts:21"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=o.exports}}]); \ No newline at end of file diff --git a/master/assets/js/17.8ea29574.js b/master/assets/js/17.136041ae.js similarity index 87% rename from master/assets/js/17.8ea29574.js rename to master/assets/js/17.136041ae.js index 26f7ab071..5e88082ad 100644 --- a/master/assets/js/17.8ea29574.js +++ b/master/assets/js/17.136041ae.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[17],{426:function(t,e,r){"use strict";r.r(e);var n=r(4),a=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-annotationboxmodel"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-annotationboxmodel"}},[t._v("#")]),t._v(" Interface: AnnotationBoxModel")]),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("AnnotationBoxModel")])])]),t._v(" "),e("p",[t._v("↳ "),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationElement.html"}},[e("code",[t._v("AnnotationElement")])])],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:"centerx"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#centerx"}},[t._v("#")]),t._v(" centerX")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("centerX")]),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/chartjs-plugin-annotation/blob/c1fe0e2/types/element.d.ts#L8",target:"_blank",rel:"noopener noreferrer"}},[t._v("element.d.ts:8"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"centery"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#centery"}},[t._v("#")]),t._v(" centerY")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("centerY")]),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/chartjs-plugin-annotation/blob/c1fe0e2/types/element.d.ts#L9",target:"_blank",rel:"noopener noreferrer"}},[t._v("element.d.ts:9"),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-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/chartjs-plugin-annotation/blob/c1fe0e2/types/element.d.ts#L10",target:"_blank",rel:"noopener noreferrer"}},[t._v("element.d.ts:10"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"radius"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#radius"}},[t._v("#")]),t._v(" radius")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("radius")]),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/chartjs-plugin-annotation/blob/c1fe0e2/types/element.d.ts#L12",target:"_blank",rel:"noopener noreferrer"}},[t._v("element.d.ts:12"),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-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/chartjs-plugin-annotation/blob/c1fe0e2/types/element.d.ts#L11",target:"_blank",rel:"noopener noreferrer"}},[t._v("element.d.ts:11"),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:"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/chartjs-plugin-annotation/blob/c1fe0e2/types/element.d.ts#L4",target:"_blank",rel:"noopener noreferrer"}},[t._v("element.d.ts:4"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"x2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#x2"}},[t._v("#")]),t._v(" x2")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("x2")]),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/chartjs-plugin-annotation/blob/c1fe0e2/types/element.d.ts#L6",target:"_blank",rel:"noopener noreferrer"}},[t._v("element.d.ts:6"),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:"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/chartjs-plugin-annotation/blob/c1fe0e2/types/element.d.ts#L5",target:"_blank",rel:"noopener noreferrer"}},[t._v("element.d.ts:5"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"y2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#y2"}},[t._v("#")]),t._v(" y2")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("y2")]),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/chartjs-plugin-annotation/blob/c1fe0e2/types/element.d.ts#L7",target:"_blank",rel:"noopener noreferrer"}},[t._v("element.d.ts:7"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=a.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[17],{427:function(t,e,r){"use strict";r.r(e);var a=r(4),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-annotationboxmodel"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-annotationboxmodel"}},[t._v("#")]),t._v(" Interface: AnnotationBoxModel")]),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("AnnotationBoxModel")])])]),t._v(" "),e("p",[t._v("↳ "),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationElement.html"}},[e("code",[t._v("AnnotationElement")])])],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:"centerx"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#centerx"}},[t._v("#")]),t._v(" centerX")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("centerX")]),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/chartjs-plugin-annotation/blob/a42cb2d/types/element.d.ts#L8",target:"_blank",rel:"noopener noreferrer"}},[t._v("element.d.ts:8"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"centery"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#centery"}},[t._v("#")]),t._v(" centerY")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("centerY")]),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/chartjs-plugin-annotation/blob/a42cb2d/types/element.d.ts#L9",target:"_blank",rel:"noopener noreferrer"}},[t._v("element.d.ts:9"),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-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/chartjs-plugin-annotation/blob/a42cb2d/types/element.d.ts#L10",target:"_blank",rel:"noopener noreferrer"}},[t._v("element.d.ts:10"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"radius"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#radius"}},[t._v("#")]),t._v(" radius")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("radius")]),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/chartjs-plugin-annotation/blob/a42cb2d/types/element.d.ts#L12",target:"_blank",rel:"noopener noreferrer"}},[t._v("element.d.ts:12"),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-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/chartjs-plugin-annotation/blob/a42cb2d/types/element.d.ts#L11",target:"_blank",rel:"noopener noreferrer"}},[t._v("element.d.ts:11"),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:"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/chartjs-plugin-annotation/blob/a42cb2d/types/element.d.ts#L4",target:"_blank",rel:"noopener noreferrer"}},[t._v("element.d.ts:4"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"x2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#x2"}},[t._v("#")]),t._v(" x2")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("x2")]),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/chartjs-plugin-annotation/blob/a42cb2d/types/element.d.ts#L6",target:"_blank",rel:"noopener noreferrer"}},[t._v("element.d.ts:6"),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:"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/chartjs-plugin-annotation/blob/a42cb2d/types/element.d.ts#L5",target:"_blank",rel:"noopener noreferrer"}},[t._v("element.d.ts:5"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"y2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#y2"}},[t._v("#")]),t._v(" y2")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("y2")]),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/chartjs-plugin-annotation/blob/a42cb2d/types/element.d.ts#L7",target:"_blank",rel:"noopener noreferrer"}},[t._v("element.d.ts:7"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=n.exports}}]); \ No newline at end of file diff --git a/master/assets/js/18.d4f07b51.js b/master/assets/js/18.cb706354.js similarity index 92% rename from master/assets/js/18.d4f07b51.js rename to master/assets/js/18.cb706354.js index 3363a1e36..0bfc3c76f 100644 --- a/master/assets/js/18.d4f07b51.js +++ b/master/assets/js/18.cb706354.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[18],{430:function(t,e,r){"use strict";r.r(e);var n=r(4),a=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-annotationelement"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-annotationelement"}},[t._v("#")]),t._v(" Interface: AnnotationElement")]),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/AnnotationBoxModel.html"}},[e("code",[t._v("AnnotationBoxModel")])])],1),t._v(" "),e("p",[t._v("↳ "),e("strong",[e("code",[t._v("AnnotationElement")])])])])]),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:"centerx"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#centerx"}},[t._v("#")]),t._v(" centerX")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("centerX")]),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/AnnotationBoxModel.html"}},[t._v("AnnotationBoxModel")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationBoxModel.html#centerx"}},[t._v("centerX")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/element.d.ts#L8",target:"_blank",rel:"noopener noreferrer"}},[t._v("element.d.ts:8"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"centery"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#centery"}},[t._v("#")]),t._v(" centerY")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("centerY")]),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/AnnotationBoxModel.html"}},[t._v("AnnotationBoxModel")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationBoxModel.html#centery"}},[t._v("centerY")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/element.d.ts#L9",target:"_blank",rel:"noopener noreferrer"}},[t._v("element.d.ts:9"),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:"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/AnnotationBoxModel.html"}},[t._v("AnnotationBoxModel")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationBoxModel.html#height"}},[t._v("height")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/element.d.ts#L10",target:"_blank",rel:"noopener noreferrer"}},[t._v("element.d.ts:10"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("label")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationElement.html"}},[e("code",[t._v("AnnotationElement")])])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/element.d.ts#L16",target:"_blank",rel:"noopener noreferrer"}},[t._v("element.d.ts:16"),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/#annotationoptions"}},[e("code",[t._v("AnnotationOptions")])]),t._v("")],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/chartjs-plugin-annotation/blob/c1fe0e2/types/element.d.ts#L17",target:"_blank",rel:"noopener noreferrer"}},[t._v("element.d.ts:17"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"radius"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#radius"}},[t._v("#")]),t._v(" radius")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("radius")]),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",[e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationBoxModel.html"}},[t._v("AnnotationBoxModel")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationBoxModel.html#radius"}},[t._v("radius")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/element.d.ts#L12",target:"_blank",rel:"noopener noreferrer"}},[t._v("element.d.ts:12"),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:"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/AnnotationBoxModel.html"}},[t._v("AnnotationBoxModel")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationBoxModel.html#width"}},[t._v("width")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/element.d.ts#L11",target:"_blank",rel:"noopener noreferrer"}},[t._v("element.d.ts:11"),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-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/AnnotationBoxModel.html"}},[t._v("AnnotationBoxModel")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationBoxModel.html#x"}},[t._v("x")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/element.d.ts#L4",target:"_blank",rel:"noopener noreferrer"}},[t._v("element.d.ts:4"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"x2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#x2"}},[t._v("#")]),t._v(" x2")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("x2")]),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",[e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationBoxModel.html"}},[t._v("AnnotationBoxModel")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationBoxModel.html#x2"}},[t._v("x2")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/element.d.ts#L6",target:"_blank",rel:"noopener noreferrer"}},[t._v("element.d.ts:6"),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-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/AnnotationBoxModel.html"}},[t._v("AnnotationBoxModel")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationBoxModel.html#y"}},[t._v("y")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/element.d.ts#L5",target:"_blank",rel:"noopener noreferrer"}},[t._v("element.d.ts:5"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"y2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#y2"}},[t._v("#")]),t._v(" y2")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("y2")]),t._v(": "),e("code",[t._v("number")])]),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/AnnotationBoxModel.html"}},[t._v("AnnotationBoxModel")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationBoxModel.html#y2"}},[t._v("y2")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/element.d.ts#L7",target:"_blank",rel:"noopener noreferrer"}},[t._v("element.d.ts:7"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=a.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[18],{428:function(t,e,r){"use strict";r.r(e);var n=r(4),a=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-annotationelement"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-annotationelement"}},[t._v("#")]),t._v(" Interface: AnnotationElement")]),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/AnnotationBoxModel.html"}},[e("code",[t._v("AnnotationBoxModel")])])],1),t._v(" "),e("p",[t._v("↳ "),e("strong",[e("code",[t._v("AnnotationElement")])])])])]),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:"centerx"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#centerx"}},[t._v("#")]),t._v(" centerX")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("centerX")]),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/AnnotationBoxModel.html"}},[t._v("AnnotationBoxModel")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationBoxModel.html#centerx"}},[t._v("centerX")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/element.d.ts#L8",target:"_blank",rel:"noopener noreferrer"}},[t._v("element.d.ts:8"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"centery"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#centery"}},[t._v("#")]),t._v(" centerY")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("centerY")]),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/AnnotationBoxModel.html"}},[t._v("AnnotationBoxModel")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationBoxModel.html#centery"}},[t._v("centerY")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/element.d.ts#L9",target:"_blank",rel:"noopener noreferrer"}},[t._v("element.d.ts:9"),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:"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/AnnotationBoxModel.html"}},[t._v("AnnotationBoxModel")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationBoxModel.html#height"}},[t._v("height")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/element.d.ts#L10",target:"_blank",rel:"noopener noreferrer"}},[t._v("element.d.ts:10"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("label")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationElement.html"}},[e("code",[t._v("AnnotationElement")])])],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/chartjs-plugin-annotation/blob/a42cb2d/types/element.d.ts#L16",target:"_blank",rel:"noopener noreferrer"}},[t._v("element.d.ts:16"),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/#annotationoptions"}},[e("code",[t._v("AnnotationOptions")])]),t._v("")],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/chartjs-plugin-annotation/blob/a42cb2d/types/element.d.ts#L17",target:"_blank",rel:"noopener noreferrer"}},[t._v("element.d.ts:17"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"radius"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#radius"}},[t._v("#")]),t._v(" radius")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("radius")]),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",[e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationBoxModel.html"}},[t._v("AnnotationBoxModel")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationBoxModel.html#radius"}},[t._v("radius")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/element.d.ts#L12",target:"_blank",rel:"noopener noreferrer"}},[t._v("element.d.ts:12"),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:"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/AnnotationBoxModel.html"}},[t._v("AnnotationBoxModel")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationBoxModel.html#width"}},[t._v("width")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/element.d.ts#L11",target:"_blank",rel:"noopener noreferrer"}},[t._v("element.d.ts:11"),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-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/AnnotationBoxModel.html"}},[t._v("AnnotationBoxModel")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationBoxModel.html#x"}},[t._v("x")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/element.d.ts#L4",target:"_blank",rel:"noopener noreferrer"}},[t._v("element.d.ts:4"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"x2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#x2"}},[t._v("#")]),t._v(" x2")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("x2")]),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",[e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationBoxModel.html"}},[t._v("AnnotationBoxModel")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationBoxModel.html#x2"}},[t._v("x2")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/element.d.ts#L6",target:"_blank",rel:"noopener noreferrer"}},[t._v("element.d.ts:6"),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-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/AnnotationBoxModel.html"}},[t._v("AnnotationBoxModel")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationBoxModel.html#y"}},[t._v("y")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/element.d.ts#L5",target:"_blank",rel:"noopener noreferrer"}},[t._v("element.d.ts:5"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"y2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#y2"}},[t._v("#")]),t._v(" y2")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("y2")]),t._v(": "),e("code",[t._v("number")])]),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/AnnotationBoxModel.html"}},[t._v("AnnotationBoxModel")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationBoxModel.html#y2"}},[t._v("y2")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/element.d.ts#L7",target:"_blank",rel:"noopener noreferrer"}},[t._v("element.d.ts:7"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=a.exports}}]); \ No newline at end of file diff --git a/master/assets/js/19.aeb8511d.js b/master/assets/js/19.46f10a0f.js similarity index 95% rename from master/assets/js/19.aeb8511d.js rename to master/assets/js/19.46f10a0f.js index c0bc52dea..d64601c82 100644 --- a/master/assets/js/19.aeb8511d.js +++ b/master/assets/js/19.46f10a0f.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[19],{427:function(t,e,a){"use strict";a.r(e);var n=a(4),r=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-annotationevents"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-annotationevents"}},[t._v("#")]),t._v(" Interface: AnnotationEvents")]),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("AnnotationEvents")])])]),t._v(" "),e("p",[t._v("↳ "),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[e("code",[t._v("CoreAnnotationOptions")])])],1),t._v(" "),e("p",[t._v("↳ "),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationPluginOptions.html"}},[e("code",[t._v("AnnotationPluginOptions")])])],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:"click"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#click"}},[t._v("#")]),t._v(" click")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("click")]),t._v("("),e("code",[t._v("context")]),t._v(", "),e("code",[t._v("event")]),t._v("): "),e("code",[t._v("boolean")]),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("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],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("ChartEvent")])])])])]),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("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/chartjs-plugin-annotation/blob/c1fe0e2/types/events.d.ts#L27",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:27"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"enter"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#enter"}},[t._v("#")]),t._v(" enter")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("enter")]),t._v("("),e("code",[t._v("context")]),t._v(", "),e("code",[t._v("event")]),t._v("): "),e("code",[t._v("boolean")]),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("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],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("ChartEvent")])])])])]),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("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/chartjs-plugin-annotation/blob/c1fe0e2/types/events.d.ts#L25",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:25"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"leave"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#leave"}},[t._v("#")]),t._v(" leave")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("leave")]),t._v("("),e("code",[t._v("context")]),t._v(", "),e("code",[t._v("event")]),t._v("): "),e("code",[t._v("boolean")]),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("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],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("ChartEvent")])])])])]),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("boolean")]),t._v(" | "),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/chartjs-plugin-annotation/blob/c1fe0e2/types/events.d.ts#L26",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:26"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=r.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[19],{429:function(t,e,a){"use strict";a.r(e);var n=a(4),r=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-annotationevents"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-annotationevents"}},[t._v("#")]),t._v(" Interface: AnnotationEvents")]),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("AnnotationEvents")])])]),t._v(" "),e("p",[t._v("↳ "),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[e("code",[t._v("CoreAnnotationOptions")])])],1),t._v(" "),e("p",[t._v("↳ "),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationPluginOptions.html"}},[e("code",[t._v("AnnotationPluginOptions")])])],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:"click"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#click"}},[t._v("#")]),t._v(" click")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("click")]),t._v("("),e("code",[t._v("context")]),t._v(", "),e("code",[t._v("event")]),t._v("): "),e("code",[t._v("boolean")]),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("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],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("ChartEvent")])])])])]),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("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/chartjs-plugin-annotation/blob/a42cb2d/types/events.d.ts#L27",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:27"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"enter"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#enter"}},[t._v("#")]),t._v(" enter")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("enter")]),t._v("("),e("code",[t._v("context")]),t._v(", "),e("code",[t._v("event")]),t._v("): "),e("code",[t._v("boolean")]),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("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],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("ChartEvent")])])])])]),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("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/chartjs-plugin-annotation/blob/a42cb2d/types/events.d.ts#L25",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:25"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"leave"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#leave"}},[t._v("#")]),t._v(" leave")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("leave")]),t._v("("),e("code",[t._v("context")]),t._v(", "),e("code",[t._v("event")]),t._v("): "),e("code",[t._v("boolean")]),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("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],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("ChartEvent")])])])])]),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("boolean")]),t._v(" | "),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/chartjs-plugin-annotation/blob/a42cb2d/types/events.d.ts#L26",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:26"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=r.exports}}]); \ No newline at end of file diff --git a/master/assets/js/20.cbd2bf03.js b/master/assets/js/20.977e8aca.js similarity index 95% rename from master/assets/js/20.cbd2bf03.js rename to master/assets/js/20.977e8aca.js index 2b078e169..c57f48565 100644 --- a/master/assets/js/20.cbd2bf03.js +++ b/master/assets/js/20.977e8aca.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[20],{428:function(t,e,a){"use strict";a.r(e);var r=a(4),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-annotationhooks"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-annotationhooks"}},[t._v("#")]),t._v(" Interface: AnnotationHooks")]),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("AnnotationHooks")])])]),t._v(" "),e("p",[t._v("↳ "),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[e("code",[t._v("CoreAnnotationOptions")])])],1),t._v(" "),e("p",[t._v("↳ "),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationPluginOptions.html"}},[e("code",[t._v("AnnotationPluginOptions")])])],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:"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("context")]),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("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L23",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:23"),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("context")]),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("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L22",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:22"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=n.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[20],{430:function(t,e,a){"use strict";a.r(e);var r=a(4),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-annotationhooks"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-annotationhooks"}},[t._v("#")]),t._v(" Interface: AnnotationHooks")]),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("AnnotationHooks")])])]),t._v(" "),e("p",[t._v("↳ "),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[e("code",[t._v("CoreAnnotationOptions")])])],1),t._v(" "),e("p",[t._v("↳ "),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationPluginOptions.html"}},[e("code",[t._v("AnnotationPluginOptions")])])],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:"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("context")]),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("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L23",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:23"),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("context")]),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("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L22",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:22"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=n.exports}}]); \ No newline at end of file diff --git a/master/assets/js/21.5cc09dab.js b/master/assets/js/21.b0ceabb3.js similarity index 95% rename from master/assets/js/21.5cc09dab.js rename to master/assets/js/21.b0ceabb3.js index bd4a1a7b8..52b13c3b1 100644 --- a/master/assets/js/21.5cc09dab.js +++ b/master/assets/js/21.b0ceabb3.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[21],{429:function(t,e,a){"use strict";a.r(e);var n=a(4),r=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-annotationpluginoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-annotationpluginoptions"}},[t._v("#")]),t._v(" Interface: AnnotationPluginOptions")]),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/AnnotationEvents.html"}},[e("code",[t._v("AnnotationEvents")])])],1)]),t._v(" "),e("li",[e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationHooks.html"}},[e("code",[t._v("AnnotationHooks")])])],1),t._v(" "),e("p",[t._v("↳ "),e("strong",[e("code",[t._v("AnnotationPluginOptions")])])])])]),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("animations")]),t._v(": "),e("code",[t._v("Record")]),t._v("<"),e("code",[t._v("string")]),t._v(", "),e("code",[t._v("unknown")]),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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L153",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:153"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"annotations"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#annotations"}},[t._v("#")]),t._v(" annotations")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("annotations")]),t._v(": "),e("code",[t._v("Record")]),t._v("<"),e("code",[t._v("string")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/#annotationoptions"}},[e("code",[t._v("AnnotationOptions")])]),t._v("> | "),e("RouterLink",{attrs:{to:"/api/#annotationoptions"}},[e("code",[t._v("AnnotationOptions")])]),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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L154",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:154"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("clip")]),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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L155",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:155"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"common"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#common"}},[t._v("#")]),t._v(" common")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("common")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/BoxAnnotationOptions.html"}},[e("code",[t._v("BoxAnnotationOptions")])]),t._v(" | "),e("RouterLink",{attrs:{to:"/api/interfaces/EllipseAnnotationOptions.html"}},[e("code",[t._v("EllipseAnnotationOptions")])]),t._v(" | "),e("RouterLink",{attrs:{to:"/api/interfaces/LabelAnnotationOptions.html"}},[e("code",[t._v("LabelAnnotationOptions")])]),t._v(" | "),e("RouterLink",{attrs:{to:"/api/interfaces/LineAnnotationOptions.html"}},[e("code",[t._v("LineAnnotationOptions")])]),t._v(" | "),e("RouterLink",{attrs:{to:"/api/interfaces/PointAnnotationOptions.html"}},[e("code",[t._v("PointAnnotationOptions")])]),t._v(" | "),e("RouterLink",{attrs:{to:"/api/interfaces/PolygonAnnotationOptions.html"}},[e("code",[t._v("PolygonAnnotationOptions")])])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L156",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:156"),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("Optional")]),t._v(" "),e("strong",[t._v("interaction")]),t._v(": "),e("code",[t._v("CoreInteractionOptions")])]),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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L157",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:157"),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:"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("context")]),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("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],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"}},[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/AnnotationHooks.html"}},[t._v("AnnotationHooks")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationHooks.html#afterdraw"}},[t._v("afterDraw")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L23",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:23"),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("context")]),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("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],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-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/AnnotationHooks.html"}},[t._v("AnnotationHooks")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationHooks.html#beforedraw"}},[t._v("beforeDraw")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L22",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:22"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"click"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#click"}},[t._v("#")]),t._v(" click")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("click")]),t._v("("),e("code",[t._v("context")]),t._v(", "),e("code",[t._v("event")]),t._v("): "),e("code",[t._v("boolean")]),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("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],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("ChartEvent")])])])])]),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("boolean")]),t._v(" | "),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/interfaces/AnnotationEvents.html"}},[t._v("AnnotationEvents")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationEvents.html#click"}},[t._v("click")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/events.d.ts#L27",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:27"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"enter"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#enter"}},[t._v("#")]),t._v(" enter")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("enter")]),t._v("("),e("code",[t._v("context")]),t._v(", "),e("code",[t._v("event")]),t._v("): "),e("code",[t._v("boolean")]),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("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],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("ChartEvent")])])])])]),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("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/AnnotationEvents.html"}},[t._v("AnnotationEvents")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationEvents.html#enter"}},[t._v("enter")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/events.d.ts#L25",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:25"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"leave"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#leave"}},[t._v("#")]),t._v(" leave")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("leave")]),t._v("("),e("code",[t._v("context")]),t._v(", "),e("code",[t._v("event")]),t._v("): "),e("code",[t._v("boolean")]),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("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],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("ChartEvent")])])])])]),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("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/AnnotationEvents.html"}},[t._v("AnnotationEvents")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationEvents.html#leave"}},[t._v("leave")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/events.d.ts#L26",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:26"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=r.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[21],{431:function(t,e,a){"use strict";a.r(e);var n=a(4),r=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-annotationpluginoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-annotationpluginoptions"}},[t._v("#")]),t._v(" Interface: AnnotationPluginOptions")]),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/AnnotationEvents.html"}},[e("code",[t._v("AnnotationEvents")])])],1)]),t._v(" "),e("li",[e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationHooks.html"}},[e("code",[t._v("AnnotationHooks")])])],1),t._v(" "),e("p",[t._v("↳ "),e("strong",[e("code",[t._v("AnnotationPluginOptions")])])])])]),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("animations")]),t._v(": "),e("code",[t._v("Record")]),t._v("<"),e("code",[t._v("string")]),t._v(", "),e("code",[t._v("unknown")]),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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L153",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:153"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"annotations"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#annotations"}},[t._v("#")]),t._v(" annotations")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("annotations")]),t._v(": "),e("code",[t._v("Record")]),t._v("<"),e("code",[t._v("string")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/#annotationoptions"}},[e("code",[t._v("AnnotationOptions")])]),t._v("> | "),e("RouterLink",{attrs:{to:"/api/#annotationoptions"}},[e("code",[t._v("AnnotationOptions")])]),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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L154",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:154"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("clip")]),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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L155",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:155"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"common"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#common"}},[t._v("#")]),t._v(" common")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("common")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/BoxAnnotationOptions.html"}},[e("code",[t._v("BoxAnnotationOptions")])]),t._v(" | "),e("RouterLink",{attrs:{to:"/api/interfaces/EllipseAnnotationOptions.html"}},[e("code",[t._v("EllipseAnnotationOptions")])]),t._v(" | "),e("RouterLink",{attrs:{to:"/api/interfaces/LabelAnnotationOptions.html"}},[e("code",[t._v("LabelAnnotationOptions")])]),t._v(" | "),e("RouterLink",{attrs:{to:"/api/interfaces/LineAnnotationOptions.html"}},[e("code",[t._v("LineAnnotationOptions")])]),t._v(" | "),e("RouterLink",{attrs:{to:"/api/interfaces/PointAnnotationOptions.html"}},[e("code",[t._v("PointAnnotationOptions")])]),t._v(" | "),e("RouterLink",{attrs:{to:"/api/interfaces/PolygonAnnotationOptions.html"}},[e("code",[t._v("PolygonAnnotationOptions")])])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L156",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:156"),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("Optional")]),t._v(" "),e("strong",[t._v("interaction")]),t._v(": "),e("code",[t._v("CoreInteractionOptions")])]),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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L157",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:157"),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:"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("context")]),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("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],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"}},[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/AnnotationHooks.html"}},[t._v("AnnotationHooks")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationHooks.html#afterdraw"}},[t._v("afterDraw")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L23",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:23"),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("context")]),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("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],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-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/AnnotationHooks.html"}},[t._v("AnnotationHooks")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationHooks.html#beforedraw"}},[t._v("beforeDraw")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L22",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:22"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"click"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#click"}},[t._v("#")]),t._v(" click")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("click")]),t._v("("),e("code",[t._v("context")]),t._v(", "),e("code",[t._v("event")]),t._v("): "),e("code",[t._v("boolean")]),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("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],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("ChartEvent")])])])])]),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("boolean")]),t._v(" | "),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/interfaces/AnnotationEvents.html"}},[t._v("AnnotationEvents")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationEvents.html#click"}},[t._v("click")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/events.d.ts#L27",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:27"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"enter"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#enter"}},[t._v("#")]),t._v(" enter")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("enter")]),t._v("("),e("code",[t._v("context")]),t._v(", "),e("code",[t._v("event")]),t._v("): "),e("code",[t._v("boolean")]),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("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],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("ChartEvent")])])])])]),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("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/AnnotationEvents.html"}},[t._v("AnnotationEvents")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationEvents.html#enter"}},[t._v("enter")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/events.d.ts#L25",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:25"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"leave"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#leave"}},[t._v("#")]),t._v(" leave")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("leave")]),t._v("("),e("code",[t._v("context")]),t._v(", "),e("code",[t._v("event")]),t._v("): "),e("code",[t._v("boolean")]),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("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],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("ChartEvent")])])])])]),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("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/AnnotationEvents.html"}},[t._v("AnnotationEvents")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationEvents.html#leave"}},[t._v("leave")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/events.d.ts#L26",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:26"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=r.exports}}]); \ No newline at end of file diff --git a/master/assets/js/22.f47f8efd.js b/master/assets/js/22.ab6552e7.js similarity index 95% rename from master/assets/js/22.f47f8efd.js rename to master/assets/js/22.ab6552e7.js index 133b302c9..bd241ab91 100644 --- a/master/assets/js/22.f47f8efd.js +++ b/master/assets/js/22.ab6552e7.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[22],{432:function(t,a,e){"use strict";e.r(a);var n=e(4),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:"interface-annotationpointcoordinates"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#interface-annotationpointcoordinates"}},[t._v("#")]),t._v(" Interface: AnnotationPointCoordinates")]),t._v(" "),a("h2",{attrs:{id:"hierarchy"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#hierarchy"}},[t._v("#")]),t._v(" Hierarchy")]),t._v(" "),a("ul",[a("li",[a("p",[a("strong",[a("code",[t._v("AnnotationPointCoordinates")])])]),t._v(" "),a("p",[t._v("↳ "),a("RouterLink",{attrs:{to:"/api/interfaces/PointAnnotationOptions.html"}},[a("code",[t._v("PointAnnotationOptions")])])],1),t._v(" "),a("p",[t._v("↳ "),a("RouterLink",{attrs:{to:"/api/interfaces/LabelAnnotationOptions.html"}},[a("code",[t._v("LabelAnnotationOptions")])])],1),t._v(" "),a("p",[t._v("↳ "),a("RouterLink",{attrs:{to:"/api/interfaces/PolygonAnnotationOptions.html"}},[a("code",[t._v("PolygonAnnotationOptions")])])],1)])]),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:"xvalue"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#xvalue"}},[t._v("#")]),t._v(" xValue")]),t._v(" "),a("p",[t._v("• "),a("code",[t._v("Optional")]),t._v(" "),a("strong",[t._v("xValue")]),t._v(": "),a("RouterLink",{attrs:{to:"/api/#scriptable"}},[a("code",[t._v("Scriptable")])]),t._v("<"),a("RouterLink",{attrs:{to:"/api/#scalevalue"}},[a("code",[t._v("ScaleValue")])]),t._v(", "),a("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[a("code",[t._v("PartialEventContext")])]),t._v(">")],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L58",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:58"),a("OutboundLink")],1)]),t._v(" "),a("hr"),t._v(" "),a("h3",{attrs:{id:"yvalue"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#yvalue"}},[t._v("#")]),t._v(" yValue")]),t._v(" "),a("p",[t._v("• "),a("code",[t._v("Optional")]),t._v(" "),a("strong",[t._v("yValue")]),t._v(": "),a("RouterLink",{attrs:{to:"/api/#scriptable"}},[a("code",[t._v("Scriptable")])]),t._v("<"),a("RouterLink",{attrs:{to:"/api/#scalevalue"}},[a("code",[t._v("ScaleValue")])]),t._v(", "),a("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[a("code",[t._v("PartialEventContext")])]),t._v(">")],1),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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L59",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:59"),a("OutboundLink")],1)])])}),[],!1,null,null,null);a.default=o.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[22],{432:function(t,a,e){"use strict";e.r(a);var n=e(4),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:"interface-annotationpointcoordinates"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#interface-annotationpointcoordinates"}},[t._v("#")]),t._v(" Interface: AnnotationPointCoordinates")]),t._v(" "),a("h2",{attrs:{id:"hierarchy"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#hierarchy"}},[t._v("#")]),t._v(" Hierarchy")]),t._v(" "),a("ul",[a("li",[a("p",[a("strong",[a("code",[t._v("AnnotationPointCoordinates")])])]),t._v(" "),a("p",[t._v("↳ "),a("RouterLink",{attrs:{to:"/api/interfaces/PointAnnotationOptions.html"}},[a("code",[t._v("PointAnnotationOptions")])])],1),t._v(" "),a("p",[t._v("↳ "),a("RouterLink",{attrs:{to:"/api/interfaces/LabelAnnotationOptions.html"}},[a("code",[t._v("LabelAnnotationOptions")])])],1),t._v(" "),a("p",[t._v("↳ "),a("RouterLink",{attrs:{to:"/api/interfaces/PolygonAnnotationOptions.html"}},[a("code",[t._v("PolygonAnnotationOptions")])])],1)])]),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:"xvalue"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#xvalue"}},[t._v("#")]),t._v(" xValue")]),t._v(" "),a("p",[t._v("• "),a("code",[t._v("Optional")]),t._v(" "),a("strong",[t._v("xValue")]),t._v(": "),a("RouterLink",{attrs:{to:"/api/#scriptable"}},[a("code",[t._v("Scriptable")])]),t._v("<"),a("RouterLink",{attrs:{to:"/api/#scalevalue"}},[a("code",[t._v("ScaleValue")])]),t._v(", "),a("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[a("code",[t._v("PartialEventContext")])]),t._v(">")],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L58",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:58"),a("OutboundLink")],1)]),t._v(" "),a("hr"),t._v(" "),a("h3",{attrs:{id:"yvalue"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#yvalue"}},[t._v("#")]),t._v(" yValue")]),t._v(" "),a("p",[t._v("• "),a("code",[t._v("Optional")]),t._v(" "),a("strong",[t._v("yValue")]),t._v(": "),a("RouterLink",{attrs:{to:"/api/#scriptable"}},[a("code",[t._v("Scriptable")])]),t._v("<"),a("RouterLink",{attrs:{to:"/api/#scalevalue"}},[a("code",[t._v("ScaleValue")])]),t._v(", "),a("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[a("code",[t._v("PartialEventContext")])]),t._v(">")],1),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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L59",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:59"),a("OutboundLink")],1)])])}),[],!1,null,null,null);a.default=o.exports}}]); \ No newline at end of file diff --git a/master/assets/js/23.92a5bd23.js b/master/assets/js/23.b5824177.js similarity index 90% rename from master/assets/js/23.92a5bd23.js rename to master/assets/js/23.b5824177.js index 51417735b..696ebe400 100644 --- a/master/assets/js/23.92a5bd23.js +++ b/master/assets/js/23.b5824177.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[23],{433:function(t,n,e){"use strict";e.r(n);var a=e(4),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:"interface-annotationtyperegistry"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#interface-annotationtyperegistry"}},[t._v("#")]),t._v(" Interface: AnnotationTypeRegistry")]),t._v(" "),n("h2",{attrs:{id:"properties"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),n("h3",{attrs:{id:"box"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#box"}},[t._v("#")]),t._v(" box")]),t._v(" "),n("p",[t._v("• "),n("strong",[t._v("box")]),t._v(": "),n("RouterLink",{attrs:{to:"/api/interfaces/BoxAnnotationOptions.html"}},[n("code",[t._v("BoxAnnotationOptions")])])],1),t._v(" "),n("h4",{attrs:{id:"defined-in"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),n("p",[n("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L9",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:9"),n("OutboundLink")],1)]),t._v(" "),n("hr"),t._v(" "),n("h3",{attrs:{id:"ellipse"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#ellipse"}},[t._v("#")]),t._v(" ellipse")]),t._v(" "),n("p",[t._v("• "),n("strong",[t._v("ellipse")]),t._v(": "),n("RouterLink",{attrs:{to:"/api/interfaces/EllipseAnnotationOptions.html"}},[n("code",[t._v("EllipseAnnotationOptions")])])],1),t._v(" "),n("h4",{attrs:{id:"defined-in-2"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-2"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),n("p",[n("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L10",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:10"),n("OutboundLink")],1)]),t._v(" "),n("hr"),t._v(" "),n("h3",{attrs:{id:"label"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#label"}},[t._v("#")]),t._v(" label")]),t._v(" "),n("p",[t._v("• "),n("strong",[t._v("label")]),t._v(": "),n("RouterLink",{attrs:{to:"/api/interfaces/LabelAnnotationOptions.html"}},[n("code",[t._v("LabelAnnotationOptions")])])],1),t._v(" "),n("h4",{attrs:{id:"defined-in-3"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-3"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),n("p",[n("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L11",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:11"),n("OutboundLink")],1)]),t._v(" "),n("hr"),t._v(" "),n("h3",{attrs:{id:"line"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#line"}},[t._v("#")]),t._v(" line")]),t._v(" "),n("p",[t._v("• "),n("strong",[t._v("line")]),t._v(": "),n("RouterLink",{attrs:{to:"/api/interfaces/LineAnnotationOptions.html"}},[n("code",[t._v("LineAnnotationOptions")])])],1),t._v(" "),n("h4",{attrs:{id:"defined-in-4"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-4"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),n("p",[n("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L12",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:12"),n("OutboundLink")],1)]),t._v(" "),n("hr"),t._v(" "),n("h3",{attrs:{id:"point"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#point"}},[t._v("#")]),t._v(" point")]),t._v(" "),n("p",[t._v("• "),n("strong",[t._v("point")]),t._v(": "),n("RouterLink",{attrs:{to:"/api/interfaces/PointAnnotationOptions.html"}},[n("code",[t._v("PointAnnotationOptions")])])],1),t._v(" "),n("h4",{attrs:{id:"defined-in-5"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-5"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),n("p",[n("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L13",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:13"),n("OutboundLink")],1)]),t._v(" "),n("hr"),t._v(" "),n("h3",{attrs:{id:"polygon"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#polygon"}},[t._v("#")]),t._v(" polygon")]),t._v(" "),n("p",[t._v("• "),n("strong",[t._v("polygon")]),t._v(": "),n("RouterLink",{attrs:{to:"/api/interfaces/PolygonAnnotationOptions.html"}},[n("code",[t._v("PolygonAnnotationOptions")])])],1),t._v(" "),n("h4",{attrs:{id:"defined-in-6"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-6"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),n("p",[n("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L14",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:14"),n("OutboundLink")],1)])])}),[],!1,null,null,null);n.default=o.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[23],{434:function(t,n,e){"use strict";e.r(n);var a=e(4),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:"interface-annotationtyperegistry"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#interface-annotationtyperegistry"}},[t._v("#")]),t._v(" Interface: AnnotationTypeRegistry")]),t._v(" "),n("h2",{attrs:{id:"properties"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),n("h3",{attrs:{id:"box"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#box"}},[t._v("#")]),t._v(" box")]),t._v(" "),n("p",[t._v("• "),n("strong",[t._v("box")]),t._v(": "),n("RouterLink",{attrs:{to:"/api/interfaces/BoxAnnotationOptions.html"}},[n("code",[t._v("BoxAnnotationOptions")])])],1),t._v(" "),n("h4",{attrs:{id:"defined-in"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),n("p",[n("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L9",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:9"),n("OutboundLink")],1)]),t._v(" "),n("hr"),t._v(" "),n("h3",{attrs:{id:"ellipse"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#ellipse"}},[t._v("#")]),t._v(" ellipse")]),t._v(" "),n("p",[t._v("• "),n("strong",[t._v("ellipse")]),t._v(": "),n("RouterLink",{attrs:{to:"/api/interfaces/EllipseAnnotationOptions.html"}},[n("code",[t._v("EllipseAnnotationOptions")])])],1),t._v(" "),n("h4",{attrs:{id:"defined-in-2"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-2"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),n("p",[n("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L10",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:10"),n("OutboundLink")],1)]),t._v(" "),n("hr"),t._v(" "),n("h3",{attrs:{id:"label"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#label"}},[t._v("#")]),t._v(" label")]),t._v(" "),n("p",[t._v("• "),n("strong",[t._v("label")]),t._v(": "),n("RouterLink",{attrs:{to:"/api/interfaces/LabelAnnotationOptions.html"}},[n("code",[t._v("LabelAnnotationOptions")])])],1),t._v(" "),n("h4",{attrs:{id:"defined-in-3"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-3"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),n("p",[n("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L11",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:11"),n("OutboundLink")],1)]),t._v(" "),n("hr"),t._v(" "),n("h3",{attrs:{id:"line"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#line"}},[t._v("#")]),t._v(" line")]),t._v(" "),n("p",[t._v("• "),n("strong",[t._v("line")]),t._v(": "),n("RouterLink",{attrs:{to:"/api/interfaces/LineAnnotationOptions.html"}},[n("code",[t._v("LineAnnotationOptions")])])],1),t._v(" "),n("h4",{attrs:{id:"defined-in-4"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-4"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),n("p",[n("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L12",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:12"),n("OutboundLink")],1)]),t._v(" "),n("hr"),t._v(" "),n("h3",{attrs:{id:"point"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#point"}},[t._v("#")]),t._v(" point")]),t._v(" "),n("p",[t._v("• "),n("strong",[t._v("point")]),t._v(": "),n("RouterLink",{attrs:{to:"/api/interfaces/PointAnnotationOptions.html"}},[n("code",[t._v("PointAnnotationOptions")])])],1),t._v(" "),n("h4",{attrs:{id:"defined-in-5"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-5"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),n("p",[n("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L13",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:13"),n("OutboundLink")],1)]),t._v(" "),n("hr"),t._v(" "),n("h3",{attrs:{id:"polygon"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#polygon"}},[t._v("#")]),t._v(" polygon")]),t._v(" "),n("p",[t._v("• "),n("strong",[t._v("polygon")]),t._v(": "),n("RouterLink",{attrs:{to:"/api/interfaces/PolygonAnnotationOptions.html"}},[n("code",[t._v("PolygonAnnotationOptions")])])],1),t._v(" "),n("h4",{attrs:{id:"defined-in-6"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-6"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),n("p",[n("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L14",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:14"),n("OutboundLink")],1)])])}),[],!1,null,null,null);n.default=o.exports}}]); \ No newline at end of file diff --git a/master/assets/js/24.184692fb.js b/master/assets/js/24.184692fb.js deleted file mode 100644 index f6e613f9b..000000000 --- a/master/assets/js/24.184692fb.js +++ /dev/null @@ -1 +0,0 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[24],{434:function(t,e,r){"use strict";r.r(e);var a=r(4),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-arrowheadoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-arrowheadoptions"}},[t._v("#")]),t._v(" Interface: ArrowHeadOptions")]),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/ShadowOptions.html"}},[e("code",[t._v("ShadowOptions")])])],1),t._v(" "),e("p",[t._v("↳ "),e("strong",[e("code",[t._v("ArrowHeadOptions")])])]),t._v(" "),e("p",[t._v("↳↳ "),e("RouterLink",{attrs:{to:"/api/interfaces/ArrowHeadsOptions.html"}},[e("code",[t._v("ArrowHeadsOptions")])])],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:"backgroundcolor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#backgroundcolor"}},[t._v("#")]),t._v(" backgroundColor")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("backgroundColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Color")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L63",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:63"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"backgroundshadowcolor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#backgroundshadowcolor"}},[t._v("#")]),t._v(" backgroundShadowColor")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("backgroundShadowColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Color")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/ShadowOptions.html"}},[t._v("ShadowOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ShadowOptions.html#backgroundshadowcolor"}},[t._v("backgroundShadowColor")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L30",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:30"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("borderColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Color")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L64",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:64"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L65",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:65"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L66",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:66"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"bordershadowcolor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#bordershadowcolor"}},[t._v("#")]),t._v(" borderShadowColor")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("borderShadowColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Color")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/ShadowOptions.html"}},[t._v("ShadowOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ShadowOptions.html#bordershadowcolor"}},[t._v("borderShadowColor")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L31",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:31"),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("code",[t._v("Optional")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L67",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:67"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("display")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L68",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:68"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"fill"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#fill"}},[t._v("#")]),t._v(" fill")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("fill")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L69",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:69"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"length"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#length"}},[t._v("#")]),t._v(" length")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("length")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L70",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:70"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"shadowblur"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#shadowblur"}},[t._v("#")]),t._v(" shadowBlur")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("shadowBlur")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/ShadowOptions.html"}},[t._v("ShadowOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ShadowOptions.html#shadowblur"}},[t._v("shadowBlur")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L32",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:32"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"shadowoffsetx"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#shadowoffsetx"}},[t._v("#")]),t._v(" shadowOffsetX")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("shadowOffsetX")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],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/ShadowOptions.html"}},[t._v("ShadowOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ShadowOptions.html#shadowoffsetx"}},[t._v("shadowOffsetX")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L33",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:33"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"shadowoffsety"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#shadowoffsety"}},[t._v("#")]),t._v(" shadowOffsetY")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("shadowOffsetY")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/ShadowOptions.html"}},[t._v("ShadowOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ShadowOptions.html#shadowoffsety"}},[t._v("shadowOffsetY")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L34",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:34"),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("Optional")]),t._v(" "),e("strong",[t._v("width")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L71",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:71"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=o.exports}}]); \ No newline at end of file diff --git a/master/assets/js/24.f9b469a7.js b/master/assets/js/24.f9b469a7.js new file mode 100644 index 000000000..5d1ddb2cd --- /dev/null +++ b/master/assets/js/24.f9b469a7.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[24],{433:function(t,r,a){"use strict";a.r(r);var e=a(4),o=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-arrowheadoptions"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#interface-arrowheadoptions"}},[t._v("#")]),t._v(" Interface: ArrowHeadOptions")]),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/ShadowOptions.html"}},[r("code",[t._v("ShadowOptions")])])],1),t._v(" "),r("p",[t._v("↳ "),r("strong",[r("code",[t._v("ArrowHeadOptions")])])]),t._v(" "),r("p",[t._v("↳↳ "),r("RouterLink",{attrs:{to:"/api/interfaces/ArrowHeadsOptions.html"}},[r("code",[t._v("ArrowHeadsOptions")])])],1)])]),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:"backgroundcolor"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#backgroundcolor"}},[t._v("#")]),t._v(" backgroundColor")]),t._v(" "),r("p",[t._v("• "),r("code",[t._v("Optional")]),t._v(" "),r("strong",[t._v("backgroundColor")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptable"}},[r("code",[t._v("Scriptable")])]),t._v("<"),r("code",[t._v("Color")]),t._v(", "),r("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[r("code",[t._v("PartialEventContext")])]),t._v(">")],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L63",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:63"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"backgroundshadowcolor"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#backgroundshadowcolor"}},[t._v("#")]),t._v(" backgroundShadowColor")]),t._v(" "),r("p",[t._v("• "),r("code",[t._v("Optional")]),t._v(" "),r("strong",[t._v("backgroundShadowColor")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptable"}},[r("code",[t._v("Scriptable")])]),t._v("<"),r("code",[t._v("Color")]),t._v(", "),r("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[r("code",[t._v("PartialEventContext")])]),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",[r("RouterLink",{attrs:{to:"/api/interfaces/ShadowOptions.html"}},[t._v("ShadowOptions")]),t._v("."),r("RouterLink",{attrs:{to:"/api/interfaces/ShadowOptions.html#backgroundshadowcolor"}},[t._v("backgroundShadowColor")])],1),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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L30",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:30"),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("code",[t._v("Optional")]),t._v(" "),r("strong",[t._v("borderColor")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptable"}},[r("code",[t._v("Scriptable")])]),t._v("<"),r("code",[t._v("Color")]),t._v(", "),r("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[r("code",[t._v("PartialEventContext")])]),t._v(">")],1),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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L64",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:64"),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("code",[t._v("Optional")]),t._v(" "),r("strong",[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/PartialEventContext.html"}},[r("code",[t._v("PartialEventContext")])]),t._v(">")],1),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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L65",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:65"),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("code",[t._v("Optional")]),t._v(" "),r("strong",[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/PartialEventContext.html"}},[r("code",[t._v("PartialEventContext")])]),t._v(">")],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L66",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:66"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"bordershadowcolor"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#bordershadowcolor"}},[t._v("#")]),t._v(" borderShadowColor")]),t._v(" "),r("p",[t._v("• "),r("code",[t._v("Optional")]),t._v(" "),r("strong",[t._v("borderShadowColor")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptable"}},[r("code",[t._v("Scriptable")])]),t._v("<"),r("code",[t._v("Color")]),t._v(", "),r("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[r("code",[t._v("PartialEventContext")])]),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",[r("RouterLink",{attrs:{to:"/api/interfaces/ShadowOptions.html"}},[t._v("ShadowOptions")]),t._v("."),r("RouterLink",{attrs:{to:"/api/interfaces/ShadowOptions.html#bordershadowcolor"}},[t._v("borderShadowColor")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L31",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:31"),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("code",[t._v("Optional")]),t._v(" "),r("strong",[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/PartialEventContext.html"}},[r("code",[t._v("PartialEventContext")])]),t._v(">")],1),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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L67",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:67"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"display"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#display"}},[t._v("#")]),t._v(" display")]),t._v(" "),r("p",[t._v("• "),r("code",[t._v("Optional")]),t._v(" "),r("strong",[t._v("display")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptable"}},[r("code",[t._v("Scriptable")])]),t._v("<"),r("code",[t._v("boolean")]),t._v(", "),r("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[r("code",[t._v("PartialEventContext")])]),t._v(">")],1),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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L68",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:68"),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("code",[t._v("Optional")]),t._v(" "),r("strong",[t._v("fill")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptable"}},[r("code",[t._v("Scriptable")])]),t._v("<"),r("code",[t._v("boolean")]),t._v(", "),r("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[r("code",[t._v("PartialEventContext")])]),t._v(">")],1),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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L69",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:69"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"length"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#length"}},[t._v("#")]),t._v(" length")]),t._v(" "),r("p",[t._v("• "),r("code",[t._v("Optional")]),t._v(" "),r("strong",[t._v("length")]),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/PartialEventContext.html"}},[r("code",[t._v("PartialEventContext")])]),t._v(">")],1),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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L70",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:70"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"shadowblur"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#shadowblur"}},[t._v("#")]),t._v(" shadowBlur")]),t._v(" "),r("p",[t._v("• "),r("code",[t._v("Optional")]),t._v(" "),r("strong",[t._v("shadowBlur")]),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/PartialEventContext.html"}},[r("code",[t._v("PartialEventContext")])]),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",[r("RouterLink",{attrs:{to:"/api/interfaces/ShadowOptions.html"}},[t._v("ShadowOptions")]),t._v("."),r("RouterLink",{attrs:{to:"/api/interfaces/ShadowOptions.html#shadowblur"}},[t._v("shadowBlur")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L32",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:32"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"shadowoffsetx"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#shadowoffsetx"}},[t._v("#")]),t._v(" shadowOffsetX")]),t._v(" "),r("p",[t._v("• "),r("code",[t._v("Optional")]),t._v(" "),r("strong",[t._v("shadowOffsetX")]),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/PartialEventContext.html"}},[r("code",[t._v("PartialEventContext")])]),t._v(">")],1),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",[r("RouterLink",{attrs:{to:"/api/interfaces/ShadowOptions.html"}},[t._v("ShadowOptions")]),t._v("."),r("RouterLink",{attrs:{to:"/api/interfaces/ShadowOptions.html#shadowoffsetx"}},[t._v("shadowOffsetX")])],1),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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L33",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:33"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"shadowoffsety"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#shadowoffsety"}},[t._v("#")]),t._v(" shadowOffsetY")]),t._v(" "),r("p",[t._v("• "),r("code",[t._v("Optional")]),t._v(" "),r("strong",[t._v("shadowOffsetY")]),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/PartialEventContext.html"}},[r("code",[t._v("PartialEventContext")])]),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",[r("RouterLink",{attrs:{to:"/api/interfaces/ShadowOptions.html"}},[t._v("ShadowOptions")]),t._v("."),r("RouterLink",{attrs:{to:"/api/interfaces/ShadowOptions.html#shadowoffsety"}},[t._v("shadowOffsetY")])],1),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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L34",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:34"),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("code",[t._v("Optional")]),t._v(" "),r("strong",[t._v("width")]),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/PartialEventContext.html"}},[r("code",[t._v("PartialEventContext")])]),t._v(">")],1),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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L71",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:71"),r("OutboundLink")],1)])])}),[],!1,null,null,null);r.default=o.exports}}]); \ No newline at end of file diff --git a/master/assets/js/25.f9477171.js b/master/assets/js/25.f7b2b62f.js similarity index 94% rename from master/assets/js/25.f9477171.js rename to master/assets/js/25.f7b2b62f.js index f93b5b683..a126039c0 100644 --- a/master/assets/js/25.f9477171.js +++ b/master/assets/js/25.f7b2b62f.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[25],{435:function(t,r,e){"use strict";e.r(r);var a=e(4),o=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-arrowheadsoptions"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#interface-arrowheadsoptions"}},[t._v("#")]),t._v(" Interface: ArrowHeadsOptions")]),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/ArrowHeadOptions.html"}},[r("code",[t._v("ArrowHeadOptions")])])],1),t._v(" "),r("p",[t._v("↳ "),r("strong",[r("code",[t._v("ArrowHeadsOptions")])])])])]),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:"backgroundcolor"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#backgroundcolor"}},[t._v("#")]),t._v(" backgroundColor")]),t._v(" "),r("p",[t._v("• "),r("code",[t._v("Optional")]),t._v(" "),r("strong",[t._v("backgroundColor")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptable"}},[r("code",[t._v("Scriptable")])]),t._v("<"),r("code",[t._v("Color")]),t._v(", "),r("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[r("code",[t._v("PartialEventContext")])]),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",[r("RouterLink",{attrs:{to:"/api/interfaces/ArrowHeadOptions.html"}},[t._v("ArrowHeadOptions")]),t._v("."),r("RouterLink",{attrs:{to:"/api/interfaces/ArrowHeadOptions.html#backgroundcolor"}},[t._v("backgroundColor")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L63",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:63"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"backgroundshadowcolor"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#backgroundshadowcolor"}},[t._v("#")]),t._v(" backgroundShadowColor")]),t._v(" "),r("p",[t._v("• "),r("code",[t._v("Optional")]),t._v(" "),r("strong",[t._v("backgroundShadowColor")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptable"}},[r("code",[t._v("Scriptable")])]),t._v("<"),r("code",[t._v("Color")]),t._v(", "),r("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[r("code",[t._v("PartialEventContext")])]),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",[r("RouterLink",{attrs:{to:"/api/interfaces/ArrowHeadOptions.html"}},[t._v("ArrowHeadOptions")]),t._v("."),r("RouterLink",{attrs:{to:"/api/interfaces/ArrowHeadOptions.html#backgroundshadowcolor"}},[t._v("backgroundShadowColor")])],1),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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L30",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:30"),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("code",[t._v("Optional")]),t._v(" "),r("strong",[t._v("borderColor")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptable"}},[r("code",[t._v("Scriptable")])]),t._v("<"),r("code",[t._v("Color")]),t._v(", "),r("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[r("code",[t._v("PartialEventContext")])]),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",[r("RouterLink",{attrs:{to:"/api/interfaces/ArrowHeadOptions.html"}},[t._v("ArrowHeadOptions")]),t._v("."),r("RouterLink",{attrs:{to:"/api/interfaces/ArrowHeadOptions.html#bordercolor"}},[t._v("borderColor")])],1),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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L64",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:64"),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("code",[t._v("Optional")]),t._v(" "),r("strong",[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/PartialEventContext.html"}},[r("code",[t._v("PartialEventContext")])]),t._v(">")],1),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",[r("RouterLink",{attrs:{to:"/api/interfaces/ArrowHeadOptions.html"}},[t._v("ArrowHeadOptions")]),t._v("."),r("RouterLink",{attrs:{to:"/api/interfaces/ArrowHeadOptions.html#borderdash"}},[t._v("borderDash")])],1),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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L65",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:65"),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("code",[t._v("Optional")]),t._v(" "),r("strong",[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/PartialEventContext.html"}},[r("code",[t._v("PartialEventContext")])]),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",[r("RouterLink",{attrs:{to:"/api/interfaces/ArrowHeadOptions.html"}},[t._v("ArrowHeadOptions")]),t._v("."),r("RouterLink",{attrs:{to:"/api/interfaces/ArrowHeadOptions.html#borderdashoffset"}},[t._v("borderDashOffset")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L66",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:66"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"bordershadowcolor"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#bordershadowcolor"}},[t._v("#")]),t._v(" borderShadowColor")]),t._v(" "),r("p",[t._v("• "),r("code",[t._v("Optional")]),t._v(" "),r("strong",[t._v("borderShadowColor")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptable"}},[r("code",[t._v("Scriptable")])]),t._v("<"),r("code",[t._v("Color")]),t._v(", "),r("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[r("code",[t._v("PartialEventContext")])]),t._v(">")],1),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",[r("RouterLink",{attrs:{to:"/api/interfaces/ArrowHeadOptions.html"}},[t._v("ArrowHeadOptions")]),t._v("."),r("RouterLink",{attrs:{to:"/api/interfaces/ArrowHeadOptions.html#bordershadowcolor"}},[t._v("borderShadowColor")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L31",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:31"),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("code",[t._v("Optional")]),t._v(" "),r("strong",[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/PartialEventContext.html"}},[r("code",[t._v("PartialEventContext")])]),t._v(">")],1),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",[r("RouterLink",{attrs:{to:"/api/interfaces/ArrowHeadOptions.html"}},[t._v("ArrowHeadOptions")]),t._v("."),r("RouterLink",{attrs:{to:"/api/interfaces/ArrowHeadOptions.html#borderwidth"}},[t._v("borderWidth")])],1),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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L67",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:67"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"display"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#display"}},[t._v("#")]),t._v(" display")]),t._v(" "),r("p",[t._v("• "),r("code",[t._v("Optional")]),t._v(" "),r("strong",[t._v("display")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptable"}},[r("code",[t._v("Scriptable")])]),t._v("<"),r("code",[t._v("boolean")]),t._v(", "),r("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[r("code",[t._v("PartialEventContext")])]),t._v(">")],1),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",[r("RouterLink",{attrs:{to:"/api/interfaces/ArrowHeadOptions.html"}},[t._v("ArrowHeadOptions")]),t._v("."),r("RouterLink",{attrs:{to:"/api/interfaces/ArrowHeadOptions.html#display"}},[t._v("display")])],1),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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L68",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:68"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"end"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#end"}},[t._v("#")]),t._v(" end")]),t._v(" "),r("p",[t._v("• "),r("code",[t._v("Optional")]),t._v(" "),r("strong",[t._v("end")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/interfaces/ArrowHeadOptions.html"}},[r("code",[t._v("ArrowHeadOptions")])])],1),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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L75",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:75"),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("code",[t._v("Optional")]),t._v(" "),r("strong",[t._v("fill")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptable"}},[r("code",[t._v("Scriptable")])]),t._v("<"),r("code",[t._v("boolean")]),t._v(", "),r("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[r("code",[t._v("PartialEventContext")])]),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",[r("RouterLink",{attrs:{to:"/api/interfaces/ArrowHeadOptions.html"}},[t._v("ArrowHeadOptions")]),t._v("."),r("RouterLink",{attrs:{to:"/api/interfaces/ArrowHeadOptions.html#fill"}},[t._v("fill")])],1),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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L69",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:69"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"length"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#length"}},[t._v("#")]),t._v(" length")]),t._v(" "),r("p",[t._v("• "),r("code",[t._v("Optional")]),t._v(" "),r("strong",[t._v("length")]),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/PartialEventContext.html"}},[r("code",[t._v("PartialEventContext")])]),t._v(">")],1),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",[r("RouterLink",{attrs:{to:"/api/interfaces/ArrowHeadOptions.html"}},[t._v("ArrowHeadOptions")]),t._v("."),r("RouterLink",{attrs:{to:"/api/interfaces/ArrowHeadOptions.html#length"}},[t._v("length")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L70",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:70"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"shadowblur"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#shadowblur"}},[t._v("#")]),t._v(" shadowBlur")]),t._v(" "),r("p",[t._v("• "),r("code",[t._v("Optional")]),t._v(" "),r("strong",[t._v("shadowBlur")]),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/PartialEventContext.html"}},[r("code",[t._v("PartialEventContext")])]),t._v(">")],1),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/ArrowHeadOptions.html"}},[t._v("ArrowHeadOptions")]),t._v("."),r("RouterLink",{attrs:{to:"/api/interfaces/ArrowHeadOptions.html#shadowblur"}},[t._v("shadowBlur")])],1),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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L32",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:32"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"shadowoffsetx"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#shadowoffsetx"}},[t._v("#")]),t._v(" shadowOffsetX")]),t._v(" "),r("p",[t._v("• "),r("code",[t._v("Optional")]),t._v(" "),r("strong",[t._v("shadowOffsetX")]),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/PartialEventContext.html"}},[r("code",[t._v("PartialEventContext")])]),t._v(">")],1),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",[r("RouterLink",{attrs:{to:"/api/interfaces/ArrowHeadOptions.html"}},[t._v("ArrowHeadOptions")]),t._v("."),r("RouterLink",{attrs:{to:"/api/interfaces/ArrowHeadOptions.html#shadowoffsetx"}},[t._v("shadowOffsetX")])],1),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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L33",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:33"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"shadowoffsety"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#shadowoffsety"}},[t._v("#")]),t._v(" shadowOffsetY")]),t._v(" "),r("p",[t._v("• "),r("code",[t._v("Optional")]),t._v(" "),r("strong",[t._v("shadowOffsetY")]),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/PartialEventContext.html"}},[r("code",[t._v("PartialEventContext")])]),t._v(">")],1),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",[r("RouterLink",{attrs:{to:"/api/interfaces/ArrowHeadOptions.html"}},[t._v("ArrowHeadOptions")]),t._v("."),r("RouterLink",{attrs:{to:"/api/interfaces/ArrowHeadOptions.html#shadowoffsety"}},[t._v("shadowOffsetY")])],1),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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L34",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:34"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"start"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#start"}},[t._v("#")]),t._v(" start")]),t._v(" "),r("p",[t._v("• "),r("code",[t._v("Optional")]),t._v(" "),r("strong",[t._v("start")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/interfaces/ArrowHeadOptions.html"}},[r("code",[t._v("ArrowHeadOptions")])])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L76",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:76"),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("code",[t._v("Optional")]),t._v(" "),r("strong",[t._v("width")]),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/PartialEventContext.html"}},[r("code",[t._v("PartialEventContext")])]),t._v(">")],1),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",[r("RouterLink",{attrs:{to:"/api/interfaces/ArrowHeadOptions.html"}},[t._v("ArrowHeadOptions")]),t._v("."),r("RouterLink",{attrs:{to:"/api/interfaces/ArrowHeadOptions.html#width"}},[t._v("width")])],1),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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L71",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:71"),r("OutboundLink")],1)])])}),[],!1,null,null,null);r.default=o.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[25],{435:function(t,r,e){"use strict";e.r(r);var a=e(4),o=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-arrowheadsoptions"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#interface-arrowheadsoptions"}},[t._v("#")]),t._v(" Interface: ArrowHeadsOptions")]),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/ArrowHeadOptions.html"}},[r("code",[t._v("ArrowHeadOptions")])])],1),t._v(" "),r("p",[t._v("↳ "),r("strong",[r("code",[t._v("ArrowHeadsOptions")])])])])]),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:"backgroundcolor"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#backgroundcolor"}},[t._v("#")]),t._v(" backgroundColor")]),t._v(" "),r("p",[t._v("• "),r("code",[t._v("Optional")]),t._v(" "),r("strong",[t._v("backgroundColor")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptable"}},[r("code",[t._v("Scriptable")])]),t._v("<"),r("code",[t._v("Color")]),t._v(", "),r("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[r("code",[t._v("PartialEventContext")])]),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",[r("RouterLink",{attrs:{to:"/api/interfaces/ArrowHeadOptions.html"}},[t._v("ArrowHeadOptions")]),t._v("."),r("RouterLink",{attrs:{to:"/api/interfaces/ArrowHeadOptions.html#backgroundcolor"}},[t._v("backgroundColor")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L63",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:63"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"backgroundshadowcolor"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#backgroundshadowcolor"}},[t._v("#")]),t._v(" backgroundShadowColor")]),t._v(" "),r("p",[t._v("• "),r("code",[t._v("Optional")]),t._v(" "),r("strong",[t._v("backgroundShadowColor")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptable"}},[r("code",[t._v("Scriptable")])]),t._v("<"),r("code",[t._v("Color")]),t._v(", "),r("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[r("code",[t._v("PartialEventContext")])]),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",[r("RouterLink",{attrs:{to:"/api/interfaces/ArrowHeadOptions.html"}},[t._v("ArrowHeadOptions")]),t._v("."),r("RouterLink",{attrs:{to:"/api/interfaces/ArrowHeadOptions.html#backgroundshadowcolor"}},[t._v("backgroundShadowColor")])],1),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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L30",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:30"),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("code",[t._v("Optional")]),t._v(" "),r("strong",[t._v("borderColor")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptable"}},[r("code",[t._v("Scriptable")])]),t._v("<"),r("code",[t._v("Color")]),t._v(", "),r("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[r("code",[t._v("PartialEventContext")])]),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",[r("RouterLink",{attrs:{to:"/api/interfaces/ArrowHeadOptions.html"}},[t._v("ArrowHeadOptions")]),t._v("."),r("RouterLink",{attrs:{to:"/api/interfaces/ArrowHeadOptions.html#bordercolor"}},[t._v("borderColor")])],1),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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L64",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:64"),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("code",[t._v("Optional")]),t._v(" "),r("strong",[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/PartialEventContext.html"}},[r("code",[t._v("PartialEventContext")])]),t._v(">")],1),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",[r("RouterLink",{attrs:{to:"/api/interfaces/ArrowHeadOptions.html"}},[t._v("ArrowHeadOptions")]),t._v("."),r("RouterLink",{attrs:{to:"/api/interfaces/ArrowHeadOptions.html#borderdash"}},[t._v("borderDash")])],1),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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L65",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:65"),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("code",[t._v("Optional")]),t._v(" "),r("strong",[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/PartialEventContext.html"}},[r("code",[t._v("PartialEventContext")])]),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",[r("RouterLink",{attrs:{to:"/api/interfaces/ArrowHeadOptions.html"}},[t._v("ArrowHeadOptions")]),t._v("."),r("RouterLink",{attrs:{to:"/api/interfaces/ArrowHeadOptions.html#borderdashoffset"}},[t._v("borderDashOffset")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L66",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:66"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"bordershadowcolor"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#bordershadowcolor"}},[t._v("#")]),t._v(" borderShadowColor")]),t._v(" "),r("p",[t._v("• "),r("code",[t._v("Optional")]),t._v(" "),r("strong",[t._v("borderShadowColor")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptable"}},[r("code",[t._v("Scriptable")])]),t._v("<"),r("code",[t._v("Color")]),t._v(", "),r("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[r("code",[t._v("PartialEventContext")])]),t._v(">")],1),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",[r("RouterLink",{attrs:{to:"/api/interfaces/ArrowHeadOptions.html"}},[t._v("ArrowHeadOptions")]),t._v("."),r("RouterLink",{attrs:{to:"/api/interfaces/ArrowHeadOptions.html#bordershadowcolor"}},[t._v("borderShadowColor")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L31",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:31"),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("code",[t._v("Optional")]),t._v(" "),r("strong",[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/PartialEventContext.html"}},[r("code",[t._v("PartialEventContext")])]),t._v(">")],1),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",[r("RouterLink",{attrs:{to:"/api/interfaces/ArrowHeadOptions.html"}},[t._v("ArrowHeadOptions")]),t._v("."),r("RouterLink",{attrs:{to:"/api/interfaces/ArrowHeadOptions.html#borderwidth"}},[t._v("borderWidth")])],1),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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L67",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:67"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"display"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#display"}},[t._v("#")]),t._v(" display")]),t._v(" "),r("p",[t._v("• "),r("code",[t._v("Optional")]),t._v(" "),r("strong",[t._v("display")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptable"}},[r("code",[t._v("Scriptable")])]),t._v("<"),r("code",[t._v("boolean")]),t._v(", "),r("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[r("code",[t._v("PartialEventContext")])]),t._v(">")],1),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",[r("RouterLink",{attrs:{to:"/api/interfaces/ArrowHeadOptions.html"}},[t._v("ArrowHeadOptions")]),t._v("."),r("RouterLink",{attrs:{to:"/api/interfaces/ArrowHeadOptions.html#display"}},[t._v("display")])],1),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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L68",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:68"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"end"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#end"}},[t._v("#")]),t._v(" end")]),t._v(" "),r("p",[t._v("• "),r("code",[t._v("Optional")]),t._v(" "),r("strong",[t._v("end")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/interfaces/ArrowHeadOptions.html"}},[r("code",[t._v("ArrowHeadOptions")])])],1),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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L75",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:75"),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("code",[t._v("Optional")]),t._v(" "),r("strong",[t._v("fill")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptable"}},[r("code",[t._v("Scriptable")])]),t._v("<"),r("code",[t._v("boolean")]),t._v(", "),r("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[r("code",[t._v("PartialEventContext")])]),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",[r("RouterLink",{attrs:{to:"/api/interfaces/ArrowHeadOptions.html"}},[t._v("ArrowHeadOptions")]),t._v("."),r("RouterLink",{attrs:{to:"/api/interfaces/ArrowHeadOptions.html#fill"}},[t._v("fill")])],1),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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L69",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:69"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"length"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#length"}},[t._v("#")]),t._v(" length")]),t._v(" "),r("p",[t._v("• "),r("code",[t._v("Optional")]),t._v(" "),r("strong",[t._v("length")]),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/PartialEventContext.html"}},[r("code",[t._v("PartialEventContext")])]),t._v(">")],1),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",[r("RouterLink",{attrs:{to:"/api/interfaces/ArrowHeadOptions.html"}},[t._v("ArrowHeadOptions")]),t._v("."),r("RouterLink",{attrs:{to:"/api/interfaces/ArrowHeadOptions.html#length"}},[t._v("length")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L70",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:70"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"shadowblur"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#shadowblur"}},[t._v("#")]),t._v(" shadowBlur")]),t._v(" "),r("p",[t._v("• "),r("code",[t._v("Optional")]),t._v(" "),r("strong",[t._v("shadowBlur")]),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/PartialEventContext.html"}},[r("code",[t._v("PartialEventContext")])]),t._v(">")],1),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/ArrowHeadOptions.html"}},[t._v("ArrowHeadOptions")]),t._v("."),r("RouterLink",{attrs:{to:"/api/interfaces/ArrowHeadOptions.html#shadowblur"}},[t._v("shadowBlur")])],1),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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L32",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:32"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"shadowoffsetx"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#shadowoffsetx"}},[t._v("#")]),t._v(" shadowOffsetX")]),t._v(" "),r("p",[t._v("• "),r("code",[t._v("Optional")]),t._v(" "),r("strong",[t._v("shadowOffsetX")]),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/PartialEventContext.html"}},[r("code",[t._v("PartialEventContext")])]),t._v(">")],1),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",[r("RouterLink",{attrs:{to:"/api/interfaces/ArrowHeadOptions.html"}},[t._v("ArrowHeadOptions")]),t._v("."),r("RouterLink",{attrs:{to:"/api/interfaces/ArrowHeadOptions.html#shadowoffsetx"}},[t._v("shadowOffsetX")])],1),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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L33",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:33"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"shadowoffsety"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#shadowoffsety"}},[t._v("#")]),t._v(" shadowOffsetY")]),t._v(" "),r("p",[t._v("• "),r("code",[t._v("Optional")]),t._v(" "),r("strong",[t._v("shadowOffsetY")]),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/PartialEventContext.html"}},[r("code",[t._v("PartialEventContext")])]),t._v(">")],1),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",[r("RouterLink",{attrs:{to:"/api/interfaces/ArrowHeadOptions.html"}},[t._v("ArrowHeadOptions")]),t._v("."),r("RouterLink",{attrs:{to:"/api/interfaces/ArrowHeadOptions.html#shadowoffsety"}},[t._v("shadowOffsetY")])],1),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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L34",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:34"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"start"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#start"}},[t._v("#")]),t._v(" start")]),t._v(" "),r("p",[t._v("• "),r("code",[t._v("Optional")]),t._v(" "),r("strong",[t._v("start")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/interfaces/ArrowHeadOptions.html"}},[r("code",[t._v("ArrowHeadOptions")])])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L76",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:76"),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("code",[t._v("Optional")]),t._v(" "),r("strong",[t._v("width")]),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/PartialEventContext.html"}},[r("code",[t._v("PartialEventContext")])]),t._v(">")],1),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",[r("RouterLink",{attrs:{to:"/api/interfaces/ArrowHeadOptions.html"}},[t._v("ArrowHeadOptions")]),t._v("."),r("RouterLink",{attrs:{to:"/api/interfaces/ArrowHeadOptions.html#width"}},[t._v("width")])],1),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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L71",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:71"),r("OutboundLink")],1)])])}),[],!1,null,null,null);r.default=o.exports}}]); \ No newline at end of file diff --git a/master/assets/js/26.d8002129.js b/master/assets/js/26.673cc00a.js similarity index 94% rename from master/assets/js/26.d8002129.js rename to master/assets/js/26.673cc00a.js index 7dbc3ccd6..1c6537e0f 100644 --- a/master/assets/js/26.d8002129.js +++ b/master/assets/js/26.673cc00a.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[26],{436:function(t,e,r){"use strict";r.r(e);var a=r(4),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-boxannotationoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-boxannotationoptions"}},[t._v("#")]),t._v(" Interface: BoxAnnotationOptions")]),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/CoreAnnotationOptions.html"}},[e("code",[t._v("CoreAnnotationOptions")])])],1),t._v(" "),e("p",[t._v("↳ "),e("strong",[e("code",[t._v("BoxAnnotationOptions")])])])])]),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:"adjustscalerange"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#adjustscalerange"}},[t._v("#")]),t._v(" adjustScaleRange")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("adjustScaleRange")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#adjustscalerange"}},[t._v("adjustScaleRange")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L38",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:38"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("backgroundColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Color")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L95",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:95"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"backgroundshadowcolor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#backgroundshadowcolor"}},[t._v("#")]),t._v(" backgroundShadowColor")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("backgroundShadowColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Color")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#backgroundshadowcolor"}},[t._v("backgroundShadowColor")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L30",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:30"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"bordercapstyle"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#bordercapstyle"}},[t._v("#")]),t._v(" borderCapStyle")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("borderCapStyle")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("CanvasLineCap")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Border line cap style. See MDN.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("'butt'")]),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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L100",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:100"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("borderColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Color")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#bordercolor"}},[t._v("borderColor")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L39",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:39"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Border 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:"overrides"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#overrides"}},[t._v("#")]),t._v(" Overrides")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#borderdash"}},[t._v("borderDash")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L105",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:105"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Border 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:"overrides-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#overrides-2"}},[t._v("#")]),t._v(" Overrides")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#borderdashoffset"}},[t._v("borderDashOffset")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L110",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:110"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("borderJoinStyle")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("CanvasLineJoin")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Border line join style. See MDN.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("'miter'")]),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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L115",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:115"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[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("code",[t._v("BorderRadius")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L116",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:116"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"bordershadowcolor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#bordershadowcolor"}},[t._v("#")]),t._v(" borderShadowColor")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("borderShadowColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Color")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#bordershadowcolor"}},[t._v("borderShadowColor")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L31",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:31"),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("code",[t._v("Optional")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L42",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:42"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("display")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#display"}},[t._v("display")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L43",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:43"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"drawtime"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#drawtime"}},[t._v("#")]),t._v(" drawTime")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("drawTime")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#drawtime"}},[e("code",[t._v("DrawTime")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#drawtime"}},[t._v("drawTime")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L44",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:44"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"hittolerance"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hittolerance"}},[t._v("#")]),t._v(" hitTolerance")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("hitTolerance")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#hittolerance"}},[t._v("hitTolerance")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L45",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:45"),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("Optional")]),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/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#id"}},[t._v("id")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L47",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:47"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("init")]),t._v(": "),e("code",[t._v("boolean")]),t._v(" | ("),e("code",[t._v("__namedParameters")]),t._v(": "),e("code",[t._v("Object")]),t._v(") => "),e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")]),t._v(" | "),e("code",[t._v("Partial")]),t._v("<"),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationElement.html"}},[e("code",[t._v("AnnotationElement")])]),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#init"}},[t._v("init")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L46",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:46"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("label")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/BoxLabelOptions.html"}},[e("code",[t._v("BoxLabelOptions")])])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L117",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:117"),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("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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L118",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:118"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"shadowblur"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#shadowblur"}},[t._v("#")]),t._v(" shadowBlur")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("shadowBlur")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#shadowblur"}},[t._v("shadowBlur")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L32",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:32"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"shadowoffsetx"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#shadowoffsetx"}},[t._v("#")]),t._v(" shadowOffsetX")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("shadowOffsetX")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#shadowoffsetx"}},[t._v("shadowOffsetX")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L33",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:33"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"shadowoffsety"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#shadowoffsety"}},[t._v("#")]),t._v(" shadowOffsetY")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("shadowOffsetY")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#shadowoffsety"}},[t._v("shadowOffsetY")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L34",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:34"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"xmax"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#xmax"}},[t._v("#")]),t._v(" xMax")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("xMax")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#scalevalue"}},[e("code",[t._v("ScaleValue")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#xmax"}},[t._v("xMax")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L48",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:48"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"xmin"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#xmin"}},[t._v("#")]),t._v(" xMin")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("xMin")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#scalevalue"}},[e("code",[t._v("ScaleValue")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#xmin"}},[t._v("xMin")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L49",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:49"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"xscaleid"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#xscaleid"}},[t._v("#")]),t._v(" xScaleID")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("xScaleID")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#xscaleid"}},[t._v("xScaleID")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L50",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:50"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"ymax"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#ymax"}},[t._v("#")]),t._v(" yMax")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("yMax")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#scalevalue"}},[e("code",[t._v("ScaleValue")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#ymax"}},[t._v("yMax")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L51",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:51"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"ymin"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#ymin"}},[t._v("#")]),t._v(" yMin")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("yMin")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#scalevalue"}},[e("code",[t._v("ScaleValue")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#ymin"}},[t._v("yMin")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L52",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:52"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"yscaleid"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#yscaleid"}},[t._v("#")]),t._v(" yScaleID")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("yScaleID")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#yscaleid"}},[t._v("yScaleID")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L53",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:53"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("z")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#z"}},[t._v("z")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L54",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:54"),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:"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("context")]),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("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],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-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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#afterdraw"}},[t._v("afterDraw")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L23",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:23"),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("context")]),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("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],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-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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#beforedraw"}},[t._v("beforeDraw")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L22",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:22"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"click"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#click"}},[t._v("#")]),t._v(" click")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("click")]),t._v("("),e("code",[t._v("context")]),t._v(", "),e("code",[t._v("event")]),t._v("): "),e("code",[t._v("boolean")]),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("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],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("ChartEvent")])])])])]),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("boolean")]),t._v(" | "),e("code",[t._v("void")])]),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#click"}},[t._v("click")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/events.d.ts#L27",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:27"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"enter"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#enter"}},[t._v("#")]),t._v(" enter")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("enter")]),t._v("("),e("code",[t._v("context")]),t._v(", "),e("code",[t._v("event")]),t._v("): "),e("code",[t._v("boolean")]),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("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],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("ChartEvent")])])])])]),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("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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#enter"}},[t._v("enter")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/events.d.ts#L25",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:25"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"leave"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#leave"}},[t._v("#")]),t._v(" leave")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("leave")]),t._v("("),e("code",[t._v("context")]),t._v(", "),e("code",[t._v("event")]),t._v("): "),e("code",[t._v("boolean")]),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("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],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("ChartEvent")])])])])]),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("code",[t._v("void")])]),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#leave"}},[t._v("leave")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/events.d.ts#L26",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:26"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=o.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[26],{436:function(t,e,a){"use strict";a.r(e);var r=a(4),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:"interface-boxannotationoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-boxannotationoptions"}},[t._v("#")]),t._v(" Interface: BoxAnnotationOptions")]),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/CoreAnnotationOptions.html"}},[e("code",[t._v("CoreAnnotationOptions")])])],1),t._v(" "),e("p",[t._v("↳ "),e("strong",[e("code",[t._v("BoxAnnotationOptions")])])])])]),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:"adjustscalerange"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#adjustscalerange"}},[t._v("#")]),t._v(" adjustScaleRange")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("adjustScaleRange")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#adjustscalerange"}},[t._v("adjustScaleRange")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L38",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:38"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("backgroundColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Color")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L95",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:95"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"backgroundshadowcolor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#backgroundshadowcolor"}},[t._v("#")]),t._v(" backgroundShadowColor")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("backgroundShadowColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Color")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#backgroundshadowcolor"}},[t._v("backgroundShadowColor")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L30",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:30"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"bordercapstyle"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#bordercapstyle"}},[t._v("#")]),t._v(" borderCapStyle")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("borderCapStyle")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("CanvasLineCap")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Border line cap style. See MDN.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("'butt'")]),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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L100",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:100"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("borderColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Color")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#bordercolor"}},[t._v("borderColor")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L39",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:39"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Border 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:"overrides"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#overrides"}},[t._v("#")]),t._v(" Overrides")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#borderdash"}},[t._v("borderDash")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L105",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:105"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Border 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:"overrides-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#overrides-2"}},[t._v("#")]),t._v(" Overrides")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#borderdashoffset"}},[t._v("borderDashOffset")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L110",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:110"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("borderJoinStyle")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("CanvasLineJoin")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Border line join style. See MDN.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("'miter'")]),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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L115",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:115"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[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("code",[t._v("BorderRadius")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L116",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:116"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"bordershadowcolor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#bordershadowcolor"}},[t._v("#")]),t._v(" borderShadowColor")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("borderShadowColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Color")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#bordershadowcolor"}},[t._v("borderShadowColor")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L31",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:31"),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("code",[t._v("Optional")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L42",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:42"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("display")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#display"}},[t._v("display")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L43",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:43"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"drawtime"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#drawtime"}},[t._v("#")]),t._v(" drawTime")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("drawTime")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#drawtime"}},[e("code",[t._v("DrawTime")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#drawtime"}},[t._v("drawTime")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L44",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:44"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"hittolerance"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hittolerance"}},[t._v("#")]),t._v(" hitTolerance")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("hitTolerance")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#hittolerance"}},[t._v("hitTolerance")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L45",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:45"),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("Optional")]),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/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#id"}},[t._v("id")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L47",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:47"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("init")]),t._v(": "),e("code",[t._v("boolean")]),t._v(" | ("),e("code",[t._v("__namedParameters")]),t._v(": "),e("code",[t._v("Object")]),t._v(") => "),e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")]),t._v(" | "),e("code",[t._v("Partial")]),t._v("<"),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationElement.html"}},[e("code",[t._v("AnnotationElement")])]),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#init"}},[t._v("init")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L46",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:46"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("label")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/BoxLabelOptions.html"}},[e("code",[t._v("BoxLabelOptions")])])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L117",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:117"),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("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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L118",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:118"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"shadowblur"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#shadowblur"}},[t._v("#")]),t._v(" shadowBlur")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("shadowBlur")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#shadowblur"}},[t._v("shadowBlur")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L32",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:32"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"shadowoffsetx"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#shadowoffsetx"}},[t._v("#")]),t._v(" shadowOffsetX")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("shadowOffsetX")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#shadowoffsetx"}},[t._v("shadowOffsetX")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L33",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:33"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"shadowoffsety"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#shadowoffsety"}},[t._v("#")]),t._v(" shadowOffsetY")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("shadowOffsetY")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#shadowoffsety"}},[t._v("shadowOffsetY")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L34",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:34"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"xmax"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#xmax"}},[t._v("#")]),t._v(" xMax")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("xMax")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#scalevalue"}},[e("code",[t._v("ScaleValue")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#xmax"}},[t._v("xMax")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L48",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:48"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"xmin"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#xmin"}},[t._v("#")]),t._v(" xMin")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("xMin")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#scalevalue"}},[e("code",[t._v("ScaleValue")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#xmin"}},[t._v("xMin")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L49",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:49"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"xscaleid"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#xscaleid"}},[t._v("#")]),t._v(" xScaleID")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("xScaleID")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#xscaleid"}},[t._v("xScaleID")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L50",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:50"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"ymax"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#ymax"}},[t._v("#")]),t._v(" yMax")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("yMax")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#scalevalue"}},[e("code",[t._v("ScaleValue")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#ymax"}},[t._v("yMax")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L51",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:51"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"ymin"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#ymin"}},[t._v("#")]),t._v(" yMin")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("yMin")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#scalevalue"}},[e("code",[t._v("ScaleValue")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#ymin"}},[t._v("yMin")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L52",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:52"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"yscaleid"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#yscaleid"}},[t._v("#")]),t._v(" yScaleID")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("yScaleID")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#yscaleid"}},[t._v("yScaleID")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L53",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:53"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("z")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#z"}},[t._v("z")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L54",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:54"),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:"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("context")]),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("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],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-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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#afterdraw"}},[t._v("afterDraw")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L23",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:23"),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("context")]),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("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],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-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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#beforedraw"}},[t._v("beforeDraw")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L22",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:22"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"click"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#click"}},[t._v("#")]),t._v(" click")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("click")]),t._v("("),e("code",[t._v("context")]),t._v(", "),e("code",[t._v("event")]),t._v("): "),e("code",[t._v("boolean")]),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("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],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("ChartEvent")])])])])]),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("boolean")]),t._v(" | "),e("code",[t._v("void")])]),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#click"}},[t._v("click")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/events.d.ts#L27",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:27"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"enter"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#enter"}},[t._v("#")]),t._v(" enter")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("enter")]),t._v("("),e("code",[t._v("context")]),t._v(", "),e("code",[t._v("event")]),t._v("): "),e("code",[t._v("boolean")]),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("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],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("ChartEvent")])])])])]),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("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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#enter"}},[t._v("enter")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/events.d.ts#L25",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:25"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"leave"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#leave"}},[t._v("#")]),t._v(" leave")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("leave")]),t._v("("),e("code",[t._v("context")]),t._v(", "),e("code",[t._v("event")]),t._v("): "),e("code",[t._v("boolean")]),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("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],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("ChartEvent")])])])])]),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("code",[t._v("void")])]),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#leave"}},[t._v("leave")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/events.d.ts#L26",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:26"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=o.exports}}]); \ No newline at end of file diff --git a/master/assets/js/27.e4c278d9.js b/master/assets/js/27.63292a44.js similarity index 95% rename from master/assets/js/27.e4c278d9.js rename to master/assets/js/27.63292a44.js index 33b678605..736c9c94b 100644 --- a/master/assets/js/27.e4c278d9.js +++ b/master/assets/js/27.63292a44.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[27],{437:function(t,e,a){"use strict";a.r(e);var r=a(4),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-boxlabeloptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-boxlabeloptions"}},[t._v("#")]),t._v(" Interface: BoxLabelOptions")]),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/CoreLabelOptions.html"}},[e("code",[t._v("CoreLabelOptions")])])],1),t._v(" "),e("p",[t._v("↳ "),e("strong",[e("code",[t._v("BoxLabelOptions")])])])])]),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("color")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Color")]),t._v(" | "),e("code",[t._v("Color")]),t._v("[], "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/CoreLabelOptions.html"}},[t._v("CoreLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreLabelOptions.html#color"}},[t._v("color")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L43",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:43"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"content"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#content"}},[t._v("#")]),t._v(" content")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("content")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("string")]),t._v(" | "),e("code",[t._v("string")]),t._v("[] | "),e("code",[t._v("HTMLCanvasElement")]),t._v(" | "),e("code",[t._v("HTMLImageElement")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Text to display in label. Provide an array to display multiple lines")]),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/CoreLabelOptions.html"}},[t._v("CoreLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreLabelOptions.html#content"}},[t._v("content")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L73",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:73"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("display")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Whether the label should be displayed")]),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-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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L144",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:144"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"drawtime"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#drawtime"}},[t._v("#")]),t._v(" drawTime")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("drawTime")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#drawtime"}},[e("code",[t._v("DrawTime")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/CoreLabelOptions.html"}},[t._v("CoreLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreLabelOptions.html#drawtime"}},[t._v("drawTime")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L41",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:41"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("font")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Partial")]),t._v("<"),e("code",[t._v("FontSpec")]),t._v("> | "),e("code",[t._v("Partial")]),t._v("<"),e("code",[t._v("FontSpec")]),t._v(">[], "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],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/CoreLabelOptions.html"}},[t._v("CoreLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreLabelOptions.html#font"}},[t._v("font")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L42",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:42"),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("Optional")]),t._v(" "),e("strong",[t._v("height")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(" | `${number}%`, "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Overrides the height of the image. Could be set in pixel by a number,\nor in percentage of current height of image by a string")]),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/CoreLabelOptions.html"}},[t._v("CoreLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreLabelOptions.html#height"}},[t._v("height")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L83",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:83"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"hittolerance"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hittolerance"}},[t._v("#")]),t._v(" hitTolerance")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("hitTolerance")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L145",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:145"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("opacity")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Overrides the opacity of the image.")]),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/CoreLabelOptions.html"}},[t._v("CoreLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreLabelOptions.html#opacity"}},[t._v("opacity")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L87",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:87"),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("code",[t._v("Optional")]),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("number")]),t._v(" | "),e("RouterLink",{attrs:{to:"/api/interfaces/LabelPadding.html"}},[e("code",[t._v("LabelPadding")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Padding of label")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("6")]),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/CoreLabelOptions.html"}},[t._v("CoreLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreLabelOptions.html#padding"}},[t._v("padding")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L48",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:48"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("position")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#labelposition"}},[e("code",[t._v("LabelPosition")])]),t._v(" | "),e("RouterLink",{attrs:{to:"/api/interfaces/LabelPositionObject.html"}},[e("code",[t._v("LabelPositionObject")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L139",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:139"),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("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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L146",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:146"),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("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#labeltextalign"}},[e("code",[t._v("LabelTextAlign")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Text alignment when the content of the label is multi-line.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("'center'")]),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/CoreLabelOptions.html"}},[t._v("CoreLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreLabelOptions.html#textalign"}},[t._v("textAlign")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L53",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:53"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("textStrokeColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Color")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],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",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreLabelOptions.html"}},[t._v("CoreLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreLabelOptions.html#textstrokecolor"}},[t._v("textStrokeColor")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L54",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:54"),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("code",[t._v("Optional")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/CoreLabelOptions.html"}},[t._v("CoreLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreLabelOptions.html#textstrokewidth"}},[t._v("textStrokeWidth")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L55",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:55"),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("Optional")]),t._v(" "),e("strong",[t._v("width")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(" | `${number}%`, "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Overrides the width of the image. Could be set in pixel by a number,\nor in percentage of current width of image by a string")]),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/CoreLabelOptions.html"}},[t._v("CoreLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreLabelOptions.html#width"}},[t._v("width")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L78",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:78"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"xadjust"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#xadjust"}},[t._v("#")]),t._v(" xAdjust")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("xAdjust")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Adjustment along x-axis (left-right) of label relative to above number (can be negative)\nFor horizontal lines positioned left or right, negative values move\nthe label toward the edge, and positive values toward the center.")]),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-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/CoreLabelOptions.html"}},[t._v("CoreLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreLabelOptions.html#xadjust"}},[t._v("xAdjust")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L62",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:62"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"yadjust"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#yadjust"}},[t._v("#")]),t._v(" yAdjust")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("yAdjust")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Adjustment along y-axis (top-bottom) of label relative to above number (can be negative)\nFor vertical lines positioned top or bottom, negative values move\nthe label toward the edge, and positive values toward the center.")]),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-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/CoreLabelOptions.html"}},[t._v("CoreLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreLabelOptions.html#yadjust"}},[t._v("yAdjust")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L69",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:69"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("z")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),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/CoreLabelOptions.html"}},[t._v("CoreLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreLabelOptions.html#z"}},[t._v("z")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L88",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:88"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=i.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[27],{437:function(t,e,a){"use strict";a.r(e);var r=a(4),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-boxlabeloptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-boxlabeloptions"}},[t._v("#")]),t._v(" Interface: BoxLabelOptions")]),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/CoreLabelOptions.html"}},[e("code",[t._v("CoreLabelOptions")])])],1),t._v(" "),e("p",[t._v("↳ "),e("strong",[e("code",[t._v("BoxLabelOptions")])])])])]),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("color")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Color")]),t._v(" | "),e("code",[t._v("Color")]),t._v("[], "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/CoreLabelOptions.html"}},[t._v("CoreLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreLabelOptions.html#color"}},[t._v("color")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L43",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:43"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"content"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#content"}},[t._v("#")]),t._v(" content")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("content")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("string")]),t._v(" | "),e("code",[t._v("string")]),t._v("[] | "),e("code",[t._v("HTMLCanvasElement")]),t._v(" | "),e("code",[t._v("HTMLImageElement")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Text to display in label. Provide an array to display multiple lines")]),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/CoreLabelOptions.html"}},[t._v("CoreLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreLabelOptions.html#content"}},[t._v("content")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L73",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:73"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("display")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Whether the label should be displayed")]),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-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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L144",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:144"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"drawtime"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#drawtime"}},[t._v("#")]),t._v(" drawTime")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("drawTime")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#drawtime"}},[e("code",[t._v("DrawTime")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/CoreLabelOptions.html"}},[t._v("CoreLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreLabelOptions.html#drawtime"}},[t._v("drawTime")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L41",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:41"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("font")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Partial")]),t._v("<"),e("code",[t._v("FontSpec")]),t._v("> | "),e("code",[t._v("Partial")]),t._v("<"),e("code",[t._v("FontSpec")]),t._v(">[], "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],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/CoreLabelOptions.html"}},[t._v("CoreLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreLabelOptions.html#font"}},[t._v("font")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L42",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:42"),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("Optional")]),t._v(" "),e("strong",[t._v("height")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(" | `${number}%`, "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Overrides the height of the image. Could be set in pixel by a number,\nor in percentage of current height of image by a string")]),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/CoreLabelOptions.html"}},[t._v("CoreLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreLabelOptions.html#height"}},[t._v("height")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L83",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:83"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"hittolerance"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hittolerance"}},[t._v("#")]),t._v(" hitTolerance")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("hitTolerance")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L145",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:145"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("opacity")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Overrides the opacity of the image.")]),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/CoreLabelOptions.html"}},[t._v("CoreLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreLabelOptions.html#opacity"}},[t._v("opacity")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L87",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:87"),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("code",[t._v("Optional")]),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("number")]),t._v(" | "),e("RouterLink",{attrs:{to:"/api/interfaces/LabelPadding.html"}},[e("code",[t._v("LabelPadding")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Padding of label")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("6")]),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/CoreLabelOptions.html"}},[t._v("CoreLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreLabelOptions.html#padding"}},[t._v("padding")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L48",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:48"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("position")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#labelposition"}},[e("code",[t._v("LabelPosition")])]),t._v(" | "),e("RouterLink",{attrs:{to:"/api/interfaces/LabelPositionObject.html"}},[e("code",[t._v("LabelPositionObject")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L139",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:139"),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("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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L146",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:146"),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("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#labeltextalign"}},[e("code",[t._v("LabelTextAlign")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Text alignment when the content of the label is multi-line.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("'center'")]),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/CoreLabelOptions.html"}},[t._v("CoreLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreLabelOptions.html#textalign"}},[t._v("textAlign")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L53",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:53"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("textStrokeColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Color")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],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",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreLabelOptions.html"}},[t._v("CoreLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreLabelOptions.html#textstrokecolor"}},[t._v("textStrokeColor")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L54",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:54"),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("code",[t._v("Optional")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/CoreLabelOptions.html"}},[t._v("CoreLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreLabelOptions.html#textstrokewidth"}},[t._v("textStrokeWidth")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L55",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:55"),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("Optional")]),t._v(" "),e("strong",[t._v("width")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(" | `${number}%`, "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Overrides the width of the image. Could be set in pixel by a number,\nor in percentage of current width of image by a string")]),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/CoreLabelOptions.html"}},[t._v("CoreLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreLabelOptions.html#width"}},[t._v("width")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L78",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:78"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"xadjust"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#xadjust"}},[t._v("#")]),t._v(" xAdjust")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("xAdjust")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Adjustment along x-axis (left-right) of label relative to above number (can be negative)\nFor horizontal lines positioned left or right, negative values move\nthe label toward the edge, and positive values toward the center.")]),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-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/CoreLabelOptions.html"}},[t._v("CoreLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreLabelOptions.html#xadjust"}},[t._v("xAdjust")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L62",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:62"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"yadjust"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#yadjust"}},[t._v("#")]),t._v(" yAdjust")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("yAdjust")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Adjustment along y-axis (top-bottom) of label relative to above number (can be negative)\nFor vertical lines positioned top or bottom, negative values move\nthe label toward the edge, and positive values toward the center.")]),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-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/CoreLabelOptions.html"}},[t._v("CoreLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreLabelOptions.html#yadjust"}},[t._v("yAdjust")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L69",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:69"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("z")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),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/CoreLabelOptions.html"}},[t._v("CoreLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreLabelOptions.html#z"}},[t._v("z")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L88",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:88"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=i.exports}}]); \ No newline at end of file diff --git a/master/assets/js/28.6ae232dd.js b/master/assets/js/28.498b8064.js similarity index 92% rename from master/assets/js/28.6ae232dd.js rename to master/assets/js/28.498b8064.js index f38c645c1..e618253ed 100644 --- a/master/assets/js/28.6ae232dd.js +++ b/master/assets/js/28.498b8064.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[28],{438:function(t,e,a){"use strict";a.r(e);var r=a(4),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-calloutoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-calloutoptions"}},[t._v("#")]),t._v(" Interface: CalloutOptions")]),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:"bordercapstyle"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#bordercapstyle"}},[t._v("#")]),t._v(" borderCapStyle")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("borderCapStyle")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("CanvasLineCap")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L27",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:27"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("borderColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Color")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L28",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:28"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L29",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:29"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L30",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:30"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("borderJoinStyle")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("CanvasLineJoin")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L31",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:31"),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("code",[t._v("Optional")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L32",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:32"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("display")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L33",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:33"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"margin"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#margin"}},[t._v("#")]),t._v(" margin")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("margin")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L34",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:34"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("position")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#calloutposition"}},[e("code",[t._v("CalloutPosition")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L35",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:35"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"side"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#side"}},[t._v("#")]),t._v(" side")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("side")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L36",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:36"),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("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("string")]),t._v(" | "),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L37",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:37"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=n.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[28],{438:function(t,e,a){"use strict";a.r(e);var r=a(4),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-calloutoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-calloutoptions"}},[t._v("#")]),t._v(" Interface: CalloutOptions")]),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:"bordercapstyle"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#bordercapstyle"}},[t._v("#")]),t._v(" borderCapStyle")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("borderCapStyle")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("CanvasLineCap")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L27",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:27"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("borderColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Color")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L28",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:28"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L29",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:29"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L30",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:30"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("borderJoinStyle")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("CanvasLineJoin")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L31",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:31"),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("code",[t._v("Optional")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L32",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:32"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("display")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L33",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:33"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"margin"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#margin"}},[t._v("#")]),t._v(" margin")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("margin")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L34",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:34"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("position")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#calloutposition"}},[e("code",[t._v("CalloutPosition")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L35",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:35"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"side"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#side"}},[t._v("#")]),t._v(" side")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("side")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L36",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:36"),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("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("string")]),t._v(" | "),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L37",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:37"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=n.exports}}]); \ No newline at end of file diff --git a/master/assets/js/29.a676284a.js b/master/assets/js/29.da7a8adb.js similarity index 93% rename from master/assets/js/29.a676284a.js rename to master/assets/js/29.da7a8adb.js index 6566072cf..2926b9328 100644 --- a/master/assets/js/29.a676284a.js +++ b/master/assets/js/29.da7a8adb.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[29],{439:function(t,e,r){"use strict";r.r(e);var a=r(4),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-containedlabeloptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-containedlabeloptions"}},[t._v("#")]),t._v(" Interface: ContainedLabelOptions")]),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/CoreLabelOptions.html"}},[e("code",[t._v("CoreLabelOptions")])])],1),t._v(" "),e("p",[t._v("↳ "),e("strong",[e("code",[t._v("ContainedLabelOptions")])])]),t._v(" "),e("p",[t._v("↳↳ "),e("RouterLink",{attrs:{to:"/api/interfaces/LabelOptions.html"}},[e("code",[t._v("LabelOptions")])])],1),t._v(" "),e("p",[t._v("↳↳ "),e("RouterLink",{attrs:{to:"/api/interfaces/LabelTypeOptions.html"}},[e("code",[t._v("LabelTypeOptions")])])],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:"backgroundcolor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#backgroundcolor"}},[t._v("#")]),t._v(" backgroundColor")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("backgroundColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Color")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L92",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:92"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"bordercapstyle"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#bordercapstyle"}},[t._v("#")]),t._v(" borderCapStyle")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("borderCapStyle")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("CanvasLineCap")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Border line cap style. See MDN.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("'butt'")]),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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L99",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:99"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("borderColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Color")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L94",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:94"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Border 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:"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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L104",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:104"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Border 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:"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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L109",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:109"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("borderJoinStyle")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("CanvasLineJoin")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Border line join style. See MDN.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("'miter'")]),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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L114",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:114"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[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("code",[t._v("BorderRadius")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Border radius of the label rectangle")]),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-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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L119",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:119"),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("code",[t._v("Optional")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L93",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:93"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"callout"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#callout"}},[t._v("#")]),t._v(" callout")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("callout")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/CalloutOptions.html"}},[e("code",[t._v("CalloutOptions")])])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L120",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:120"),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/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Color")]),t._v(" | "),e("code",[t._v("Color")]),t._v("[], "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/CoreLabelOptions.html"}},[t._v("CoreLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreLabelOptions.html#color"}},[t._v("color")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L43",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:43"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"content"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#content"}},[t._v("#")]),t._v(" content")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("content")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("string")]),t._v(" | "),e("code",[t._v("string")]),t._v("[] | "),e("code",[t._v("HTMLCanvasElement")]),t._v(" | "),e("code",[t._v("HTMLImageElement")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Text to display in label. Provide an array to display multiple lines")]),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/CoreLabelOptions.html"}},[t._v("CoreLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreLabelOptions.html#content"}},[t._v("content")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L73",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:73"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"drawtime"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#drawtime"}},[t._v("#")]),t._v(" drawTime")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("drawTime")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#drawtime"}},[e("code",[t._v("DrawTime")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/CoreLabelOptions.html"}},[t._v("CoreLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreLabelOptions.html#drawtime"}},[t._v("drawTime")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L41",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:41"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("font")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Partial")]),t._v("<"),e("code",[t._v("FontSpec")]),t._v("> | "),e("code",[t._v("Partial")]),t._v("<"),e("code",[t._v("FontSpec")]),t._v(">[], "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],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/CoreLabelOptions.html"}},[t._v("CoreLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreLabelOptions.html#font"}},[t._v("font")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L42",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:42"),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("Optional")]),t._v(" "),e("strong",[t._v("height")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(" | `${number}%`, "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Overrides the height of the image. Could be set in pixel by a number,\nor in percentage of current height of image by a string")]),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/CoreLabelOptions.html"}},[t._v("CoreLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreLabelOptions.html#height"}},[t._v("height")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L83",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:83"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("opacity")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Overrides the opacity of the image.")]),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/CoreLabelOptions.html"}},[t._v("CoreLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreLabelOptions.html#opacity"}},[t._v("opacity")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L87",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:87"),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("code",[t._v("Optional")]),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("number")]),t._v(" | "),e("RouterLink",{attrs:{to:"/api/interfaces/LabelPadding.html"}},[e("code",[t._v("LabelPadding")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Padding of label")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("6")]),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/CoreLabelOptions.html"}},[t._v("CoreLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreLabelOptions.html#padding"}},[t._v("padding")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L48",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:48"),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("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#labeltextalign"}},[e("code",[t._v("LabelTextAlign")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Text alignment when the content of the label is multi-line.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("'center'")]),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/CoreLabelOptions.html"}},[t._v("CoreLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreLabelOptions.html#textalign"}},[t._v("textAlign")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L53",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:53"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("textStrokeColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Color")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],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",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreLabelOptions.html"}},[t._v("CoreLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreLabelOptions.html#textstrokecolor"}},[t._v("textStrokeColor")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L54",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:54"),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("code",[t._v("Optional")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/CoreLabelOptions.html"}},[t._v("CoreLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreLabelOptions.html#textstrokewidth"}},[t._v("textStrokeWidth")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L55",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:55"),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("Optional")]),t._v(" "),e("strong",[t._v("width")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(" | `${number}%`, "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Overrides the width of the image. Could be set in pixel by a number,\nor in percentage of current width of image by a string")]),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/CoreLabelOptions.html"}},[t._v("CoreLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreLabelOptions.html#width"}},[t._v("width")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L78",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:78"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"xadjust"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#xadjust"}},[t._v("#")]),t._v(" xAdjust")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("xAdjust")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Adjustment along x-axis (left-right) of label relative to above number (can be negative)\nFor horizontal lines positioned left or right, negative values move\nthe label toward the edge, and positive values toward the center.")]),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-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/CoreLabelOptions.html"}},[t._v("CoreLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreLabelOptions.html#xadjust"}},[t._v("xAdjust")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L62",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:62"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"yadjust"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#yadjust"}},[t._v("#")]),t._v(" yAdjust")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("yAdjust")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Adjustment along y-axis (top-bottom) of label relative to above number (can be negative)\nFor vertical lines positioned top or bottom, negative values move\nthe label toward the edge, and positive values toward the center.")]),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-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/CoreLabelOptions.html"}},[t._v("CoreLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreLabelOptions.html#yadjust"}},[t._v("yAdjust")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L69",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:69"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("z")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),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/CoreLabelOptions.html"}},[t._v("CoreLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreLabelOptions.html#z"}},[t._v("z")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L88",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:88"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=o.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[29],{439:function(t,e,a){"use strict";a.r(e);var r=a(4),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:"interface-containedlabeloptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-containedlabeloptions"}},[t._v("#")]),t._v(" Interface: ContainedLabelOptions")]),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/CoreLabelOptions.html"}},[e("code",[t._v("CoreLabelOptions")])])],1),t._v(" "),e("p",[t._v("↳ "),e("strong",[e("code",[t._v("ContainedLabelOptions")])])]),t._v(" "),e("p",[t._v("↳↳ "),e("RouterLink",{attrs:{to:"/api/interfaces/LabelOptions.html"}},[e("code",[t._v("LabelOptions")])])],1),t._v(" "),e("p",[t._v("↳↳ "),e("RouterLink",{attrs:{to:"/api/interfaces/LabelTypeOptions.html"}},[e("code",[t._v("LabelTypeOptions")])])],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:"backgroundcolor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#backgroundcolor"}},[t._v("#")]),t._v(" backgroundColor")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("backgroundColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Color")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L92",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:92"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"bordercapstyle"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#bordercapstyle"}},[t._v("#")]),t._v(" borderCapStyle")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("borderCapStyle")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("CanvasLineCap")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Border line cap style. See MDN.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("'butt'")]),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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L99",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:99"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("borderColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Color")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L94",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:94"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Border 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:"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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L104",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:104"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Border 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:"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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L109",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:109"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("borderJoinStyle")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("CanvasLineJoin")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Border line join style. See MDN.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("'miter'")]),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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L114",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:114"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[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("code",[t._v("BorderRadius")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Border radius of the label rectangle")]),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-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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L119",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:119"),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("code",[t._v("Optional")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L93",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:93"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"callout"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#callout"}},[t._v("#")]),t._v(" callout")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("callout")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/CalloutOptions.html"}},[e("code",[t._v("CalloutOptions")])])],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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L120",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:120"),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/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Color")]),t._v(" | "),e("code",[t._v("Color")]),t._v("[], "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/CoreLabelOptions.html"}},[t._v("CoreLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreLabelOptions.html#color"}},[t._v("color")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L43",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:43"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"content"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#content"}},[t._v("#")]),t._v(" content")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("content")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("string")]),t._v(" | "),e("code",[t._v("string")]),t._v("[] | "),e("code",[t._v("HTMLCanvasElement")]),t._v(" | "),e("code",[t._v("HTMLImageElement")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Text to display in label. Provide an array to display multiple lines")]),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/CoreLabelOptions.html"}},[t._v("CoreLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreLabelOptions.html#content"}},[t._v("content")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L73",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:73"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"drawtime"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#drawtime"}},[t._v("#")]),t._v(" drawTime")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("drawTime")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#drawtime"}},[e("code",[t._v("DrawTime")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/CoreLabelOptions.html"}},[t._v("CoreLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreLabelOptions.html#drawtime"}},[t._v("drawTime")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L41",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:41"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("font")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Partial")]),t._v("<"),e("code",[t._v("FontSpec")]),t._v("> | "),e("code",[t._v("Partial")]),t._v("<"),e("code",[t._v("FontSpec")]),t._v(">[], "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],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/CoreLabelOptions.html"}},[t._v("CoreLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreLabelOptions.html#font"}},[t._v("font")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L42",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:42"),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("Optional")]),t._v(" "),e("strong",[t._v("height")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(" | `${number}%`, "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Overrides the height of the image. Could be set in pixel by a number,\nor in percentage of current height of image by a string")]),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/CoreLabelOptions.html"}},[t._v("CoreLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreLabelOptions.html#height"}},[t._v("height")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L83",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:83"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("opacity")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Overrides the opacity of the image.")]),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/CoreLabelOptions.html"}},[t._v("CoreLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreLabelOptions.html#opacity"}},[t._v("opacity")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L87",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:87"),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("code",[t._v("Optional")]),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("number")]),t._v(" | "),e("RouterLink",{attrs:{to:"/api/interfaces/LabelPadding.html"}},[e("code",[t._v("LabelPadding")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Padding of label")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("6")]),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/CoreLabelOptions.html"}},[t._v("CoreLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreLabelOptions.html#padding"}},[t._v("padding")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L48",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:48"),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("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#labeltextalign"}},[e("code",[t._v("LabelTextAlign")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Text alignment when the content of the label is multi-line.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("'center'")]),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/CoreLabelOptions.html"}},[t._v("CoreLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreLabelOptions.html#textalign"}},[t._v("textAlign")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L53",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:53"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("textStrokeColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Color")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],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",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreLabelOptions.html"}},[t._v("CoreLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreLabelOptions.html#textstrokecolor"}},[t._v("textStrokeColor")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L54",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:54"),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("code",[t._v("Optional")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/CoreLabelOptions.html"}},[t._v("CoreLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreLabelOptions.html#textstrokewidth"}},[t._v("textStrokeWidth")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L55",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:55"),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("Optional")]),t._v(" "),e("strong",[t._v("width")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(" | `${number}%`, "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Overrides the width of the image. Could be set in pixel by a number,\nor in percentage of current width of image by a string")]),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/CoreLabelOptions.html"}},[t._v("CoreLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreLabelOptions.html#width"}},[t._v("width")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L78",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:78"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"xadjust"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#xadjust"}},[t._v("#")]),t._v(" xAdjust")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("xAdjust")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Adjustment along x-axis (left-right) of label relative to above number (can be negative)\nFor horizontal lines positioned left or right, negative values move\nthe label toward the edge, and positive values toward the center.")]),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-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/CoreLabelOptions.html"}},[t._v("CoreLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreLabelOptions.html#xadjust"}},[t._v("xAdjust")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L62",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:62"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"yadjust"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#yadjust"}},[t._v("#")]),t._v(" yAdjust")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("yAdjust")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Adjustment along y-axis (top-bottom) of label relative to above number (can be negative)\nFor vertical lines positioned top or bottom, negative values move\nthe label toward the edge, and positive values toward the center.")]),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-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/CoreLabelOptions.html"}},[t._v("CoreLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreLabelOptions.html#yadjust"}},[t._v("yAdjust")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L69",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:69"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("z")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),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/CoreLabelOptions.html"}},[t._v("CoreLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreLabelOptions.html#z"}},[t._v("z")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L88",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:88"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=o.exports}}]); \ No newline at end of file diff --git a/master/assets/js/30.87a2d332.js b/master/assets/js/30.a67ba984.js similarity index 94% rename from master/assets/js/30.87a2d332.js rename to master/assets/js/30.a67ba984.js index bf4d5c70a..aa5d1b77c 100644 --- a/master/assets/js/30.87a2d332.js +++ b/master/assets/js/30.a67ba984.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[30],{440:function(t,e,r){"use strict";r.r(e);var a=r(4),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-controlpointoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-controlpointoptions"}},[t._v("#")]),t._v(" Interface: ControlPointOptions")]),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("x")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("string")]),t._v(" | "),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L80",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:80"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("y")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("string")]),t._v(" | "),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L81",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:81"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=n.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[30],{440:function(t,e,r){"use strict";r.r(e);var a=r(4),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-controlpointoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-controlpointoptions"}},[t._v("#")]),t._v(" Interface: ControlPointOptions")]),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("x")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("string")]),t._v(" | "),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L80",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:80"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("y")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("string")]),t._v(" | "),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L81",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:81"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=n.exports}}]); \ No newline at end of file diff --git a/master/assets/js/31.41b6eda5.js b/master/assets/js/31.c72bc6f3.js similarity index 94% rename from master/assets/js/31.41b6eda5.js rename to master/assets/js/31.c72bc6f3.js index 500c45307..19265a67b 100644 --- a/master/assets/js/31.41b6eda5.js +++ b/master/assets/js/31.c72bc6f3.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[31],{441:function(t,e,a){"use strict";a.r(e);var r=a(4),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-coreannotationoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-coreannotationoptions"}},[t._v("#")]),t._v(" Interface: CoreAnnotationOptions")]),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/AnnotationEvents.html"}},[e("code",[t._v("AnnotationEvents")])])],1)]),t._v(" "),e("li",[e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/ShadowOptions.html"}},[e("code",[t._v("ShadowOptions")])])],1)]),t._v(" "),e("li",[e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationHooks.html"}},[e("code",[t._v("AnnotationHooks")])])],1),t._v(" "),e("p",[t._v("↳ "),e("strong",[e("code",[t._v("CoreAnnotationOptions")])])]),t._v(" "),e("p",[t._v("↳↳ "),e("RouterLink",{attrs:{to:"/api/interfaces/LineAnnotationOptions.html"}},[e("code",[t._v("LineAnnotationOptions")])])],1),t._v(" "),e("p",[t._v("↳↳ "),e("RouterLink",{attrs:{to:"/api/interfaces/BoxAnnotationOptions.html"}},[e("code",[t._v("BoxAnnotationOptions")])])],1),t._v(" "),e("p",[t._v("↳↳ "),e("RouterLink",{attrs:{to:"/api/interfaces/EllipseAnnotationOptions.html"}},[e("code",[t._v("EllipseAnnotationOptions")])])],1),t._v(" "),e("p",[t._v("↳↳ "),e("RouterLink",{attrs:{to:"/api/interfaces/PointAnnotationOptions.html"}},[e("code",[t._v("PointAnnotationOptions")])])],1),t._v(" "),e("p",[t._v("↳↳ "),e("RouterLink",{attrs:{to:"/api/interfaces/LabelAnnotationOptions.html"}},[e("code",[t._v("LabelAnnotationOptions")])])],1),t._v(" "),e("p",[t._v("↳↳ "),e("RouterLink",{attrs:{to:"/api/interfaces/PolygonAnnotationOptions.html"}},[e("code",[t._v("PolygonAnnotationOptions")])])],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:"adjustscalerange"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#adjustscalerange"}},[t._v("#")]),t._v(" adjustScaleRange")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("adjustScaleRange")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L38",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:38"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"backgroundshadowcolor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#backgroundshadowcolor"}},[t._v("#")]),t._v(" backgroundShadowColor")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("backgroundShadowColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Color")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/ShadowOptions.html"}},[t._v("ShadowOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ShadowOptions.html#backgroundshadowcolor"}},[t._v("backgroundShadowColor")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L30",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:30"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("borderColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Color")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L39",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:39"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L40",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:40"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L41",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:41"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"bordershadowcolor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#bordershadowcolor"}},[t._v("#")]),t._v(" borderShadowColor")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("borderShadowColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Color")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/ShadowOptions.html"}},[t._v("ShadowOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ShadowOptions.html#bordershadowcolor"}},[t._v("borderShadowColor")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L31",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:31"),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("code",[t._v("Optional")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L42",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:42"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("display")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L43",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:43"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"drawtime"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#drawtime"}},[t._v("#")]),t._v(" drawTime")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("drawTime")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#drawtime"}},[e("code",[t._v("DrawTime")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L44",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:44"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"hittolerance"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hittolerance"}},[t._v("#")]),t._v(" hitTolerance")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("hitTolerance")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L45",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:45"),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("Optional")]),t._v(" "),e("strong",[t._v("id")]),t._v(": "),e("code",[t._v("string")])]),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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L47",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:47"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("init")]),t._v(": "),e("code",[t._v("boolean")]),t._v(" | ("),e("code",[t._v("__namedParameters")]),t._v(": "),e("code",[t._v("Object")]),t._v(") => "),e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")]),t._v(" | "),e("code",[t._v("Partial")]),t._v("<"),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationElement.html"}},[e("code",[t._v("AnnotationElement")])]),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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L46",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:46"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"shadowblur"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#shadowblur"}},[t._v("#")]),t._v(" shadowBlur")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("shadowBlur")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/ShadowOptions.html"}},[t._v("ShadowOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ShadowOptions.html#shadowblur"}},[t._v("shadowBlur")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L32",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:32"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"shadowoffsetx"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#shadowoffsetx"}},[t._v("#")]),t._v(" shadowOffsetX")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("shadowOffsetX")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],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/ShadowOptions.html"}},[t._v("ShadowOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ShadowOptions.html#shadowoffsetx"}},[t._v("shadowOffsetX")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L33",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:33"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"shadowoffsety"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#shadowoffsety"}},[t._v("#")]),t._v(" shadowOffsetY")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("shadowOffsetY")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/ShadowOptions.html"}},[t._v("ShadowOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ShadowOptions.html#shadowoffsety"}},[t._v("shadowOffsetY")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L34",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:34"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"xmax"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#xmax"}},[t._v("#")]),t._v(" xMax")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("xMax")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#scalevalue"}},[e("code",[t._v("ScaleValue")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L48",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:48"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"xmin"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#xmin"}},[t._v("#")]),t._v(" xMin")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("xMin")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#scalevalue"}},[e("code",[t._v("ScaleValue")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L49",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:49"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"xscaleid"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#xscaleid"}},[t._v("#")]),t._v(" xScaleID")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("xScaleID")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L50",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:50"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"ymax"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#ymax"}},[t._v("#")]),t._v(" yMax")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("yMax")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#scalevalue"}},[e("code",[t._v("ScaleValue")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L51",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:51"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"ymin"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#ymin"}},[t._v("#")]),t._v(" yMin")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("yMin")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#scalevalue"}},[e("code",[t._v("ScaleValue")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L52",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:52"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"yscaleid"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#yscaleid"}},[t._v("#")]),t._v(" yScaleID")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("yScaleID")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L53",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:53"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("z")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L54",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:54"),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:"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("context")]),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("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],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/AnnotationHooks.html"}},[t._v("AnnotationHooks")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationHooks.html#afterdraw"}},[t._v("afterDraw")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L23",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:23"),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("context")]),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("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],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-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/AnnotationHooks.html"}},[t._v("AnnotationHooks")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationHooks.html#beforedraw"}},[t._v("beforeDraw")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L22",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:22"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"click"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#click"}},[t._v("#")]),t._v(" click")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("click")]),t._v("("),e("code",[t._v("context")]),t._v(", "),e("code",[t._v("event")]),t._v("): "),e("code",[t._v("boolean")]),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("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],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("ChartEvent")])])])])]),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("boolean")]),t._v(" | "),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/AnnotationEvents.html"}},[t._v("AnnotationEvents")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationEvents.html#click"}},[t._v("click")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/events.d.ts#L27",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:27"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"enter"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#enter"}},[t._v("#")]),t._v(" enter")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("enter")]),t._v("("),e("code",[t._v("context")]),t._v(", "),e("code",[t._v("event")]),t._v("): "),e("code",[t._v("boolean")]),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("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],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("ChartEvent")])])])])]),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("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/AnnotationEvents.html"}},[t._v("AnnotationEvents")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationEvents.html#enter"}},[t._v("enter")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/events.d.ts#L25",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:25"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"leave"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#leave"}},[t._v("#")]),t._v(" leave")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("leave")]),t._v("("),e("code",[t._v("context")]),t._v(", "),e("code",[t._v("event")]),t._v("): "),e("code",[t._v("boolean")]),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("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],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("ChartEvent")])])])])]),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("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/AnnotationEvents.html"}},[t._v("AnnotationEvents")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationEvents.html#leave"}},[t._v("leave")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/events.d.ts#L26",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:26"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=n.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[31],{441:function(t,e,a){"use strict";a.r(e);var r=a(4),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-coreannotationoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-coreannotationoptions"}},[t._v("#")]),t._v(" Interface: CoreAnnotationOptions")]),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/AnnotationEvents.html"}},[e("code",[t._v("AnnotationEvents")])])],1)]),t._v(" "),e("li",[e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/ShadowOptions.html"}},[e("code",[t._v("ShadowOptions")])])],1)]),t._v(" "),e("li",[e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationHooks.html"}},[e("code",[t._v("AnnotationHooks")])])],1),t._v(" "),e("p",[t._v("↳ "),e("strong",[e("code",[t._v("CoreAnnotationOptions")])])]),t._v(" "),e("p",[t._v("↳↳ "),e("RouterLink",{attrs:{to:"/api/interfaces/LineAnnotationOptions.html"}},[e("code",[t._v("LineAnnotationOptions")])])],1),t._v(" "),e("p",[t._v("↳↳ "),e("RouterLink",{attrs:{to:"/api/interfaces/BoxAnnotationOptions.html"}},[e("code",[t._v("BoxAnnotationOptions")])])],1),t._v(" "),e("p",[t._v("↳↳ "),e("RouterLink",{attrs:{to:"/api/interfaces/EllipseAnnotationOptions.html"}},[e("code",[t._v("EllipseAnnotationOptions")])])],1),t._v(" "),e("p",[t._v("↳↳ "),e("RouterLink",{attrs:{to:"/api/interfaces/PointAnnotationOptions.html"}},[e("code",[t._v("PointAnnotationOptions")])])],1),t._v(" "),e("p",[t._v("↳↳ "),e("RouterLink",{attrs:{to:"/api/interfaces/LabelAnnotationOptions.html"}},[e("code",[t._v("LabelAnnotationOptions")])])],1),t._v(" "),e("p",[t._v("↳↳ "),e("RouterLink",{attrs:{to:"/api/interfaces/PolygonAnnotationOptions.html"}},[e("code",[t._v("PolygonAnnotationOptions")])])],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:"adjustscalerange"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#adjustscalerange"}},[t._v("#")]),t._v(" adjustScaleRange")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("adjustScaleRange")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L38",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:38"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"backgroundshadowcolor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#backgroundshadowcolor"}},[t._v("#")]),t._v(" backgroundShadowColor")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("backgroundShadowColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Color")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/ShadowOptions.html"}},[t._v("ShadowOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ShadowOptions.html#backgroundshadowcolor"}},[t._v("backgroundShadowColor")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L30",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:30"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("borderColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Color")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L39",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:39"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L40",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:40"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L41",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:41"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"bordershadowcolor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#bordershadowcolor"}},[t._v("#")]),t._v(" borderShadowColor")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("borderShadowColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Color")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/ShadowOptions.html"}},[t._v("ShadowOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ShadowOptions.html#bordershadowcolor"}},[t._v("borderShadowColor")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L31",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:31"),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("code",[t._v("Optional")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L42",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:42"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("display")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L43",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:43"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"drawtime"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#drawtime"}},[t._v("#")]),t._v(" drawTime")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("drawTime")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#drawtime"}},[e("code",[t._v("DrawTime")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L44",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:44"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"hittolerance"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hittolerance"}},[t._v("#")]),t._v(" hitTolerance")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("hitTolerance")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L45",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:45"),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("Optional")]),t._v(" "),e("strong",[t._v("id")]),t._v(": "),e("code",[t._v("string")])]),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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L47",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:47"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("init")]),t._v(": "),e("code",[t._v("boolean")]),t._v(" | ("),e("code",[t._v("__namedParameters")]),t._v(": "),e("code",[t._v("Object")]),t._v(") => "),e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")]),t._v(" | "),e("code",[t._v("Partial")]),t._v("<"),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationElement.html"}},[e("code",[t._v("AnnotationElement")])]),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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L46",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:46"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"shadowblur"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#shadowblur"}},[t._v("#")]),t._v(" shadowBlur")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("shadowBlur")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/ShadowOptions.html"}},[t._v("ShadowOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ShadowOptions.html#shadowblur"}},[t._v("shadowBlur")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L32",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:32"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"shadowoffsetx"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#shadowoffsetx"}},[t._v("#")]),t._v(" shadowOffsetX")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("shadowOffsetX")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],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/ShadowOptions.html"}},[t._v("ShadowOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ShadowOptions.html#shadowoffsetx"}},[t._v("shadowOffsetX")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L33",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:33"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"shadowoffsety"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#shadowoffsety"}},[t._v("#")]),t._v(" shadowOffsetY")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("shadowOffsetY")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/ShadowOptions.html"}},[t._v("ShadowOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ShadowOptions.html#shadowoffsety"}},[t._v("shadowOffsetY")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L34",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:34"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"xmax"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#xmax"}},[t._v("#")]),t._v(" xMax")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("xMax")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#scalevalue"}},[e("code",[t._v("ScaleValue")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L48",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:48"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"xmin"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#xmin"}},[t._v("#")]),t._v(" xMin")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("xMin")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#scalevalue"}},[e("code",[t._v("ScaleValue")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L49",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:49"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"xscaleid"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#xscaleid"}},[t._v("#")]),t._v(" xScaleID")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("xScaleID")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L50",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:50"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"ymax"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#ymax"}},[t._v("#")]),t._v(" yMax")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("yMax")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#scalevalue"}},[e("code",[t._v("ScaleValue")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L51",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:51"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"ymin"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#ymin"}},[t._v("#")]),t._v(" yMin")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("yMin")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#scalevalue"}},[e("code",[t._v("ScaleValue")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L52",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:52"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"yscaleid"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#yscaleid"}},[t._v("#")]),t._v(" yScaleID")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("yScaleID")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L53",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:53"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("z")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L54",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:54"),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:"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("context")]),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("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],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/AnnotationHooks.html"}},[t._v("AnnotationHooks")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationHooks.html#afterdraw"}},[t._v("afterDraw")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L23",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:23"),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("context")]),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("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],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-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/AnnotationHooks.html"}},[t._v("AnnotationHooks")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationHooks.html#beforedraw"}},[t._v("beforeDraw")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L22",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:22"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"click"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#click"}},[t._v("#")]),t._v(" click")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("click")]),t._v("("),e("code",[t._v("context")]),t._v(", "),e("code",[t._v("event")]),t._v("): "),e("code",[t._v("boolean")]),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("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],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("ChartEvent")])])])])]),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("boolean")]),t._v(" | "),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/AnnotationEvents.html"}},[t._v("AnnotationEvents")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationEvents.html#click"}},[t._v("click")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/events.d.ts#L27",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:27"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"enter"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#enter"}},[t._v("#")]),t._v(" enter")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("enter")]),t._v("("),e("code",[t._v("context")]),t._v(", "),e("code",[t._v("event")]),t._v("): "),e("code",[t._v("boolean")]),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("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],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("ChartEvent")])])])])]),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("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/AnnotationEvents.html"}},[t._v("AnnotationEvents")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationEvents.html#enter"}},[t._v("enter")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/events.d.ts#L25",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:25"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"leave"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#leave"}},[t._v("#")]),t._v(" leave")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("leave")]),t._v("("),e("code",[t._v("context")]),t._v(", "),e("code",[t._v("event")]),t._v("): "),e("code",[t._v("boolean")]),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("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],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("ChartEvent")])])])])]),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("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/AnnotationEvents.html"}},[t._v("AnnotationEvents")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationEvents.html#leave"}},[t._v("leave")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/events.d.ts#L26",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:26"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=n.exports}}]); \ No newline at end of file diff --git a/master/assets/js/32.d280aaa4.js b/master/assets/js/32.f9ce5eb6.js similarity index 93% rename from master/assets/js/32.d280aaa4.js rename to master/assets/js/32.f9ce5eb6.js index fedb0599e..206b00a23 100644 --- a/master/assets/js/32.d280aaa4.js +++ b/master/assets/js/32.f9ce5eb6.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[32],{442:function(t,e,a){"use strict";a.r(e);var r=a(4),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-corelabeloptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-corelabeloptions"}},[t._v("#")]),t._v(" Interface: CoreLabelOptions")]),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("CoreLabelOptions")])])]),t._v(" "),e("p",[t._v("↳ "),e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html"}},[e("code",[t._v("ContainedLabelOptions")])])],1),t._v(" "),e("p",[t._v("↳ "),e("RouterLink",{attrs:{to:"/api/interfaces/BoxLabelOptions.html"}},[e("code",[t._v("BoxLabelOptions")])])],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:"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/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Color")]),t._v(" | "),e("code",[t._v("Color")]),t._v("[], "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L43",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:43"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"content"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#content"}},[t._v("#")]),t._v(" content")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("content")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("string")]),t._v(" | "),e("code",[t._v("string")]),t._v("[] | "),e("code",[t._v("HTMLCanvasElement")]),t._v(" | "),e("code",[t._v("HTMLImageElement")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Text to display in label. Provide an array to display multiple lines")]),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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L73",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:73"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"drawtime"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#drawtime"}},[t._v("#")]),t._v(" drawTime")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("drawTime")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#drawtime"}},[e("code",[t._v("DrawTime")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L41",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:41"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("font")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Partial")]),t._v("<"),e("code",[t._v("FontSpec")]),t._v("> | "),e("code",[t._v("Partial")]),t._v("<"),e("code",[t._v("FontSpec")]),t._v(">[], "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L42",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:42"),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("Optional")]),t._v(" "),e("strong",[t._v("height")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(" | `${number}%`, "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Overrides the height of the image. Could be set in pixel by a number,\nor in percentage of current height of image by a 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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L83",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:83"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("opacity")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Overrides the opacity of the image.")]),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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L87",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:87"),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("code",[t._v("Optional")]),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("number")]),t._v(" | "),e("RouterLink",{attrs:{to:"/api/interfaces/LabelPadding.html"}},[e("code",[t._v("LabelPadding")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Padding of label")]),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-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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L48",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:48"),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("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#labeltextalign"}},[e("code",[t._v("LabelTextAlign")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Text alignment when the content of the label is multi-line.")]),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-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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L53",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:53"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("textStrokeColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Color")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L54",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:54"),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("code",[t._v("Optional")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L55",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:55"),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("Optional")]),t._v(" "),e("strong",[t._v("width")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(" | `${number}%`, "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Overrides the width of the image. Could be set in pixel by a number,\nor in percentage of current width of image by a string")]),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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L78",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:78"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"xadjust"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#xadjust"}},[t._v("#")]),t._v(" xAdjust")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("xAdjust")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Adjustment along x-axis (left-right) of label relative to above number (can be negative)\nFor horizontal lines positioned left or right, negative values move\nthe label toward the edge, and positive values toward the center.")]),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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L62",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:62"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"yadjust"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#yadjust"}},[t._v("#")]),t._v(" yAdjust")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("yAdjust")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Adjustment along y-axis (top-bottom) of label relative to above number (can be negative)\nFor vertical lines positioned top or bottom, negative values move\nthe label toward the edge, and positive values toward the center.")]),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-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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L69",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:69"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("z")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L88",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:88"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=n.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[32],{443:function(t,e,a){"use strict";a.r(e);var r=a(4),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-corelabeloptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-corelabeloptions"}},[t._v("#")]),t._v(" Interface: CoreLabelOptions")]),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("CoreLabelOptions")])])]),t._v(" "),e("p",[t._v("↳ "),e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html"}},[e("code",[t._v("ContainedLabelOptions")])])],1),t._v(" "),e("p",[t._v("↳ "),e("RouterLink",{attrs:{to:"/api/interfaces/BoxLabelOptions.html"}},[e("code",[t._v("BoxLabelOptions")])])],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:"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/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Color")]),t._v(" | "),e("code",[t._v("Color")]),t._v("[], "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L43",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:43"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"content"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#content"}},[t._v("#")]),t._v(" content")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("content")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("string")]),t._v(" | "),e("code",[t._v("string")]),t._v("[] | "),e("code",[t._v("HTMLCanvasElement")]),t._v(" | "),e("code",[t._v("HTMLImageElement")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Text to display in label. Provide an array to display multiple lines")]),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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L73",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:73"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"drawtime"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#drawtime"}},[t._v("#")]),t._v(" drawTime")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("drawTime")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#drawtime"}},[e("code",[t._v("DrawTime")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L41",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:41"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("font")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Partial")]),t._v("<"),e("code",[t._v("FontSpec")]),t._v("> | "),e("code",[t._v("Partial")]),t._v("<"),e("code",[t._v("FontSpec")]),t._v(">[], "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L42",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:42"),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("Optional")]),t._v(" "),e("strong",[t._v("height")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(" | `${number}%`, "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Overrides the height of the image. Could be set in pixel by a number,\nor in percentage of current height of image by a 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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L83",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:83"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("opacity")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Overrides the opacity of the image.")]),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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L87",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:87"),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("code",[t._v("Optional")]),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("number")]),t._v(" | "),e("RouterLink",{attrs:{to:"/api/interfaces/LabelPadding.html"}},[e("code",[t._v("LabelPadding")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Padding of label")]),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-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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L48",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:48"),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("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#labeltextalign"}},[e("code",[t._v("LabelTextAlign")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Text alignment when the content of the label is multi-line.")]),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-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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L53",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:53"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("textStrokeColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Color")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L54",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:54"),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("code",[t._v("Optional")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L55",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:55"),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("Optional")]),t._v(" "),e("strong",[t._v("width")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(" | `${number}%`, "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Overrides the width of the image. Could be set in pixel by a number,\nor in percentage of current width of image by a string")]),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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L78",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:78"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"xadjust"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#xadjust"}},[t._v("#")]),t._v(" xAdjust")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("xAdjust")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Adjustment along x-axis (left-right) of label relative to above number (can be negative)\nFor horizontal lines positioned left or right, negative values move\nthe label toward the edge, and positive values toward the center.")]),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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L62",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:62"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"yadjust"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#yadjust"}},[t._v("#")]),t._v(" yAdjust")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("yAdjust")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Adjustment along y-axis (top-bottom) of label relative to above number (can be negative)\nFor vertical lines positioned top or bottom, negative values move\nthe label toward the edge, and positive values toward the center.")]),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-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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L69",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:69"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("z")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L88",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:88"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=n.exports}}]); \ No newline at end of file diff --git a/master/assets/js/33.df2b797d.js b/master/assets/js/33.7570f94d.js similarity index 94% rename from master/assets/js/33.df2b797d.js rename to master/assets/js/33.7570f94d.js index aac115223..2d86bd3d1 100644 --- a/master/assets/js/33.df2b797d.js +++ b/master/assets/js/33.7570f94d.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[33],{443:function(t,e,a){"use strict";a.r(e);var r=a(4),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-ellipseannotationoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-ellipseannotationoptions"}},[t._v("#")]),t._v(" Interface: EllipseAnnotationOptions")]),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/CoreAnnotationOptions.html"}},[e("code",[t._v("CoreAnnotationOptions")])])],1),t._v(" "),e("p",[t._v("↳ "),e("strong",[e("code",[t._v("EllipseAnnotationOptions")])])])])]),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:"adjustscalerange"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#adjustscalerange"}},[t._v("#")]),t._v(" adjustScaleRange")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("adjustScaleRange")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#adjustscalerange"}},[t._v("adjustScaleRange")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L38",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:38"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("backgroundColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Color")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L122",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:122"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"backgroundshadowcolor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#backgroundshadowcolor"}},[t._v("#")]),t._v(" backgroundShadowColor")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("backgroundShadowColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Color")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#backgroundshadowcolor"}},[t._v("backgroundShadowColor")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L30",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:30"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("borderColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Color")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#bordercolor"}},[t._v("borderColor")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L39",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:39"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#borderdash"}},[t._v("borderDash")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L40",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:40"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#borderdashoffset"}},[t._v("borderDashOffset")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L41",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:41"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"bordershadowcolor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#bordershadowcolor"}},[t._v("#")]),t._v(" borderShadowColor")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("borderShadowColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Color")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#bordershadowcolor"}},[t._v("borderShadowColor")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L31",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:31"),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("code",[t._v("Optional")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#borderwidth"}},[t._v("borderWidth")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L42",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:42"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("display")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#display"}},[t._v("display")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L43",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:43"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"drawtime"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#drawtime"}},[t._v("#")]),t._v(" drawTime")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("drawTime")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#drawtime"}},[e("code",[t._v("DrawTime")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],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",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#drawtime"}},[t._v("drawTime")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L44",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:44"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"hittolerance"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hittolerance"}},[t._v("#")]),t._v(" hitTolerance")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("hitTolerance")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#hittolerance"}},[t._v("hitTolerance")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L45",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:45"),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("Optional")]),t._v(" "),e("strong",[t._v("id")]),t._v(": "),e("code",[t._v("string")])]),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#id"}},[t._v("id")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L47",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:47"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("init")]),t._v(": "),e("code",[t._v("boolean")]),t._v(" | ("),e("code",[t._v("__namedParameters")]),t._v(": "),e("code",[t._v("Object")]),t._v(") => "),e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")]),t._v(" | "),e("code",[t._v("Partial")]),t._v("<"),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationElement.html"}},[e("code",[t._v("AnnotationElement")])]),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",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#init"}},[t._v("init")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L46",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:46"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("label")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/BoxLabelOptions.html"}},[e("code",[t._v("BoxLabelOptions")])])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L123",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:123"),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("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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L124",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:124"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"shadowblur"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#shadowblur"}},[t._v("#")]),t._v(" shadowBlur")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("shadowBlur")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#shadowblur"}},[t._v("shadowBlur")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L32",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:32"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"shadowoffsetx"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#shadowoffsetx"}},[t._v("#")]),t._v(" shadowOffsetX")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("shadowOffsetX")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#shadowoffsetx"}},[t._v("shadowOffsetX")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L33",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:33"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"shadowoffsety"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#shadowoffsety"}},[t._v("#")]),t._v(" shadowOffsetY")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("shadowOffsetY")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#shadowoffsety"}},[t._v("shadowOffsetY")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L34",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:34"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"xmax"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#xmax"}},[t._v("#")]),t._v(" xMax")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("xMax")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#scalevalue"}},[e("code",[t._v("ScaleValue")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#xmax"}},[t._v("xMax")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L48",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:48"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"xmin"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#xmin"}},[t._v("#")]),t._v(" xMin")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("xMin")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#scalevalue"}},[e("code",[t._v("ScaleValue")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#xmin"}},[t._v("xMin")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L49",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:49"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"xscaleid"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#xscaleid"}},[t._v("#")]),t._v(" xScaleID")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("xScaleID")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#xscaleid"}},[t._v("xScaleID")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L50",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:50"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"ymax"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#ymax"}},[t._v("#")]),t._v(" yMax")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("yMax")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#scalevalue"}},[e("code",[t._v("ScaleValue")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#ymax"}},[t._v("yMax")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L51",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:51"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"ymin"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#ymin"}},[t._v("#")]),t._v(" yMin")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("yMin")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#scalevalue"}},[e("code",[t._v("ScaleValue")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#ymin"}},[t._v("yMin")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L52",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:52"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"yscaleid"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#yscaleid"}},[t._v("#")]),t._v(" yScaleID")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("yScaleID")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#yscaleid"}},[t._v("yScaleID")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L53",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:53"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("z")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#z"}},[t._v("z")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L54",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:54"),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:"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("context")]),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("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],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-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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#afterdraw"}},[t._v("afterDraw")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L23",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:23"),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("context")]),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("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],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-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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#beforedraw"}},[t._v("beforeDraw")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L22",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:22"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"click"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#click"}},[t._v("#")]),t._v(" click")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("click")]),t._v("("),e("code",[t._v("context")]),t._v(", "),e("code",[t._v("event")]),t._v("): "),e("code",[t._v("boolean")]),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("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],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("ChartEvent")])])])])]),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("boolean")]),t._v(" | "),e("code",[t._v("void")])]),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#click"}},[t._v("click")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/events.d.ts#L27",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:27"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"enter"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#enter"}},[t._v("#")]),t._v(" enter")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("enter")]),t._v("("),e("code",[t._v("context")]),t._v(", "),e("code",[t._v("event")]),t._v("): "),e("code",[t._v("boolean")]),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("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],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("ChartEvent")])])])])]),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("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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#enter"}},[t._v("enter")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/events.d.ts#L25",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:25"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"leave"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#leave"}},[t._v("#")]),t._v(" leave")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("leave")]),t._v("("),e("code",[t._v("context")]),t._v(", "),e("code",[t._v("event")]),t._v("): "),e("code",[t._v("boolean")]),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("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],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("ChartEvent")])])])])]),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("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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#leave"}},[t._v("leave")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/events.d.ts#L26",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:26"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=n.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[33],{442:function(t,e,a){"use strict";a.r(e);var r=a(4),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-ellipseannotationoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-ellipseannotationoptions"}},[t._v("#")]),t._v(" Interface: EllipseAnnotationOptions")]),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/CoreAnnotationOptions.html"}},[e("code",[t._v("CoreAnnotationOptions")])])],1),t._v(" "),e("p",[t._v("↳ "),e("strong",[e("code",[t._v("EllipseAnnotationOptions")])])])])]),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:"adjustscalerange"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#adjustscalerange"}},[t._v("#")]),t._v(" adjustScaleRange")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("adjustScaleRange")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#adjustscalerange"}},[t._v("adjustScaleRange")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L38",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:38"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("backgroundColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Color")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L122",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:122"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"backgroundshadowcolor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#backgroundshadowcolor"}},[t._v("#")]),t._v(" backgroundShadowColor")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("backgroundShadowColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Color")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#backgroundshadowcolor"}},[t._v("backgroundShadowColor")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L30",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:30"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("borderColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Color")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#bordercolor"}},[t._v("borderColor")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L39",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:39"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#borderdash"}},[t._v("borderDash")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L40",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:40"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#borderdashoffset"}},[t._v("borderDashOffset")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L41",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:41"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"bordershadowcolor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#bordershadowcolor"}},[t._v("#")]),t._v(" borderShadowColor")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("borderShadowColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Color")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#bordershadowcolor"}},[t._v("borderShadowColor")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L31",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:31"),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("code",[t._v("Optional")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#borderwidth"}},[t._v("borderWidth")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L42",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:42"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("display")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#display"}},[t._v("display")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L43",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:43"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"drawtime"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#drawtime"}},[t._v("#")]),t._v(" drawTime")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("drawTime")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#drawtime"}},[e("code",[t._v("DrawTime")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],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",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#drawtime"}},[t._v("drawTime")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L44",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:44"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"hittolerance"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hittolerance"}},[t._v("#")]),t._v(" hitTolerance")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("hitTolerance")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#hittolerance"}},[t._v("hitTolerance")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L45",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:45"),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("Optional")]),t._v(" "),e("strong",[t._v("id")]),t._v(": "),e("code",[t._v("string")])]),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#id"}},[t._v("id")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L47",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:47"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("init")]),t._v(": "),e("code",[t._v("boolean")]),t._v(" | ("),e("code",[t._v("__namedParameters")]),t._v(": "),e("code",[t._v("Object")]),t._v(") => "),e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")]),t._v(" | "),e("code",[t._v("Partial")]),t._v("<"),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationElement.html"}},[e("code",[t._v("AnnotationElement")])]),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",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#init"}},[t._v("init")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L46",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:46"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("label")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/BoxLabelOptions.html"}},[e("code",[t._v("BoxLabelOptions")])])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L123",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:123"),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("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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L124",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:124"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"shadowblur"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#shadowblur"}},[t._v("#")]),t._v(" shadowBlur")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("shadowBlur")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#shadowblur"}},[t._v("shadowBlur")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L32",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:32"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"shadowoffsetx"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#shadowoffsetx"}},[t._v("#")]),t._v(" shadowOffsetX")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("shadowOffsetX")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#shadowoffsetx"}},[t._v("shadowOffsetX")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L33",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:33"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"shadowoffsety"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#shadowoffsety"}},[t._v("#")]),t._v(" shadowOffsetY")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("shadowOffsetY")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#shadowoffsety"}},[t._v("shadowOffsetY")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L34",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:34"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"xmax"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#xmax"}},[t._v("#")]),t._v(" xMax")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("xMax")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#scalevalue"}},[e("code",[t._v("ScaleValue")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#xmax"}},[t._v("xMax")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L48",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:48"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"xmin"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#xmin"}},[t._v("#")]),t._v(" xMin")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("xMin")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#scalevalue"}},[e("code",[t._v("ScaleValue")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#xmin"}},[t._v("xMin")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L49",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:49"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"xscaleid"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#xscaleid"}},[t._v("#")]),t._v(" xScaleID")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("xScaleID")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#xscaleid"}},[t._v("xScaleID")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L50",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:50"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"ymax"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#ymax"}},[t._v("#")]),t._v(" yMax")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("yMax")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#scalevalue"}},[e("code",[t._v("ScaleValue")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#ymax"}},[t._v("yMax")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L51",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:51"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"ymin"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#ymin"}},[t._v("#")]),t._v(" yMin")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("yMin")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#scalevalue"}},[e("code",[t._v("ScaleValue")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#ymin"}},[t._v("yMin")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L52",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:52"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"yscaleid"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#yscaleid"}},[t._v("#")]),t._v(" yScaleID")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("yScaleID")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#yscaleid"}},[t._v("yScaleID")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L53",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:53"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("z")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#z"}},[t._v("z")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L54",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:54"),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:"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("context")]),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("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],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-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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#afterdraw"}},[t._v("afterDraw")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L23",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:23"),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("context")]),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("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],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-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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#beforedraw"}},[t._v("beforeDraw")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L22",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:22"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"click"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#click"}},[t._v("#")]),t._v(" click")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("click")]),t._v("("),e("code",[t._v("context")]),t._v(", "),e("code",[t._v("event")]),t._v("): "),e("code",[t._v("boolean")]),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("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],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("ChartEvent")])])])])]),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("boolean")]),t._v(" | "),e("code",[t._v("void")])]),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#click"}},[t._v("click")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/events.d.ts#L27",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:27"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"enter"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#enter"}},[t._v("#")]),t._v(" enter")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("enter")]),t._v("("),e("code",[t._v("context")]),t._v(", "),e("code",[t._v("event")]),t._v("): "),e("code",[t._v("boolean")]),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("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],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("ChartEvent")])])])])]),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("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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#enter"}},[t._v("enter")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/events.d.ts#L25",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:25"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"leave"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#leave"}},[t._v("#")]),t._v(" leave")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("leave")]),t._v("("),e("code",[t._v("context")]),t._v(", "),e("code",[t._v("event")]),t._v("): "),e("code",[t._v("boolean")]),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("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],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("ChartEvent")])])])])]),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("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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#leave"}},[t._v("leave")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/events.d.ts#L26",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:26"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=n.exports}}]); \ No newline at end of file diff --git a/master/assets/js/34.90df570d.js b/master/assets/js/34.73b1209a.js similarity index 89% rename from master/assets/js/34.90df570d.js rename to master/assets/js/34.73b1209a.js index 28e51c953..73d40f17c 100644 --- a/master/assets/js/34.90df570d.js +++ b/master/assets/js/34.73b1209a.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[34],{444:function(t,e,n){"use strict";n.r(e);var r=n(4),a=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-eventcontext"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-eventcontext"}},[t._v("#")]),t._v(" Interface: EventContext")]),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("code",[t._v("Chart")]),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/chartjs-plugin-annotation/blob/c1fe0e2/types/events.d.ts#L5",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:5"),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("RouterLink",{attrs:{to:"/api/interfaces/AnnotationElement.html"}},[e("code",[t._v("AnnotationElement")])])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/events.d.ts#L6",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:6"),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("strong",[t._v("elements")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationElement.html"}},[e("code",[t._v("AnnotationElement")])]),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/chartjs-plugin-annotation/blob/c1fe0e2/types/events.d.ts#L7",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:7"),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:"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/chartjs-plugin-annotation/blob/c1fe0e2/types/events.d.ts#L8",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:8"),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/chartjs-plugin-annotation/blob/c1fe0e2/types/events.d.ts#L9",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:9"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=a.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[34],{445:function(t,e,n){"use strict";n.r(e);var r=n(4),a=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-eventcontext"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-eventcontext"}},[t._v("#")]),t._v(" Interface: EventContext")]),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("code",[t._v("Chart")]),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/chartjs-plugin-annotation/blob/a42cb2d/types/events.d.ts#L5",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:5"),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("RouterLink",{attrs:{to:"/api/interfaces/AnnotationElement.html"}},[e("code",[t._v("AnnotationElement")])])],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/chartjs-plugin-annotation/blob/a42cb2d/types/events.d.ts#L6",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:6"),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("strong",[t._v("elements")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationElement.html"}},[e("code",[t._v("AnnotationElement")])]),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/chartjs-plugin-annotation/blob/a42cb2d/types/events.d.ts#L7",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:7"),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:"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/chartjs-plugin-annotation/blob/a42cb2d/types/events.d.ts#L8",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:8"),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/chartjs-plugin-annotation/blob/a42cb2d/types/events.d.ts#L9",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:9"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=a.exports}}]); \ No newline at end of file diff --git a/master/assets/js/35.68618d2f.js b/master/assets/js/35.fa0eb53e.js similarity index 95% rename from master/assets/js/35.68618d2f.js rename to master/assets/js/35.fa0eb53e.js index 3bfac83a6..58bb77be4 100644 --- a/master/assets/js/35.68618d2f.js +++ b/master/assets/js/35.fa0eb53e.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[35],{445:function(t,e,a){"use strict";a.r(e);var r=a(4),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-labelannotationoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-labelannotationoptions"}},[t._v("#")]),t._v(" Interface: LabelAnnotationOptions")]),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/CoreAnnotationOptions.html"}},[e("code",[t._v("CoreAnnotationOptions")])])],1)]),t._v(" "),e("li",[e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/LabelTypeOptions.html"}},[e("code",[t._v("LabelTypeOptions")])])],1)]),t._v(" "),e("li",[e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationPointCoordinates.html"}},[e("code",[t._v("AnnotationPointCoordinates")])])],1),t._v(" "),e("p",[t._v("↳ "),e("strong",[e("code",[t._v("LabelAnnotationOptions")])])])])]),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:"adjustscalerange"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#adjustscalerange"}},[t._v("#")]),t._v(" adjustScaleRange")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("adjustScaleRange")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#adjustscalerange"}},[t._v("adjustScaleRange")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L38",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:38"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("backgroundColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Color")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/LabelTypeOptions.html"}},[t._v("LabelTypeOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/LabelTypeOptions.html#backgroundcolor"}},[t._v("backgroundColor")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L92",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:92"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"backgroundshadowcolor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#backgroundshadowcolor"}},[t._v("#")]),t._v(" backgroundShadowColor")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("backgroundShadowColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Color")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#backgroundshadowcolor"}},[t._v("backgroundShadowColor")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L30",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:30"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"bordercapstyle"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#bordercapstyle"}},[t._v("#")]),t._v(" borderCapStyle")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("borderCapStyle")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("CanvasLineCap")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Border line cap style. See MDN.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("'butt'")]),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/LabelTypeOptions.html"}},[t._v("LabelTypeOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/LabelTypeOptions.html#bordercapstyle"}},[t._v("borderCapStyle")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L99",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:99"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("borderColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Color")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/LabelTypeOptions.html"}},[t._v("LabelTypeOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/LabelTypeOptions.html#bordercolor"}},[t._v("borderColor")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L39",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:39"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Border 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/LabelTypeOptions.html"}},[t._v("LabelTypeOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/LabelTypeOptions.html#borderdash"}},[t._v("borderDash")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L40",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:40"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Border 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/LabelTypeOptions.html"}},[t._v("LabelTypeOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/LabelTypeOptions.html#borderdashoffset"}},[t._v("borderDashOffset")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L41",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:41"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("borderJoinStyle")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("CanvasLineJoin")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Border line join style. See MDN.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("'miter'")]),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/LabelTypeOptions.html"}},[t._v("LabelTypeOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/LabelTypeOptions.html#borderjoinstyle"}},[t._v("borderJoinStyle")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L114",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:114"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[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("code",[t._v("BorderRadius")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Border radius of the label rectangle")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("6")]),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/LabelTypeOptions.html"}},[t._v("LabelTypeOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/LabelTypeOptions.html#borderradius"}},[t._v("borderRadius")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L119",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:119"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"bordershadowcolor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#bordershadowcolor"}},[t._v("#")]),t._v(" borderShadowColor")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("borderShadowColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Color")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#bordershadowcolor"}},[t._v("borderShadowColor")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L31",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:31"),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("code",[t._v("Optional")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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",[e("RouterLink",{attrs:{to:"/api/interfaces/LabelTypeOptions.html"}},[t._v("LabelTypeOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/LabelTypeOptions.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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L42",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:42"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"callout"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#callout"}},[t._v("#")]),t._v(" callout")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("callout")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/CalloutOptions.html"}},[e("code",[t._v("CalloutOptions")])])],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",[e("RouterLink",{attrs:{to:"/api/interfaces/LabelTypeOptions.html"}},[t._v("LabelTypeOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/LabelTypeOptions.html#callout"}},[t._v("callout")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L120",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:120"),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/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Color")]),t._v(" | "),e("code",[t._v("Color")]),t._v("[], "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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",[e("RouterLink",{attrs:{to:"/api/interfaces/LabelTypeOptions.html"}},[t._v("LabelTypeOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/LabelTypeOptions.html#color"}},[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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L43",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:43"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"content"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#content"}},[t._v("#")]),t._v(" content")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("content")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("string")]),t._v(" | "),e("code",[t._v("string")]),t._v("[] | "),e("code",[t._v("HTMLCanvasElement")]),t._v(" | "),e("code",[t._v("HTMLImageElement")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Text to display in label. Provide an array to display multiple lines")]),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/LabelTypeOptions.html"}},[t._v("LabelTypeOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/LabelTypeOptions.html#content"}},[t._v("content")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L73",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:73"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("display")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#display"}},[t._v("display")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L43",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:43"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"drawtime"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#drawtime"}},[t._v("#")]),t._v(" drawTime")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("drawTime")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#drawtime"}},[e("code",[t._v("DrawTime")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/LabelTypeOptions.html"}},[t._v("LabelTypeOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/LabelTypeOptions.html#drawtime"}},[t._v("drawTime")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L44",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:44"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("font")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Partial")]),t._v("<"),e("code",[t._v("FontSpec")]),t._v("> | "),e("code",[t._v("Partial")]),t._v("<"),e("code",[t._v("FontSpec")]),t._v(">[], "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/LabelTypeOptions.html"}},[t._v("LabelTypeOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/LabelTypeOptions.html#font"}},[t._v("font")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L42",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:42"),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("Optional")]),t._v(" "),e("strong",[t._v("height")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(" | `${number}%`, "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Overrides the height of the image. Could be set in pixel by a number,\nor in percentage of current height of image by a string")]),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/LabelTypeOptions.html"}},[t._v("LabelTypeOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/LabelTypeOptions.html#height"}},[t._v("height")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L83",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:83"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"hittolerance"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hittolerance"}},[t._v("#")]),t._v(" hitTolerance")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("hitTolerance")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#hittolerance"}},[t._v("hitTolerance")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L45",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:45"),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("Optional")]),t._v(" "),e("strong",[t._v("id")]),t._v(": "),e("code",[t._v("string")])]),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#id"}},[t._v("id")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L47",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:47"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("init")]),t._v(": "),e("code",[t._v("boolean")]),t._v(" | ("),e("code",[t._v("__namedParameters")]),t._v(": "),e("code",[t._v("Object")]),t._v(") => "),e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")]),t._v(" | "),e("code",[t._v("Partial")]),t._v("<"),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationElement.html"}},[e("code",[t._v("AnnotationElement")])]),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",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#init"}},[t._v("init")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L46",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:46"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("opacity")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Overrides the opacity of the image.")]),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/LabelTypeOptions.html"}},[t._v("LabelTypeOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/LabelTypeOptions.html#opacity"}},[t._v("opacity")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L87",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:87"),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("code",[t._v("Optional")]),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("number")]),t._v(" | "),e("RouterLink",{attrs:{to:"/api/interfaces/LabelPadding.html"}},[e("code",[t._v("LabelPadding")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Padding of label")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("6")]),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/LabelTypeOptions.html"}},[t._v("LabelTypeOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/LabelTypeOptions.html#padding"}},[t._v("padding")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L48",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:48"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("position")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#labelposition"}},[e("code",[t._v("LabelPosition")])]),t._v(" | "),e("RouterLink",{attrs:{to:"/api/interfaces/LabelPositionObject.html"}},[e("code",[t._v("LabelPositionObject")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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",[e("RouterLink",{attrs:{to:"/api/interfaces/LabelTypeOptions.html"}},[t._v("LabelTypeOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/LabelTypeOptions.html#position"}},[t._v("position")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L150",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:150"),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("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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L137",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:137"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"shadowblur"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#shadowblur"}},[t._v("#")]),t._v(" shadowBlur")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("shadowBlur")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#shadowblur"}},[t._v("shadowBlur")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L32",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:32"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"shadowoffsetx"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#shadowoffsetx"}},[t._v("#")]),t._v(" shadowOffsetX")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("shadowOffsetX")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#shadowoffsetx"}},[t._v("shadowOffsetX")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L33",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:33"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"shadowoffsety"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#shadowoffsety"}},[t._v("#")]),t._v(" shadowOffsetY")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("shadowOffsetY")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#shadowoffsety"}},[t._v("shadowOffsetY")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L34",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:34"),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("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#labeltextalign"}},[e("code",[t._v("LabelTextAlign")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Text alignment when the content of the label is multi-line.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("'center'")]),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/LabelTypeOptions.html"}},[t._v("LabelTypeOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/LabelTypeOptions.html#textalign"}},[t._v("textAlign")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L53",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:53"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("textStrokeColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Color")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),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/LabelTypeOptions.html"}},[t._v("LabelTypeOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/LabelTypeOptions.html#textstrokecolor"}},[t._v("textStrokeColor")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L54",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:54"),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("code",[t._v("Optional")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/LabelTypeOptions.html"}},[t._v("LabelTypeOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/LabelTypeOptions.html#textstrokewidth"}},[t._v("textStrokeWidth")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L55",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:55"),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("Optional")]),t._v(" "),e("strong",[t._v("width")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(" | `${number}%`, "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Overrides the width of the image. Could be set in pixel by a number,\nor in percentage of current width of image by a string")]),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/LabelTypeOptions.html"}},[t._v("LabelTypeOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/LabelTypeOptions.html#width"}},[t._v("width")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L78",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:78"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"xadjust"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#xadjust"}},[t._v("#")]),t._v(" xAdjust")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("xAdjust")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Adjustment along x-axis (left-right) of label relative to above number (can be negative)\nFor horizontal lines positioned left or right, negative values move\nthe label toward the edge, and positive values toward the center.")]),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-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/LabelTypeOptions.html"}},[t._v("LabelTypeOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/LabelTypeOptions.html#xadjust"}},[t._v("xAdjust")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L62",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:62"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"xmax"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#xmax"}},[t._v("#")]),t._v(" xMax")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("xMax")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#scalevalue"}},[e("code",[t._v("ScaleValue")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#xmax"}},[t._v("xMax")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L48",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:48"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"xmin"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#xmin"}},[t._v("#")]),t._v(" xMin")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("xMin")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#scalevalue"}},[e("code",[t._v("ScaleValue")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#xmin"}},[t._v("xMin")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L49",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:49"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"xscaleid"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#xscaleid"}},[t._v("#")]),t._v(" xScaleID")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("xScaleID")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#xscaleid"}},[t._v("xScaleID")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L50",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:50"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"xvalue"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#xvalue"}},[t._v("#")]),t._v(" xValue")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("xValue")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#scalevalue"}},[e("code",[t._v("ScaleValue")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),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/AnnotationPointCoordinates.html"}},[t._v("AnnotationPointCoordinates")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationPointCoordinates.html#xvalue"}},[t._v("xValue")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L58",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:58"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"yadjust"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#yadjust"}},[t._v("#")]),t._v(" yAdjust")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("yAdjust")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Adjustment along y-axis (top-bottom) of label relative to above number (can be negative)\nFor vertical lines positioned top or bottom, negative values move\nthe label toward the edge, and positive values toward the center.")]),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-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/LabelTypeOptions.html"}},[t._v("LabelTypeOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/LabelTypeOptions.html#yadjust"}},[t._v("yAdjust")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L69",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:69"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"ymax"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#ymax"}},[t._v("#")]),t._v(" yMax")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("yMax")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#scalevalue"}},[e("code",[t._v("ScaleValue")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#ymax"}},[t._v("yMax")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L51",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:51"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"ymin"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#ymin"}},[t._v("#")]),t._v(" yMin")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("yMin")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#scalevalue"}},[e("code",[t._v("ScaleValue")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),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/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#ymin"}},[t._v("yMin")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L52",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:52"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"yscaleid"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#yscaleid"}},[t._v("#")]),t._v(" yScaleID")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("yScaleID")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),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/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#yscaleid"}},[t._v("yScaleID")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L53",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:53"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"yvalue"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#yvalue"}},[t._v("#")]),t._v(" yValue")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("yValue")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#scalevalue"}},[e("code",[t._v("ScaleValue")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),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/interfaces/AnnotationPointCoordinates.html"}},[t._v("AnnotationPointCoordinates")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationPointCoordinates.html#yvalue"}},[t._v("yValue")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L59",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:59"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("z")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),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/interfaces/LabelTypeOptions.html"}},[t._v("LabelTypeOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/LabelTypeOptions.html#z"}},[t._v("z")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L54",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:54"),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:"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("context")]),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("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],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-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/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#afterdraw"}},[t._v("afterDraw")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L23",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:23"),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("context")]),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("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],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-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/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#beforedraw"}},[t._v("beforeDraw")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L22",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:22"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"click"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#click"}},[t._v("#")]),t._v(" click")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("click")]),t._v("("),e("code",[t._v("context")]),t._v(", "),e("code",[t._v("event")]),t._v("): "),e("code",[t._v("boolean")]),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("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],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("ChartEvent")])])])])]),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("boolean")]),t._v(" | "),e("code",[t._v("void")])]),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/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#click"}},[t._v("click")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/events.d.ts#L27",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:27"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"enter"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#enter"}},[t._v("#")]),t._v(" enter")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("enter")]),t._v("("),e("code",[t._v("context")]),t._v(", "),e("code",[t._v("event")]),t._v("): "),e("code",[t._v("boolean")]),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("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],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("ChartEvent")])])])])]),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("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/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#enter"}},[t._v("enter")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/events.d.ts#L25",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:25"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"leave"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#leave"}},[t._v("#")]),t._v(" leave")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("leave")]),t._v("("),e("code",[t._v("context")]),t._v(", "),e("code",[t._v("event")]),t._v("): "),e("code",[t._v("boolean")]),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("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],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("ChartEvent")])])])])]),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("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/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#leave"}},[t._v("leave")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/events.d.ts#L26",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:26"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=n.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[35],{444:function(t,e,a){"use strict";a.r(e);var r=a(4),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-labelannotationoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-labelannotationoptions"}},[t._v("#")]),t._v(" Interface: LabelAnnotationOptions")]),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/CoreAnnotationOptions.html"}},[e("code",[t._v("CoreAnnotationOptions")])])],1)]),t._v(" "),e("li",[e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/LabelTypeOptions.html"}},[e("code",[t._v("LabelTypeOptions")])])],1)]),t._v(" "),e("li",[e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationPointCoordinates.html"}},[e("code",[t._v("AnnotationPointCoordinates")])])],1),t._v(" "),e("p",[t._v("↳ "),e("strong",[e("code",[t._v("LabelAnnotationOptions")])])])])]),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:"adjustscalerange"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#adjustscalerange"}},[t._v("#")]),t._v(" adjustScaleRange")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("adjustScaleRange")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#adjustscalerange"}},[t._v("adjustScaleRange")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L38",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:38"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("backgroundColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Color")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/LabelTypeOptions.html"}},[t._v("LabelTypeOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/LabelTypeOptions.html#backgroundcolor"}},[t._v("backgroundColor")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L92",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:92"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"backgroundshadowcolor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#backgroundshadowcolor"}},[t._v("#")]),t._v(" backgroundShadowColor")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("backgroundShadowColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Color")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#backgroundshadowcolor"}},[t._v("backgroundShadowColor")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L30",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:30"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"bordercapstyle"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#bordercapstyle"}},[t._v("#")]),t._v(" borderCapStyle")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("borderCapStyle")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("CanvasLineCap")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Border line cap style. See MDN.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("'butt'")]),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/LabelTypeOptions.html"}},[t._v("LabelTypeOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/LabelTypeOptions.html#bordercapstyle"}},[t._v("borderCapStyle")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L99",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:99"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("borderColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Color")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/LabelTypeOptions.html"}},[t._v("LabelTypeOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/LabelTypeOptions.html#bordercolor"}},[t._v("borderColor")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L39",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:39"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Border 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/LabelTypeOptions.html"}},[t._v("LabelTypeOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/LabelTypeOptions.html#borderdash"}},[t._v("borderDash")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L40",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:40"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Border 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/LabelTypeOptions.html"}},[t._v("LabelTypeOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/LabelTypeOptions.html#borderdashoffset"}},[t._v("borderDashOffset")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L41",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:41"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("borderJoinStyle")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("CanvasLineJoin")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Border line join style. See MDN.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("'miter'")]),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/LabelTypeOptions.html"}},[t._v("LabelTypeOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/LabelTypeOptions.html#borderjoinstyle"}},[t._v("borderJoinStyle")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L114",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:114"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[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("code",[t._v("BorderRadius")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Border radius of the label rectangle")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("6")]),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/LabelTypeOptions.html"}},[t._v("LabelTypeOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/LabelTypeOptions.html#borderradius"}},[t._v("borderRadius")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L119",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:119"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"bordershadowcolor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#bordershadowcolor"}},[t._v("#")]),t._v(" borderShadowColor")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("borderShadowColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Color")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#bordershadowcolor"}},[t._v("borderShadowColor")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L31",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:31"),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("code",[t._v("Optional")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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",[e("RouterLink",{attrs:{to:"/api/interfaces/LabelTypeOptions.html"}},[t._v("LabelTypeOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/LabelTypeOptions.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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L42",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:42"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"callout"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#callout"}},[t._v("#")]),t._v(" callout")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("callout")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/CalloutOptions.html"}},[e("code",[t._v("CalloutOptions")])])],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",[e("RouterLink",{attrs:{to:"/api/interfaces/LabelTypeOptions.html"}},[t._v("LabelTypeOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/LabelTypeOptions.html#callout"}},[t._v("callout")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L120",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:120"),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/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Color")]),t._v(" | "),e("code",[t._v("Color")]),t._v("[], "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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",[e("RouterLink",{attrs:{to:"/api/interfaces/LabelTypeOptions.html"}},[t._v("LabelTypeOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/LabelTypeOptions.html#color"}},[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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L43",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:43"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"content"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#content"}},[t._v("#")]),t._v(" content")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("content")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("string")]),t._v(" | "),e("code",[t._v("string")]),t._v("[] | "),e("code",[t._v("HTMLCanvasElement")]),t._v(" | "),e("code",[t._v("HTMLImageElement")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Text to display in label. Provide an array to display multiple lines")]),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/LabelTypeOptions.html"}},[t._v("LabelTypeOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/LabelTypeOptions.html#content"}},[t._v("content")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L73",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:73"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("display")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#display"}},[t._v("display")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L43",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:43"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"drawtime"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#drawtime"}},[t._v("#")]),t._v(" drawTime")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("drawTime")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#drawtime"}},[e("code",[t._v("DrawTime")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/LabelTypeOptions.html"}},[t._v("LabelTypeOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/LabelTypeOptions.html#drawtime"}},[t._v("drawTime")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L44",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:44"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("font")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Partial")]),t._v("<"),e("code",[t._v("FontSpec")]),t._v("> | "),e("code",[t._v("Partial")]),t._v("<"),e("code",[t._v("FontSpec")]),t._v(">[], "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/LabelTypeOptions.html"}},[t._v("LabelTypeOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/LabelTypeOptions.html#font"}},[t._v("font")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L42",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:42"),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("Optional")]),t._v(" "),e("strong",[t._v("height")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(" | `${number}%`, "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Overrides the height of the image. Could be set in pixel by a number,\nor in percentage of current height of image by a string")]),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/LabelTypeOptions.html"}},[t._v("LabelTypeOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/LabelTypeOptions.html#height"}},[t._v("height")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L83",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:83"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"hittolerance"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hittolerance"}},[t._v("#")]),t._v(" hitTolerance")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("hitTolerance")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#hittolerance"}},[t._v("hitTolerance")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L45",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:45"),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("Optional")]),t._v(" "),e("strong",[t._v("id")]),t._v(": "),e("code",[t._v("string")])]),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#id"}},[t._v("id")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L47",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:47"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("init")]),t._v(": "),e("code",[t._v("boolean")]),t._v(" | ("),e("code",[t._v("__namedParameters")]),t._v(": "),e("code",[t._v("Object")]),t._v(") => "),e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")]),t._v(" | "),e("code",[t._v("Partial")]),t._v("<"),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationElement.html"}},[e("code",[t._v("AnnotationElement")])]),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",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#init"}},[t._v("init")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L46",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:46"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("opacity")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Overrides the opacity of the image.")]),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/LabelTypeOptions.html"}},[t._v("LabelTypeOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/LabelTypeOptions.html#opacity"}},[t._v("opacity")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L87",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:87"),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("code",[t._v("Optional")]),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("number")]),t._v(" | "),e("RouterLink",{attrs:{to:"/api/interfaces/LabelPadding.html"}},[e("code",[t._v("LabelPadding")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Padding of label")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("6")]),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/LabelTypeOptions.html"}},[t._v("LabelTypeOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/LabelTypeOptions.html#padding"}},[t._v("padding")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L48",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:48"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("position")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#labelposition"}},[e("code",[t._v("LabelPosition")])]),t._v(" | "),e("RouterLink",{attrs:{to:"/api/interfaces/LabelPositionObject.html"}},[e("code",[t._v("LabelPositionObject")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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",[e("RouterLink",{attrs:{to:"/api/interfaces/LabelTypeOptions.html"}},[t._v("LabelTypeOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/LabelTypeOptions.html#position"}},[t._v("position")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L150",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:150"),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("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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L137",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:137"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"shadowblur"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#shadowblur"}},[t._v("#")]),t._v(" shadowBlur")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("shadowBlur")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#shadowblur"}},[t._v("shadowBlur")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L32",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:32"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"shadowoffsetx"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#shadowoffsetx"}},[t._v("#")]),t._v(" shadowOffsetX")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("shadowOffsetX")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#shadowoffsetx"}},[t._v("shadowOffsetX")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L33",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:33"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"shadowoffsety"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#shadowoffsety"}},[t._v("#")]),t._v(" shadowOffsetY")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("shadowOffsetY")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#shadowoffsety"}},[t._v("shadowOffsetY")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L34",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:34"),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("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#labeltextalign"}},[e("code",[t._v("LabelTextAlign")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Text alignment when the content of the label is multi-line.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("'center'")]),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/LabelTypeOptions.html"}},[t._v("LabelTypeOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/LabelTypeOptions.html#textalign"}},[t._v("textAlign")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L53",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:53"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("textStrokeColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Color")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),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/LabelTypeOptions.html"}},[t._v("LabelTypeOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/LabelTypeOptions.html#textstrokecolor"}},[t._v("textStrokeColor")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L54",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:54"),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("code",[t._v("Optional")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/LabelTypeOptions.html"}},[t._v("LabelTypeOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/LabelTypeOptions.html#textstrokewidth"}},[t._v("textStrokeWidth")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L55",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:55"),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("Optional")]),t._v(" "),e("strong",[t._v("width")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(" | `${number}%`, "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Overrides the width of the image. Could be set in pixel by a number,\nor in percentage of current width of image by a string")]),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/LabelTypeOptions.html"}},[t._v("LabelTypeOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/LabelTypeOptions.html#width"}},[t._v("width")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L78",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:78"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"xadjust"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#xadjust"}},[t._v("#")]),t._v(" xAdjust")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("xAdjust")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Adjustment along x-axis (left-right) of label relative to above number (can be negative)\nFor horizontal lines positioned left or right, negative values move\nthe label toward the edge, and positive values toward the center.")]),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-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/LabelTypeOptions.html"}},[t._v("LabelTypeOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/LabelTypeOptions.html#xadjust"}},[t._v("xAdjust")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L62",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:62"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"xmax"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#xmax"}},[t._v("#")]),t._v(" xMax")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("xMax")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#scalevalue"}},[e("code",[t._v("ScaleValue")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#xmax"}},[t._v("xMax")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L48",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:48"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"xmin"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#xmin"}},[t._v("#")]),t._v(" xMin")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("xMin")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#scalevalue"}},[e("code",[t._v("ScaleValue")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#xmin"}},[t._v("xMin")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L49",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:49"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"xscaleid"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#xscaleid"}},[t._v("#")]),t._v(" xScaleID")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("xScaleID")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#xscaleid"}},[t._v("xScaleID")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L50",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:50"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"xvalue"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#xvalue"}},[t._v("#")]),t._v(" xValue")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("xValue")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#scalevalue"}},[e("code",[t._v("ScaleValue")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),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/AnnotationPointCoordinates.html"}},[t._v("AnnotationPointCoordinates")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationPointCoordinates.html#xvalue"}},[t._v("xValue")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L58",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:58"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"yadjust"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#yadjust"}},[t._v("#")]),t._v(" yAdjust")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("yAdjust")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Adjustment along y-axis (top-bottom) of label relative to above number (can be negative)\nFor vertical lines positioned top or bottom, negative values move\nthe label toward the edge, and positive values toward the center.")]),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-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/LabelTypeOptions.html"}},[t._v("LabelTypeOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/LabelTypeOptions.html#yadjust"}},[t._v("yAdjust")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L69",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:69"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"ymax"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#ymax"}},[t._v("#")]),t._v(" yMax")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("yMax")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#scalevalue"}},[e("code",[t._v("ScaleValue")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#ymax"}},[t._v("yMax")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L51",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:51"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"ymin"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#ymin"}},[t._v("#")]),t._v(" yMin")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("yMin")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#scalevalue"}},[e("code",[t._v("ScaleValue")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),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/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#ymin"}},[t._v("yMin")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L52",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:52"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"yscaleid"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#yscaleid"}},[t._v("#")]),t._v(" yScaleID")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("yScaleID")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),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/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#yscaleid"}},[t._v("yScaleID")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L53",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:53"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"yvalue"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#yvalue"}},[t._v("#")]),t._v(" yValue")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("yValue")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#scalevalue"}},[e("code",[t._v("ScaleValue")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),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/interfaces/AnnotationPointCoordinates.html"}},[t._v("AnnotationPointCoordinates")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationPointCoordinates.html#yvalue"}},[t._v("yValue")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L59",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:59"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("z")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),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/interfaces/LabelTypeOptions.html"}},[t._v("LabelTypeOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/LabelTypeOptions.html#z"}},[t._v("z")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L54",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:54"),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:"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("context")]),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("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],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-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/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#afterdraw"}},[t._v("afterDraw")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L23",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:23"),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("context")]),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("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],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-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/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#beforedraw"}},[t._v("beforeDraw")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L22",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:22"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"click"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#click"}},[t._v("#")]),t._v(" click")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("click")]),t._v("("),e("code",[t._v("context")]),t._v(", "),e("code",[t._v("event")]),t._v("): "),e("code",[t._v("boolean")]),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("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],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("ChartEvent")])])])])]),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("boolean")]),t._v(" | "),e("code",[t._v("void")])]),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/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#click"}},[t._v("click")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/events.d.ts#L27",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:27"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"enter"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#enter"}},[t._v("#")]),t._v(" enter")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("enter")]),t._v("("),e("code",[t._v("context")]),t._v(", "),e("code",[t._v("event")]),t._v("): "),e("code",[t._v("boolean")]),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("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],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("ChartEvent")])])])])]),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("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/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#enter"}},[t._v("enter")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/events.d.ts#L25",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:25"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"leave"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#leave"}},[t._v("#")]),t._v(" leave")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("leave")]),t._v("("),e("code",[t._v("context")]),t._v(", "),e("code",[t._v("event")]),t._v("): "),e("code",[t._v("boolean")]),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("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],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("ChartEvent")])])])])]),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("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/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#leave"}},[t._v("leave")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/events.d.ts#L26",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:26"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=n.exports}}]); \ No newline at end of file diff --git a/master/assets/js/36.ab45b38e.js b/master/assets/js/36.16e78e26.js similarity index 95% rename from master/assets/js/36.ab45b38e.js rename to master/assets/js/36.16e78e26.js index 074493797..a9bd4e30d 100644 --- a/master/assets/js/36.ab45b38e.js +++ b/master/assets/js/36.16e78e26.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[36],{446:function(t,e,a){"use strict";a.r(e);var r=a(4),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-labeloptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-labeloptions"}},[t._v("#")]),t._v(" Interface: LabelOptions")]),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/ContainedLabelOptions.html"}},[e("code",[t._v("ContainedLabelOptions")])])],1)]),t._v(" "),e("li",[e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/ShadowOptions.html"}},[e("code",[t._v("ShadowOptions")])])],1),t._v(" "),e("p",[t._v("↳ "),e("strong",[e("code",[t._v("LabelOptions")])])])])]),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:"backgroundcolor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#backgroundcolor"}},[t._v("#")]),t._v(" backgroundColor")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("backgroundColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Color")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/ContainedLabelOptions.html"}},[t._v("ContainedLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html#backgroundcolor"}},[t._v("backgroundColor")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L92",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:92"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"backgroundshadowcolor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#backgroundshadowcolor"}},[t._v("#")]),t._v(" backgroundShadowColor")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("backgroundShadowColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Color")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/ShadowOptions.html"}},[t._v("ShadowOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ShadowOptions.html#backgroundshadowcolor"}},[t._v("backgroundShadowColor")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L30",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:30"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"bordercapstyle"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#bordercapstyle"}},[t._v("#")]),t._v(" borderCapStyle")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("borderCapStyle")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("CanvasLineCap")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Border line cap style. See MDN.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("'butt'")]),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/ContainedLabelOptions.html"}},[t._v("ContainedLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html#bordercapstyle"}},[t._v("borderCapStyle")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L99",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:99"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("borderColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Color")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],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/ContainedLabelOptions.html"}},[t._v("ContainedLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html#bordercolor"}},[t._v("borderColor")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L94",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:94"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Border 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-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/ContainedLabelOptions.html"}},[t._v("ContainedLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html#borderdash"}},[t._v("borderDash")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L104",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:104"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Border 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-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/ContainedLabelOptions.html"}},[t._v("ContainedLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html#borderdashoffset"}},[t._v("borderDashOffset")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L109",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:109"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("borderJoinStyle")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("CanvasLineJoin")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Border line join style. See MDN.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("'miter'")]),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/ContainedLabelOptions.html"}},[t._v("ContainedLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html#borderjoinstyle"}},[t._v("borderJoinStyle")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L114",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:114"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[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("code",[t._v("BorderRadius")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Border radius of the label rectangle")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("6")]),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/ContainedLabelOptions.html"}},[t._v("ContainedLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html#borderradius"}},[t._v("borderRadius")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L119",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:119"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"bordershadowcolor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#bordershadowcolor"}},[t._v("#")]),t._v(" borderShadowColor")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("borderShadowColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Color")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],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",[e("RouterLink",{attrs:{to:"/api/interfaces/ShadowOptions.html"}},[t._v("ShadowOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ShadowOptions.html#bordershadowcolor"}},[t._v("borderShadowColor")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L31",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:31"),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("code",[t._v("Optional")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/ContainedLabelOptions.html"}},[t._v("ContainedLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html#borderwidth"}},[t._v("borderWidth")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L93",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:93"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"callout"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#callout"}},[t._v("#")]),t._v(" callout")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("callout")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/CalloutOptions.html"}},[e("code",[t._v("CalloutOptions")])])],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",[e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html"}},[t._v("ContainedLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html#callout"}},[t._v("callout")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L120",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:120"),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/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Color")]),t._v(" | "),e("code",[t._v("Color")]),t._v("[], "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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",[e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html"}},[t._v("ContainedLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html#color"}},[t._v("color")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L43",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:43"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"content"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#content"}},[t._v("#")]),t._v(" content")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("content")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("string")]),t._v(" | "),e("code",[t._v("string")]),t._v("[] | "),e("code",[t._v("HTMLCanvasElement")]),t._v(" | "),e("code",[t._v("HTMLImageElement")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Text to display in label. Provide an array to display multiple lines")]),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/ContainedLabelOptions.html"}},[t._v("ContainedLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html#content"}},[t._v("content")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L73",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:73"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("display")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Whether the label should be displayed")]),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-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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L129",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:129"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"drawtime"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#drawtime"}},[t._v("#")]),t._v(" drawTime")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("drawTime")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#drawtime"}},[e("code",[t._v("DrawTime")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),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/ContainedLabelOptions.html"}},[t._v("ContainedLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html#drawtime"}},[t._v("drawTime")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L41",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:41"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("font")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Partial")]),t._v("<"),e("code",[t._v("FontSpec")]),t._v("> | "),e("code",[t._v("Partial")]),t._v("<"),e("code",[t._v("FontSpec")]),t._v(">[], "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/ContainedLabelOptions.html"}},[t._v("ContainedLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html#font"}},[t._v("font")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L42",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:42"),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("Optional")]),t._v(" "),e("strong",[t._v("height")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(" | `${number}%`, "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Overrides the height of the image. Could be set in pixel by a number,\nor in percentage of current height of image by a string")]),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/ContainedLabelOptions.html"}},[t._v("ContainedLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html#height"}},[t._v("height")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L83",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:83"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"hittolerance"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hittolerance"}},[t._v("#")]),t._v(" hitTolerance")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("hitTolerance")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L130",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:130"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("opacity")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Overrides the opacity of the image.")]),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/ContainedLabelOptions.html"}},[t._v("ContainedLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html#opacity"}},[t._v("opacity")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L87",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:87"),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("code",[t._v("Optional")]),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("number")]),t._v(" | "),e("RouterLink",{attrs:{to:"/api/interfaces/LabelPadding.html"}},[e("code",[t._v("LabelPadding")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Padding of label")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("6")]),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/ContainedLabelOptions.html"}},[t._v("ContainedLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html#padding"}},[t._v("padding")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L48",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:48"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("position")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#labelposition"}},[e("code",[t._v("LabelPosition")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L124",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:124"),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("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(" | "),e("code",[t._v('"auto"')]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Rotation of label, in degrees, or 'auto' to use the degrees of the line, default is 0")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("90")]),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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L135",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:135"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"shadowblur"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#shadowblur"}},[t._v("#")]),t._v(" shadowBlur")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("shadowBlur")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/ShadowOptions.html"}},[t._v("ShadowOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ShadowOptions.html#shadowblur"}},[t._v("shadowBlur")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L32",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:32"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"shadowoffsetx"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#shadowoffsetx"}},[t._v("#")]),t._v(" shadowOffsetX")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("shadowOffsetX")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/ShadowOptions.html"}},[t._v("ShadowOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ShadowOptions.html#shadowoffsetx"}},[t._v("shadowOffsetX")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L33",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:33"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"shadowoffsety"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#shadowoffsety"}},[t._v("#")]),t._v(" shadowOffsetY")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("shadowOffsetY")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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",[e("RouterLink",{attrs:{to:"/api/interfaces/ShadowOptions.html"}},[t._v("ShadowOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ShadowOptions.html#shadowoffsety"}},[t._v("shadowOffsetY")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L34",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:34"),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("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#labeltextalign"}},[e("code",[t._v("LabelTextAlign")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Text alignment when the content of the label is multi-line.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("'center'")]),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/ContainedLabelOptions.html"}},[t._v("ContainedLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html#textalign"}},[t._v("textAlign")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L53",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:53"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("textStrokeColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Color")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/interfaces/ContainedLabelOptions.html"}},[t._v("ContainedLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html#textstrokecolor"}},[t._v("textStrokeColor")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L54",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:54"),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("code",[t._v("Optional")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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",[e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html"}},[t._v("ContainedLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html#textstrokewidth"}},[t._v("textStrokeWidth")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L55",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:55"),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("Optional")]),t._v(" "),e("strong",[t._v("width")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(" | `${number}%`, "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Overrides the width of the image. Could be set in pixel by a number,\nor in percentage of current width of image by a 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/interfaces/ContainedLabelOptions.html"}},[t._v("ContainedLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html#width"}},[t._v("width")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L78",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:78"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"xadjust"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#xadjust"}},[t._v("#")]),t._v(" xAdjust")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("xAdjust")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Adjustment along x-axis (left-right) of label relative to above number (can be negative)\nFor horizontal lines positioned left or right, negative values move\nthe label toward the edge, and positive values toward the center.")]),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-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/ContainedLabelOptions.html"}},[t._v("ContainedLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html#xadjust"}},[t._v("xAdjust")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L62",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:62"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"yadjust"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#yadjust"}},[t._v("#")]),t._v(" yAdjust")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("yAdjust")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Adjustment along y-axis (top-bottom) of label relative to above number (can be negative)\nFor vertical lines positioned top or bottom, negative values move\nthe label toward the edge, and positive values toward the center.")]),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/ContainedLabelOptions.html"}},[t._v("ContainedLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html#yadjust"}},[t._v("yAdjust")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L69",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:69"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("z")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),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/ContainedLabelOptions.html"}},[t._v("ContainedLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html#z"}},[t._v("z")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L88",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:88"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=n.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[36],{446:function(t,e,a){"use strict";a.r(e);var r=a(4),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-labeloptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-labeloptions"}},[t._v("#")]),t._v(" Interface: LabelOptions")]),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/ContainedLabelOptions.html"}},[e("code",[t._v("ContainedLabelOptions")])])],1)]),t._v(" "),e("li",[e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/ShadowOptions.html"}},[e("code",[t._v("ShadowOptions")])])],1),t._v(" "),e("p",[t._v("↳ "),e("strong",[e("code",[t._v("LabelOptions")])])])])]),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:"backgroundcolor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#backgroundcolor"}},[t._v("#")]),t._v(" backgroundColor")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("backgroundColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Color")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/ContainedLabelOptions.html"}},[t._v("ContainedLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html#backgroundcolor"}},[t._v("backgroundColor")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L92",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:92"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"backgroundshadowcolor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#backgroundshadowcolor"}},[t._v("#")]),t._v(" backgroundShadowColor")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("backgroundShadowColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Color")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/ShadowOptions.html"}},[t._v("ShadowOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ShadowOptions.html#backgroundshadowcolor"}},[t._v("backgroundShadowColor")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L30",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:30"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"bordercapstyle"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#bordercapstyle"}},[t._v("#")]),t._v(" borderCapStyle")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("borderCapStyle")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("CanvasLineCap")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Border line cap style. See MDN.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("'butt'")]),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/ContainedLabelOptions.html"}},[t._v("ContainedLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html#bordercapstyle"}},[t._v("borderCapStyle")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L99",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:99"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("borderColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Color")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],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/ContainedLabelOptions.html"}},[t._v("ContainedLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html#bordercolor"}},[t._v("borderColor")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L94",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:94"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Border 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-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/ContainedLabelOptions.html"}},[t._v("ContainedLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html#borderdash"}},[t._v("borderDash")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L104",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:104"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Border 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-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/ContainedLabelOptions.html"}},[t._v("ContainedLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html#borderdashoffset"}},[t._v("borderDashOffset")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L109",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:109"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("borderJoinStyle")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("CanvasLineJoin")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Border line join style. See MDN.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("'miter'")]),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/ContainedLabelOptions.html"}},[t._v("ContainedLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html#borderjoinstyle"}},[t._v("borderJoinStyle")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L114",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:114"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[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("code",[t._v("BorderRadius")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Border radius of the label rectangle")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("6")]),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/ContainedLabelOptions.html"}},[t._v("ContainedLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html#borderradius"}},[t._v("borderRadius")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L119",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:119"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"bordershadowcolor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#bordershadowcolor"}},[t._v("#")]),t._v(" borderShadowColor")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("borderShadowColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Color")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],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",[e("RouterLink",{attrs:{to:"/api/interfaces/ShadowOptions.html"}},[t._v("ShadowOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ShadowOptions.html#bordershadowcolor"}},[t._v("borderShadowColor")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L31",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:31"),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("code",[t._v("Optional")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/ContainedLabelOptions.html"}},[t._v("ContainedLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html#borderwidth"}},[t._v("borderWidth")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L93",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:93"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"callout"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#callout"}},[t._v("#")]),t._v(" callout")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("callout")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/CalloutOptions.html"}},[e("code",[t._v("CalloutOptions")])])],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",[e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html"}},[t._v("ContainedLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html#callout"}},[t._v("callout")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L120",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:120"),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/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Color")]),t._v(" | "),e("code",[t._v("Color")]),t._v("[], "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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",[e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html"}},[t._v("ContainedLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html#color"}},[t._v("color")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L43",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:43"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"content"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#content"}},[t._v("#")]),t._v(" content")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("content")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("string")]),t._v(" | "),e("code",[t._v("string")]),t._v("[] | "),e("code",[t._v("HTMLCanvasElement")]),t._v(" | "),e("code",[t._v("HTMLImageElement")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Text to display in label. Provide an array to display multiple lines")]),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/ContainedLabelOptions.html"}},[t._v("ContainedLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html#content"}},[t._v("content")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L73",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:73"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("display")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Whether the label should be displayed")]),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-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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L129",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:129"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"drawtime"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#drawtime"}},[t._v("#")]),t._v(" drawTime")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("drawTime")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#drawtime"}},[e("code",[t._v("DrawTime")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),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/ContainedLabelOptions.html"}},[t._v("ContainedLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html#drawtime"}},[t._v("drawTime")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L41",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:41"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("font")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Partial")]),t._v("<"),e("code",[t._v("FontSpec")]),t._v("> | "),e("code",[t._v("Partial")]),t._v("<"),e("code",[t._v("FontSpec")]),t._v(">[], "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/ContainedLabelOptions.html"}},[t._v("ContainedLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html#font"}},[t._v("font")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L42",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:42"),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("Optional")]),t._v(" "),e("strong",[t._v("height")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(" | `${number}%`, "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Overrides the height of the image. Could be set in pixel by a number,\nor in percentage of current height of image by a string")]),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/ContainedLabelOptions.html"}},[t._v("ContainedLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html#height"}},[t._v("height")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L83",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:83"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"hittolerance"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hittolerance"}},[t._v("#")]),t._v(" hitTolerance")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("hitTolerance")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L130",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:130"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("opacity")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Overrides the opacity of the image.")]),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/ContainedLabelOptions.html"}},[t._v("ContainedLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html#opacity"}},[t._v("opacity")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L87",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:87"),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("code",[t._v("Optional")]),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("number")]),t._v(" | "),e("RouterLink",{attrs:{to:"/api/interfaces/LabelPadding.html"}},[e("code",[t._v("LabelPadding")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Padding of label")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("6")]),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/ContainedLabelOptions.html"}},[t._v("ContainedLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html#padding"}},[t._v("padding")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L48",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:48"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("position")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#labelposition"}},[e("code",[t._v("LabelPosition")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L124",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:124"),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("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(" | "),e("code",[t._v('"auto"')]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Rotation of label, in degrees, or 'auto' to use the degrees of the line, default is 0")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("90")]),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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L135",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:135"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"shadowblur"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#shadowblur"}},[t._v("#")]),t._v(" shadowBlur")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("shadowBlur")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/ShadowOptions.html"}},[t._v("ShadowOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ShadowOptions.html#shadowblur"}},[t._v("shadowBlur")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L32",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:32"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"shadowoffsetx"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#shadowoffsetx"}},[t._v("#")]),t._v(" shadowOffsetX")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("shadowOffsetX")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/ShadowOptions.html"}},[t._v("ShadowOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ShadowOptions.html#shadowoffsetx"}},[t._v("shadowOffsetX")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L33",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:33"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"shadowoffsety"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#shadowoffsety"}},[t._v("#")]),t._v(" shadowOffsetY")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("shadowOffsetY")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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",[e("RouterLink",{attrs:{to:"/api/interfaces/ShadowOptions.html"}},[t._v("ShadowOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ShadowOptions.html#shadowoffsety"}},[t._v("shadowOffsetY")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L34",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:34"),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("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#labeltextalign"}},[e("code",[t._v("LabelTextAlign")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Text alignment when the content of the label is multi-line.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("'center'")]),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/ContainedLabelOptions.html"}},[t._v("ContainedLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html#textalign"}},[t._v("textAlign")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L53",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:53"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("textStrokeColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Color")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/interfaces/ContainedLabelOptions.html"}},[t._v("ContainedLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html#textstrokecolor"}},[t._v("textStrokeColor")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L54",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:54"),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("code",[t._v("Optional")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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",[e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html"}},[t._v("ContainedLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html#textstrokewidth"}},[t._v("textStrokeWidth")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L55",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:55"),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("Optional")]),t._v(" "),e("strong",[t._v("width")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(" | `${number}%`, "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Overrides the width of the image. Could be set in pixel by a number,\nor in percentage of current width of image by a 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/interfaces/ContainedLabelOptions.html"}},[t._v("ContainedLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html#width"}},[t._v("width")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L78",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:78"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"xadjust"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#xadjust"}},[t._v("#")]),t._v(" xAdjust")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("xAdjust")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Adjustment along x-axis (left-right) of label relative to above number (can be negative)\nFor horizontal lines positioned left or right, negative values move\nthe label toward the edge, and positive values toward the center.")]),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-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/ContainedLabelOptions.html"}},[t._v("ContainedLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html#xadjust"}},[t._v("xAdjust")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L62",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:62"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"yadjust"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#yadjust"}},[t._v("#")]),t._v(" yAdjust")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("yAdjust")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Adjustment along y-axis (top-bottom) of label relative to above number (can be negative)\nFor vertical lines positioned top or bottom, negative values move\nthe label toward the edge, and positive values toward the center.")]),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/ContainedLabelOptions.html"}},[t._v("ContainedLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html#yadjust"}},[t._v("yAdjust")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L69",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:69"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("z")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),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/ContainedLabelOptions.html"}},[t._v("ContainedLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html#z"}},[t._v("z")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L88",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:88"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=n.exports}}]); \ No newline at end of file diff --git a/master/assets/js/37.a8ae452f.js b/master/assets/js/37.c8b97bdc.js similarity index 91% rename from master/assets/js/37.a8ae452f.js rename to master/assets/js/37.c8b97bdc.js index 57f7a0ede..25efd7942 100644 --- a/master/assets/js/37.a8ae452f.js +++ b/master/assets/js/37.c8b97bdc.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[37],{447:function(t,e,a){"use strict";a.r(e);var r=a(4),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-labelpadding"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-labelpadding"}},[t._v("#")]),t._v(" Interface: LabelPadding")]),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:"bottom"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#bottom"}},[t._v("#")]),t._v(" bottom")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("bottom")]),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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L21",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:21"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("left")]),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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L19",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:19"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("right")]),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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L20",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:20"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("top")]),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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L18",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:18"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("x")]),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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L22",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:22"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("y")]),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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L23",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:23"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=n.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[37],{447:function(t,e,a){"use strict";a.r(e);var r=a(4),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-labelpadding"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-labelpadding"}},[t._v("#")]),t._v(" Interface: LabelPadding")]),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:"bottom"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#bottom"}},[t._v("#")]),t._v(" bottom")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("bottom")]),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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L21",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:21"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("left")]),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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L19",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:19"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("right")]),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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L20",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:20"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("top")]),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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L18",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:18"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("x")]),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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L22",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:22"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("y")]),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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L23",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:23"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=n.exports}}]); \ No newline at end of file diff --git a/master/assets/js/38.3af33ab4.js b/master/assets/js/38.f464c824.js similarity index 93% rename from master/assets/js/38.3af33ab4.js rename to master/assets/js/38.f464c824.js index 7417dfd62..8d5577d8e 100644 --- a/master/assets/js/38.3af33ab4.js +++ b/master/assets/js/38.f464c824.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[38],{448:function(t,e,a){"use strict";a.r(e);var r=a(4),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-labelpositionobject"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-labelpositionobject"}},[t._v("#")]),t._v(" Interface: LabelPositionObject")]),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("x")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#labelposition"}},[e("code",[t._v("LabelPosition")])])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L13",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:13"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("y")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#labelposition"}},[e("code",[t._v("LabelPosition")])])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L14",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:14"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=s.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[38],{448:function(t,e,a){"use strict";a.r(e);var r=a(4),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-labelpositionobject"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-labelpositionobject"}},[t._v("#")]),t._v(" Interface: LabelPositionObject")]),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("x")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#labelposition"}},[e("code",[t._v("LabelPosition")])])],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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L13",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:13"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("y")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#labelposition"}},[e("code",[t._v("LabelPosition")])])],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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L14",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:14"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=s.exports}}]); \ No newline at end of file diff --git a/master/assets/js/39.8eb2783c.js b/master/assets/js/39.51b97550.js similarity index 95% rename from master/assets/js/39.8eb2783c.js rename to master/assets/js/39.51b97550.js index 6465fef03..1237337ed 100644 --- a/master/assets/js/39.8eb2783c.js +++ b/master/assets/js/39.51b97550.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[39],{449:function(t,e,a){"use strict";a.r(e);var r=a(4),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-labeltypeoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-labeltypeoptions"}},[t._v("#")]),t._v(" Interface: LabelTypeOptions")]),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/ContainedLabelOptions.html"}},[e("code",[t._v("ContainedLabelOptions")])])],1),t._v(" "),e("p",[t._v("↳ "),e("strong",[e("code",[t._v("LabelTypeOptions")])])]),t._v(" "),e("p",[t._v("↳↳ "),e("RouterLink",{attrs:{to:"/api/interfaces/LabelAnnotationOptions.html"}},[e("code",[t._v("LabelAnnotationOptions")])])],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:"backgroundcolor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#backgroundcolor"}},[t._v("#")]),t._v(" backgroundColor")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("backgroundColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Color")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/ContainedLabelOptions.html"}},[t._v("ContainedLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html#backgroundcolor"}},[t._v("backgroundColor")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L92",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:92"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"bordercapstyle"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#bordercapstyle"}},[t._v("#")]),t._v(" borderCapStyle")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("borderCapStyle")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("CanvasLineCap")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Border line cap style. See MDN.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("'butt'")]),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/ContainedLabelOptions.html"}},[t._v("ContainedLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html#bordercapstyle"}},[t._v("borderCapStyle")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L99",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:99"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("borderColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Color")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/ContainedLabelOptions.html"}},[t._v("ContainedLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html#bordercolor"}},[t._v("borderColor")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L94",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:94"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Border 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-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/ContainedLabelOptions.html"}},[t._v("ContainedLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html#borderdash"}},[t._v("borderDash")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L104",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:104"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Border 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-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/ContainedLabelOptions.html"}},[t._v("ContainedLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html#borderdashoffset"}},[t._v("borderDashOffset")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L109",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:109"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("borderJoinStyle")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("CanvasLineJoin")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Border line join style. See MDN.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("'miter'")]),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/ContainedLabelOptions.html"}},[t._v("ContainedLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html#borderjoinstyle"}},[t._v("borderJoinStyle")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L114",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:114"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[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("code",[t._v("BorderRadius")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Border radius of the label rectangle")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("6")]),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/ContainedLabelOptions.html"}},[t._v("ContainedLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html#borderradius"}},[t._v("borderRadius")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L119",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:119"),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("code",[t._v("Optional")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),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/ContainedLabelOptions.html"}},[t._v("ContainedLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html#borderwidth"}},[t._v("borderWidth")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L93",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:93"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"callout"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#callout"}},[t._v("#")]),t._v(" callout")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("callout")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/CalloutOptions.html"}},[e("code",[t._v("CalloutOptions")])])],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",[e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html"}},[t._v("ContainedLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html#callout"}},[t._v("callout")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L120",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:120"),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/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Color")]),t._v(" | "),e("code",[t._v("Color")]),t._v("[], "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/ContainedLabelOptions.html"}},[t._v("ContainedLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html#color"}},[t._v("color")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L43",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:43"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"content"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#content"}},[t._v("#")]),t._v(" content")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("content")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("string")]),t._v(" | "),e("code",[t._v("string")]),t._v("[] | "),e("code",[t._v("HTMLCanvasElement")]),t._v(" | "),e("code",[t._v("HTMLImageElement")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Text to display in label. Provide an array to display multiple lines")]),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/ContainedLabelOptions.html"}},[t._v("ContainedLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html#content"}},[t._v("content")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L73",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:73"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"drawtime"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#drawtime"}},[t._v("#")]),t._v(" drawTime")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("drawTime")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#drawtime"}},[e("code",[t._v("DrawTime")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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",[e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html"}},[t._v("ContainedLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html#drawtime"}},[t._v("drawTime")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L41",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:41"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("font")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Partial")]),t._v("<"),e("code",[t._v("FontSpec")]),t._v("> | "),e("code",[t._v("Partial")]),t._v("<"),e("code",[t._v("FontSpec")]),t._v(">[], "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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",[e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html"}},[t._v("ContainedLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html#font"}},[t._v("font")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L42",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:42"),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("Optional")]),t._v(" "),e("strong",[t._v("height")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(" | `${number}%`, "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Overrides the height of the image. Could be set in pixel by a number,\nor in percentage of current height of image by a string")]),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/ContainedLabelOptions.html"}},[t._v("ContainedLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html#height"}},[t._v("height")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L83",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:83"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("opacity")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Overrides the opacity of the image.")]),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/ContainedLabelOptions.html"}},[t._v("ContainedLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html#opacity"}},[t._v("opacity")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L87",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:87"),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("code",[t._v("Optional")]),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("number")]),t._v(" | "),e("RouterLink",{attrs:{to:"/api/interfaces/LabelPadding.html"}},[e("code",[t._v("LabelPadding")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Padding of label")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("6")]),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/ContainedLabelOptions.html"}},[t._v("ContainedLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html#padding"}},[t._v("padding")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L48",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:48"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("position")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#labelposition"}},[e("code",[t._v("LabelPosition")])]),t._v(" | "),e("RouterLink",{attrs:{to:"/api/interfaces/LabelPositionObject.html"}},[e("code",[t._v("LabelPositionObject")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L150",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:150"),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("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#labeltextalign"}},[e("code",[t._v("LabelTextAlign")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Text alignment when the content of the label is multi-line.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("'center'")]),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/ContainedLabelOptions.html"}},[t._v("ContainedLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html#textalign"}},[t._v("textAlign")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L53",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:53"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("textStrokeColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Color")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/ContainedLabelOptions.html"}},[t._v("ContainedLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html#textstrokecolor"}},[t._v("textStrokeColor")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L54",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:54"),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("code",[t._v("Optional")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/ContainedLabelOptions.html"}},[t._v("ContainedLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html#textstrokewidth"}},[t._v("textStrokeWidth")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L55",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:55"),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("Optional")]),t._v(" "),e("strong",[t._v("width")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(" | `${number}%`, "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Overrides the width of the image. Could be set in pixel by a number,\nor in percentage of current width of image by a string")]),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/ContainedLabelOptions.html"}},[t._v("ContainedLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html#width"}},[t._v("width")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L78",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:78"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"xadjust"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#xadjust"}},[t._v("#")]),t._v(" xAdjust")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("xAdjust")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Adjustment along x-axis (left-right) of label relative to above number (can be negative)\nFor horizontal lines positioned left or right, negative values move\nthe label toward the edge, and positive values toward the center.")]),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-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/ContainedLabelOptions.html"}},[t._v("ContainedLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html#xadjust"}},[t._v("xAdjust")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L62",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:62"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"yadjust"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#yadjust"}},[t._v("#")]),t._v(" yAdjust")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("yAdjust")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Adjustment along y-axis (top-bottom) of label relative to above number (can be negative)\nFor vertical lines positioned top or bottom, negative values move\nthe label toward the edge, and positive values toward the center.")]),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-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/ContainedLabelOptions.html"}},[t._v("ContainedLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html#yadjust"}},[t._v("yAdjust")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L69",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:69"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("z")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/interfaces/ContainedLabelOptions.html"}},[t._v("ContainedLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html#z"}},[t._v("z")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/label.d.ts#L88",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:88"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=n.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[39],{449:function(t,e,a){"use strict";a.r(e);var r=a(4),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-labeltypeoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-labeltypeoptions"}},[t._v("#")]),t._v(" Interface: LabelTypeOptions")]),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/ContainedLabelOptions.html"}},[e("code",[t._v("ContainedLabelOptions")])])],1),t._v(" "),e("p",[t._v("↳ "),e("strong",[e("code",[t._v("LabelTypeOptions")])])]),t._v(" "),e("p",[t._v("↳↳ "),e("RouterLink",{attrs:{to:"/api/interfaces/LabelAnnotationOptions.html"}},[e("code",[t._v("LabelAnnotationOptions")])])],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:"backgroundcolor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#backgroundcolor"}},[t._v("#")]),t._v(" backgroundColor")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("backgroundColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Color")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/ContainedLabelOptions.html"}},[t._v("ContainedLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html#backgroundcolor"}},[t._v("backgroundColor")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L92",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:92"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"bordercapstyle"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#bordercapstyle"}},[t._v("#")]),t._v(" borderCapStyle")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("borderCapStyle")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("CanvasLineCap")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Border line cap style. See MDN.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("'butt'")]),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/ContainedLabelOptions.html"}},[t._v("ContainedLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html#bordercapstyle"}},[t._v("borderCapStyle")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L99",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:99"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("borderColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Color")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/ContainedLabelOptions.html"}},[t._v("ContainedLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html#bordercolor"}},[t._v("borderColor")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L94",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:94"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Border 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-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/ContainedLabelOptions.html"}},[t._v("ContainedLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html#borderdash"}},[t._v("borderDash")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L104",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:104"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Border 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-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/ContainedLabelOptions.html"}},[t._v("ContainedLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html#borderdashoffset"}},[t._v("borderDashOffset")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L109",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:109"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("borderJoinStyle")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("CanvasLineJoin")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Border line join style. See MDN.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("'miter'")]),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/ContainedLabelOptions.html"}},[t._v("ContainedLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html#borderjoinstyle"}},[t._v("borderJoinStyle")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L114",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:114"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[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("code",[t._v("BorderRadius")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Border radius of the label rectangle")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("6")]),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/ContainedLabelOptions.html"}},[t._v("ContainedLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html#borderradius"}},[t._v("borderRadius")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L119",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:119"),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("code",[t._v("Optional")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),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/ContainedLabelOptions.html"}},[t._v("ContainedLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html#borderwidth"}},[t._v("borderWidth")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L93",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:93"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"callout"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#callout"}},[t._v("#")]),t._v(" callout")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("callout")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/CalloutOptions.html"}},[e("code",[t._v("CalloutOptions")])])],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",[e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html"}},[t._v("ContainedLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html#callout"}},[t._v("callout")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L120",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:120"),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/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Color")]),t._v(" | "),e("code",[t._v("Color")]),t._v("[], "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/ContainedLabelOptions.html"}},[t._v("ContainedLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html#color"}},[t._v("color")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L43",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:43"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"content"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#content"}},[t._v("#")]),t._v(" content")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("content")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("string")]),t._v(" | "),e("code",[t._v("string")]),t._v("[] | "),e("code",[t._v("HTMLCanvasElement")]),t._v(" | "),e("code",[t._v("HTMLImageElement")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Text to display in label. Provide an array to display multiple lines")]),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/ContainedLabelOptions.html"}},[t._v("ContainedLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html#content"}},[t._v("content")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L73",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:73"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"drawtime"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#drawtime"}},[t._v("#")]),t._v(" drawTime")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("drawTime")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#drawtime"}},[e("code",[t._v("DrawTime")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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",[e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html"}},[t._v("ContainedLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html#drawtime"}},[t._v("drawTime")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L41",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:41"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("font")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Partial")]),t._v("<"),e("code",[t._v("FontSpec")]),t._v("> | "),e("code",[t._v("Partial")]),t._v("<"),e("code",[t._v("FontSpec")]),t._v(">[], "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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",[e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html"}},[t._v("ContainedLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html#font"}},[t._v("font")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L42",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:42"),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("Optional")]),t._v(" "),e("strong",[t._v("height")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(" | `${number}%`, "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Overrides the height of the image. Could be set in pixel by a number,\nor in percentage of current height of image by a string")]),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/ContainedLabelOptions.html"}},[t._v("ContainedLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html#height"}},[t._v("height")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L83",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:83"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("opacity")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Overrides the opacity of the image.")]),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/ContainedLabelOptions.html"}},[t._v("ContainedLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html#opacity"}},[t._v("opacity")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L87",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:87"),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("code",[t._v("Optional")]),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("number")]),t._v(" | "),e("RouterLink",{attrs:{to:"/api/interfaces/LabelPadding.html"}},[e("code",[t._v("LabelPadding")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Padding of label")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("6")]),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/ContainedLabelOptions.html"}},[t._v("ContainedLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html#padding"}},[t._v("padding")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L48",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:48"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("position")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#labelposition"}},[e("code",[t._v("LabelPosition")])]),t._v(" | "),e("RouterLink",{attrs:{to:"/api/interfaces/LabelPositionObject.html"}},[e("code",[t._v("LabelPositionObject")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L150",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:150"),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("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#labeltextalign"}},[e("code",[t._v("LabelTextAlign")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Text alignment when the content of the label is multi-line.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("'center'")]),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/ContainedLabelOptions.html"}},[t._v("ContainedLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html#textalign"}},[t._v("textAlign")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L53",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:53"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("textStrokeColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Color")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/ContainedLabelOptions.html"}},[t._v("ContainedLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html#textstrokecolor"}},[t._v("textStrokeColor")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L54",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:54"),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("code",[t._v("Optional")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/ContainedLabelOptions.html"}},[t._v("ContainedLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html#textstrokewidth"}},[t._v("textStrokeWidth")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L55",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:55"),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("Optional")]),t._v(" "),e("strong",[t._v("width")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(" | `${number}%`, "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Overrides the width of the image. Could be set in pixel by a number,\nor in percentage of current width of image by a string")]),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/ContainedLabelOptions.html"}},[t._v("ContainedLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html#width"}},[t._v("width")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L78",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:78"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"xadjust"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#xadjust"}},[t._v("#")]),t._v(" xAdjust")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("xAdjust")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Adjustment along x-axis (left-right) of label relative to above number (can be negative)\nFor horizontal lines positioned left or right, negative values move\nthe label toward the edge, and positive values toward the center.")]),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-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/ContainedLabelOptions.html"}},[t._v("ContainedLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html#xadjust"}},[t._v("xAdjust")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L62",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:62"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"yadjust"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#yadjust"}},[t._v("#")]),t._v(" yAdjust")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("yAdjust")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Adjustment along y-axis (top-bottom) of label relative to above number (can be negative)\nFor vertical lines positioned top or bottom, negative values move\nthe label toward the edge, and positive values toward the center.")]),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-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/ContainedLabelOptions.html"}},[t._v("ContainedLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html#yadjust"}},[t._v("yAdjust")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L69",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:69"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("z")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/interfaces/ContainedLabelOptions.html"}},[t._v("ContainedLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html#z"}},[t._v("z")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/label.d.ts#L88",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:88"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=n.exports}}]); \ No newline at end of file diff --git a/master/assets/js/40.559e1ae1.js b/master/assets/js/40.930cc41d.js similarity index 94% rename from master/assets/js/40.559e1ae1.js rename to master/assets/js/40.930cc41d.js index 8aa203aa8..f4d7b4f9a 100644 --- a/master/assets/js/40.559e1ae1.js +++ b/master/assets/js/40.930cc41d.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[40],{451:function(t,e,a){"use strict";a.r(e);var r=a(4),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-lineannotationoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-lineannotationoptions"}},[t._v("#")]),t._v(" Interface: LineAnnotationOptions")]),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/CoreAnnotationOptions.html"}},[e("code",[t._v("CoreAnnotationOptions")])])],1),t._v(" "),e("p",[t._v("↳ "),e("strong",[e("code",[t._v("LineAnnotationOptions")])])])])]),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:"adjustscalerange"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#adjustscalerange"}},[t._v("#")]),t._v(" adjustScaleRange")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("adjustScaleRange")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#adjustscalerange"}},[t._v("adjustScaleRange")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L38",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:38"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"arrowheads"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#arrowheads"}},[t._v("#")]),t._v(" arrowHeads")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("arrowHeads")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/ArrowHeadsOptions.html"}},[e("code",[t._v("ArrowHeadsOptions")])])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L85",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:85"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"backgroundshadowcolor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#backgroundshadowcolor"}},[t._v("#")]),t._v(" backgroundShadowColor")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("backgroundShadowColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Color")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#backgroundshadowcolor"}},[t._v("backgroundShadowColor")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L30",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:30"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("borderColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Color")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#bordercolor"}},[t._v("borderColor")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L39",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:39"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#borderdash"}},[t._v("borderDash")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L40",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:40"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#borderdashoffset"}},[t._v("borderDashOffset")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L41",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:41"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"bordershadowcolor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#bordershadowcolor"}},[t._v("#")]),t._v(" borderShadowColor")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("borderShadowColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Color")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#bordershadowcolor"}},[t._v("borderShadowColor")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L31",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:31"),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("code",[t._v("Optional")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#borderwidth"}},[t._v("borderWidth")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L42",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:42"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"controlpoint"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#controlpoint"}},[t._v("#")]),t._v(" controlPoint")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("controlPoint")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("string")]),t._v(" | "),e("code",[t._v("number")]),t._v(" | "),e("RouterLink",{attrs:{to:"/api/interfaces/ControlPointOptions.html"}},[e("code",[t._v("ControlPointOptions")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L87",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:87"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"curve"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#curve"}},[t._v("#")]),t._v(" curve")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("curve")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L86",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:86"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("display")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#display"}},[t._v("display")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L43",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:43"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"drawtime"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#drawtime"}},[t._v("#")]),t._v(" drawTime")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("drawTime")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#drawtime"}},[e("code",[t._v("DrawTime")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],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",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#drawtime"}},[t._v("drawTime")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L44",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:44"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"endvalue"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#endvalue"}},[t._v("#")]),t._v(" endValue")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("endValue")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("string")]),t._v(" | "),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L88",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:88"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"hittolerance"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hittolerance"}},[t._v("#")]),t._v(" hitTolerance")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("hitTolerance")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#hittolerance"}},[t._v("hitTolerance")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L45",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:45"),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("Optional")]),t._v(" "),e("strong",[t._v("id")]),t._v(": "),e("code",[t._v("string")])]),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#id"}},[t._v("id")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L47",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:47"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("init")]),t._v(": "),e("code",[t._v("boolean")]),t._v(" | ("),e("code",[t._v("__namedParameters")]),t._v(": "),e("code",[t._v("Object")]),t._v(") => "),e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")]),t._v(" | "),e("code",[t._v("Partial")]),t._v("<"),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationElement.html"}},[e("code",[t._v("AnnotationElement")])]),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",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#init"}},[t._v("init")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L46",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:46"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("label")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/LabelOptions.html"}},[e("code",[t._v("LabelOptions")])])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L89",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:89"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"scaleid"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#scaleid"}},[t._v("#")]),t._v(" scaleID")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("scaleID")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L90",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:90"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"shadowblur"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#shadowblur"}},[t._v("#")]),t._v(" shadowBlur")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("shadowBlur")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#shadowblur"}},[t._v("shadowBlur")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L32",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:32"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"shadowoffsetx"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#shadowoffsetx"}},[t._v("#")]),t._v(" shadowOffsetX")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("shadowOffsetX")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#shadowoffsetx"}},[t._v("shadowOffsetX")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L33",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:33"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"shadowoffsety"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#shadowoffsety"}},[t._v("#")]),t._v(" shadowOffsetY")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("shadowOffsetY")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#shadowoffsety"}},[t._v("shadowOffsetY")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L34",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:34"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("value")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("string")]),t._v(" | "),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L91",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:91"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"xmax"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#xmax"}},[t._v("#")]),t._v(" xMax")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("xMax")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#scalevalue"}},[e("code",[t._v("ScaleValue")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#xmax"}},[t._v("xMax")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L48",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:48"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"xmin"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#xmin"}},[t._v("#")]),t._v(" xMin")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("xMin")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#scalevalue"}},[e("code",[t._v("ScaleValue")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#xmin"}},[t._v("xMin")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L49",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:49"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"xscaleid"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#xscaleid"}},[t._v("#")]),t._v(" xScaleID")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("xScaleID")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#xscaleid"}},[t._v("xScaleID")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L50",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:50"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"ymax"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#ymax"}},[t._v("#")]),t._v(" yMax")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("yMax")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#scalevalue"}},[e("code",[t._v("ScaleValue")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#ymax"}},[t._v("yMax")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L51",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:51"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"ymin"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#ymin"}},[t._v("#")]),t._v(" yMin")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("yMin")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#scalevalue"}},[e("code",[t._v("ScaleValue")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#ymin"}},[t._v("yMin")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L52",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:52"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"yscaleid"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#yscaleid"}},[t._v("#")]),t._v(" yScaleID")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("yScaleID")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#yscaleid"}},[t._v("yScaleID")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L53",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:53"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("z")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#z"}},[t._v("z")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L54",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:54"),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:"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("context")]),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("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],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-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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#afterdraw"}},[t._v("afterDraw")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L23",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:23"),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("context")]),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("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],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-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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#beforedraw"}},[t._v("beforeDraw")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L22",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:22"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"click"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#click"}},[t._v("#")]),t._v(" click")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("click")]),t._v("("),e("code",[t._v("context")]),t._v(", "),e("code",[t._v("event")]),t._v("): "),e("code",[t._v("boolean")]),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("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],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("ChartEvent")])])])])]),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("boolean")]),t._v(" | "),e("code",[t._v("void")])]),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#click"}},[t._v("click")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/events.d.ts#L27",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:27"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"enter"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#enter"}},[t._v("#")]),t._v(" enter")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("enter")]),t._v("("),e("code",[t._v("context")]),t._v(", "),e("code",[t._v("event")]),t._v("): "),e("code",[t._v("boolean")]),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("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],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("ChartEvent")])])])])]),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("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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#enter"}},[t._v("enter")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/events.d.ts#L25",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:25"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"leave"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#leave"}},[t._v("#")]),t._v(" leave")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("leave")]),t._v("("),e("code",[t._v("context")]),t._v(", "),e("code",[t._v("event")]),t._v("): "),e("code",[t._v("boolean")]),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("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],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("ChartEvent")])])])])]),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("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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#leave"}},[t._v("leave")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/events.d.ts#L26",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:26"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=n.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[40],{450:function(t,e,a){"use strict";a.r(e);var r=a(4),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-lineannotationoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-lineannotationoptions"}},[t._v("#")]),t._v(" Interface: LineAnnotationOptions")]),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/CoreAnnotationOptions.html"}},[e("code",[t._v("CoreAnnotationOptions")])])],1),t._v(" "),e("p",[t._v("↳ "),e("strong",[e("code",[t._v("LineAnnotationOptions")])])])])]),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:"adjustscalerange"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#adjustscalerange"}},[t._v("#")]),t._v(" adjustScaleRange")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("adjustScaleRange")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#adjustscalerange"}},[t._v("adjustScaleRange")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L38",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:38"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"arrowheads"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#arrowheads"}},[t._v("#")]),t._v(" arrowHeads")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("arrowHeads")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/ArrowHeadsOptions.html"}},[e("code",[t._v("ArrowHeadsOptions")])])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L85",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:85"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"backgroundshadowcolor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#backgroundshadowcolor"}},[t._v("#")]),t._v(" backgroundShadowColor")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("backgroundShadowColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Color")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#backgroundshadowcolor"}},[t._v("backgroundShadowColor")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L30",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:30"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("borderColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Color")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#bordercolor"}},[t._v("borderColor")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L39",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:39"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#borderdash"}},[t._v("borderDash")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L40",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:40"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#borderdashoffset"}},[t._v("borderDashOffset")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L41",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:41"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"bordershadowcolor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#bordershadowcolor"}},[t._v("#")]),t._v(" borderShadowColor")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("borderShadowColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Color")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#bordershadowcolor"}},[t._v("borderShadowColor")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L31",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:31"),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("code",[t._v("Optional")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#borderwidth"}},[t._v("borderWidth")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L42",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:42"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"controlpoint"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#controlpoint"}},[t._v("#")]),t._v(" controlPoint")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("controlPoint")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("string")]),t._v(" | "),e("code",[t._v("number")]),t._v(" | "),e("RouterLink",{attrs:{to:"/api/interfaces/ControlPointOptions.html"}},[e("code",[t._v("ControlPointOptions")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L87",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:87"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"curve"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#curve"}},[t._v("#")]),t._v(" curve")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("curve")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L86",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:86"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("display")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#display"}},[t._v("display")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L43",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:43"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"drawtime"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#drawtime"}},[t._v("#")]),t._v(" drawTime")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("drawTime")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#drawtime"}},[e("code",[t._v("DrawTime")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],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",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#drawtime"}},[t._v("drawTime")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L44",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:44"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"endvalue"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#endvalue"}},[t._v("#")]),t._v(" endValue")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("endValue")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("string")]),t._v(" | "),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L88",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:88"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"hittolerance"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hittolerance"}},[t._v("#")]),t._v(" hitTolerance")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("hitTolerance")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#hittolerance"}},[t._v("hitTolerance")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L45",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:45"),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("Optional")]),t._v(" "),e("strong",[t._v("id")]),t._v(": "),e("code",[t._v("string")])]),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#id"}},[t._v("id")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L47",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:47"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("init")]),t._v(": "),e("code",[t._v("boolean")]),t._v(" | ("),e("code",[t._v("__namedParameters")]),t._v(": "),e("code",[t._v("Object")]),t._v(") => "),e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")]),t._v(" | "),e("code",[t._v("Partial")]),t._v("<"),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationElement.html"}},[e("code",[t._v("AnnotationElement")])]),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",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#init"}},[t._v("init")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L46",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:46"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("label")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/LabelOptions.html"}},[e("code",[t._v("LabelOptions")])])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L89",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:89"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"scaleid"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#scaleid"}},[t._v("#")]),t._v(" scaleID")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("scaleID")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L90",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:90"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"shadowblur"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#shadowblur"}},[t._v("#")]),t._v(" shadowBlur")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("shadowBlur")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#shadowblur"}},[t._v("shadowBlur")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L32",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:32"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"shadowoffsetx"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#shadowoffsetx"}},[t._v("#")]),t._v(" shadowOffsetX")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("shadowOffsetX")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#shadowoffsetx"}},[t._v("shadowOffsetX")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L33",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:33"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"shadowoffsety"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#shadowoffsety"}},[t._v("#")]),t._v(" shadowOffsetY")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("shadowOffsetY")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#shadowoffsety"}},[t._v("shadowOffsetY")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L34",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:34"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("value")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("string")]),t._v(" | "),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L91",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:91"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"xmax"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#xmax"}},[t._v("#")]),t._v(" xMax")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("xMax")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#scalevalue"}},[e("code",[t._v("ScaleValue")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#xmax"}},[t._v("xMax")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L48",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:48"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"xmin"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#xmin"}},[t._v("#")]),t._v(" xMin")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("xMin")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#scalevalue"}},[e("code",[t._v("ScaleValue")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#xmin"}},[t._v("xMin")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L49",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:49"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"xscaleid"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#xscaleid"}},[t._v("#")]),t._v(" xScaleID")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("xScaleID")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#xscaleid"}},[t._v("xScaleID")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L50",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:50"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"ymax"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#ymax"}},[t._v("#")]),t._v(" yMax")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("yMax")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#scalevalue"}},[e("code",[t._v("ScaleValue")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#ymax"}},[t._v("yMax")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L51",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:51"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"ymin"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#ymin"}},[t._v("#")]),t._v(" yMin")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("yMin")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#scalevalue"}},[e("code",[t._v("ScaleValue")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#ymin"}},[t._v("yMin")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L52",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:52"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"yscaleid"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#yscaleid"}},[t._v("#")]),t._v(" yScaleID")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("yScaleID")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#yscaleid"}},[t._v("yScaleID")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L53",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:53"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("z")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#z"}},[t._v("z")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L54",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:54"),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:"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("context")]),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("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],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-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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#afterdraw"}},[t._v("afterDraw")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L23",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:23"),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("context")]),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("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],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-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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#beforedraw"}},[t._v("beforeDraw")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L22",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:22"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"click"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#click"}},[t._v("#")]),t._v(" click")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("click")]),t._v("("),e("code",[t._v("context")]),t._v(", "),e("code",[t._v("event")]),t._v("): "),e("code",[t._v("boolean")]),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("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],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("ChartEvent")])])])])]),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("boolean")]),t._v(" | "),e("code",[t._v("void")])]),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#click"}},[t._v("click")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/events.d.ts#L27",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:27"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"enter"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#enter"}},[t._v("#")]),t._v(" enter")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("enter")]),t._v("("),e("code",[t._v("context")]),t._v(", "),e("code",[t._v("event")]),t._v("): "),e("code",[t._v("boolean")]),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("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],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("ChartEvent")])])])])]),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("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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#enter"}},[t._v("enter")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/events.d.ts#L25",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:25"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"leave"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#leave"}},[t._v("#")]),t._v(" leave")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("leave")]),t._v("("),e("code",[t._v("context")]),t._v(", "),e("code",[t._v("event")]),t._v("): "),e("code",[t._v("boolean")]),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("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],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("ChartEvent")])])])])]),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("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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#leave"}},[t._v("leave")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/events.d.ts#L26",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:26"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=n.exports}}]); \ No newline at end of file diff --git a/master/assets/js/41.49a45a2e.js b/master/assets/js/41.17546d37.js similarity index 91% rename from master/assets/js/41.49a45a2e.js rename to master/assets/js/41.17546d37.js index 7b3d14341..bd9c97506 100644 --- a/master/assets/js/41.49a45a2e.js +++ b/master/assets/js/41.17546d37.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[41],{450:function(t,e,n){"use strict";n.r(e);var a=n(4),r=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-partialeventcontext"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-partialeventcontext"}},[t._v("#")]),t._v(" Interface: PartialEventContext")]),t._v(" "),e("p",[t._v("Some scriptable options may be called with during the chart's initial\ndisplay, when the element isn't fully initialized.")]),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("code",[t._v("Chart")]),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/chartjs-plugin-annotation/blob/c1fe0e2/types/events.d.ts#L17",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:17"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("element")]),t._v(": "),e("code",[t._v("Partial")]),t._v("<"),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationElement.html"}},[e("code",[t._v("AnnotationElement")])]),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/chartjs-plugin-annotation/blob/c1fe0e2/types/events.d.ts#L18",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:18"),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("Optional")]),t._v(" "),e("strong",[t._v("elements")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationElement.html"}},[e("code",[t._v("AnnotationElement")])]),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/chartjs-plugin-annotation/blob/c1fe0e2/types/events.d.ts#L19",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:19"),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("Optional")]),t._v(" "),e("strong",[t._v("id")]),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/chartjs-plugin-annotation/blob/c1fe0e2/types/events.d.ts#L20",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:20"),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("Optional")]),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/chartjs-plugin-annotation/blob/c1fe0e2/types/events.d.ts#L21",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:21"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=r.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[41],{451:function(t,e,n){"use strict";n.r(e);var a=n(4),r=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-partialeventcontext"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-partialeventcontext"}},[t._v("#")]),t._v(" Interface: PartialEventContext")]),t._v(" "),e("p",[t._v("Some scriptable options may be called with during the chart's initial\ndisplay, when the element isn't fully initialized.")]),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("code",[t._v("Chart")]),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/chartjs-plugin-annotation/blob/a42cb2d/types/events.d.ts#L17",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:17"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("element")]),t._v(": "),e("code",[t._v("Partial")]),t._v("<"),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationElement.html"}},[e("code",[t._v("AnnotationElement")])]),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/chartjs-plugin-annotation/blob/a42cb2d/types/events.d.ts#L18",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:18"),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("Optional")]),t._v(" "),e("strong",[t._v("elements")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationElement.html"}},[e("code",[t._v("AnnotationElement")])]),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/chartjs-plugin-annotation/blob/a42cb2d/types/events.d.ts#L19",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:19"),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("Optional")]),t._v(" "),e("strong",[t._v("id")]),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/chartjs-plugin-annotation/blob/a42cb2d/types/events.d.ts#L20",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:20"),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("Optional")]),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/chartjs-plugin-annotation/blob/a42cb2d/types/events.d.ts#L21",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:21"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=r.exports}}]); \ No newline at end of file diff --git a/master/assets/js/42.8398702d.js b/master/assets/js/42.f7c54a44.js similarity index 94% rename from master/assets/js/42.8398702d.js rename to master/assets/js/42.f7c54a44.js index 4c2142220..dcbecc64d 100644 --- a/master/assets/js/42.8398702d.js +++ b/master/assets/js/42.f7c54a44.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[42],{453:function(t,e,a){"use strict";a.r(e);var r=a(4),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-pointannotationoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-pointannotationoptions"}},[t._v("#")]),t._v(" Interface: PointAnnotationOptions")]),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/CoreAnnotationOptions.html"}},[e("code",[t._v("CoreAnnotationOptions")])])],1)]),t._v(" "),e("li",[e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationPointCoordinates.html"}},[e("code",[t._v("AnnotationPointCoordinates")])])],1),t._v(" "),e("p",[t._v("↳ "),e("strong",[e("code",[t._v("PointAnnotationOptions")])])])])]),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:"adjustscalerange"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#adjustscalerange"}},[t._v("#")]),t._v(" adjustScaleRange")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("adjustScaleRange")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#adjustscalerange"}},[t._v("adjustScaleRange")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L38",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:38"),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("code",[t._v("Color")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L128",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:128"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"backgroundshadowcolor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#backgroundshadowcolor"}},[t._v("#")]),t._v(" backgroundShadowColor")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("backgroundShadowColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Color")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#backgroundshadowcolor"}},[t._v("backgroundShadowColor")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L30",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:30"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("borderColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Color")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#bordercolor"}},[t._v("borderColor")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L39",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:39"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#borderdash"}},[t._v("borderDash")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L40",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:40"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#borderdashoffset"}},[t._v("borderDashOffset")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L41",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:41"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"bordershadowcolor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#bordershadowcolor"}},[t._v("#")]),t._v(" borderShadowColor")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("borderShadowColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Color")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#bordershadowcolor"}},[t._v("borderShadowColor")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L31",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:31"),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("code",[t._v("Optional")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#borderwidth"}},[t._v("borderWidth")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L42",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:42"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("display")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#display"}},[t._v("display")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L43",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:43"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"drawtime"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#drawtime"}},[t._v("#")]),t._v(" drawTime")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("drawTime")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#drawtime"}},[e("code",[t._v("DrawTime")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],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",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#drawtime"}},[t._v("drawTime")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L44",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:44"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"hittolerance"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hittolerance"}},[t._v("#")]),t._v(" hitTolerance")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("hitTolerance")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#hittolerance"}},[t._v("hitTolerance")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L45",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:45"),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("Optional")]),t._v(" "),e("strong",[t._v("id")]),t._v(": "),e("code",[t._v("string")])]),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#id"}},[t._v("id")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L47",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:47"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("init")]),t._v(": "),e("code",[t._v("boolean")]),t._v(" | ("),e("code",[t._v("__namedParameters")]),t._v(": "),e("code",[t._v("Object")]),t._v(") => "),e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")]),t._v(" | "),e("code",[t._v("Partial")]),t._v("<"),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationElement.html"}},[e("code",[t._v("AnnotationElement")])]),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",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#init"}},[t._v("init")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L46",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:46"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("pointStyle")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("PointStyle")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L129",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:129"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"radius"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#radius"}},[t._v("#")]),t._v(" radius")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("radius")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L130",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:130"),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("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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L131",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:131"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"shadowblur"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#shadowblur"}},[t._v("#")]),t._v(" shadowBlur")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("shadowBlur")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#shadowblur"}},[t._v("shadowBlur")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L32",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:32"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"shadowoffsetx"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#shadowoffsetx"}},[t._v("#")]),t._v(" shadowOffsetX")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("shadowOffsetX")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#shadowoffsetx"}},[t._v("shadowOffsetX")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L33",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:33"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"shadowoffsety"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#shadowoffsety"}},[t._v("#")]),t._v(" shadowOffsetY")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("shadowOffsetY")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#shadowoffsety"}},[t._v("shadowOffsetY")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L34",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:34"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"xadjust"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#xadjust"}},[t._v("#")]),t._v(" xAdjust")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("xAdjust")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L132",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:132"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"xmax"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#xmax"}},[t._v("#")]),t._v(" xMax")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("xMax")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#scalevalue"}},[e("code",[t._v("ScaleValue")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#xmax"}},[t._v("xMax")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L48",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:48"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"xmin"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#xmin"}},[t._v("#")]),t._v(" xMin")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("xMin")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#scalevalue"}},[e("code",[t._v("ScaleValue")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#xmin"}},[t._v("xMin")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L49",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:49"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"xscaleid"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#xscaleid"}},[t._v("#")]),t._v(" xScaleID")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("xScaleID")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#xscaleid"}},[t._v("xScaleID")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L50",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:50"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"xvalue"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#xvalue"}},[t._v("#")]),t._v(" xValue")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("xValue")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#scalevalue"}},[e("code",[t._v("ScaleValue")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/AnnotationPointCoordinates.html"}},[t._v("AnnotationPointCoordinates")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationPointCoordinates.html#xvalue"}},[t._v("xValue")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L58",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:58"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"yadjust"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#yadjust"}},[t._v("#")]),t._v(" yAdjust")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("yAdjust")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L133",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:133"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"ymax"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#ymax"}},[t._v("#")]),t._v(" yMax")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("yMax")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#scalevalue"}},[e("code",[t._v("ScaleValue")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#ymax"}},[t._v("yMax")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L51",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:51"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"ymin"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#ymin"}},[t._v("#")]),t._v(" yMin")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("yMin")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#scalevalue"}},[e("code",[t._v("ScaleValue")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#ymin"}},[t._v("yMin")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L52",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:52"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"yscaleid"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#yscaleid"}},[t._v("#")]),t._v(" yScaleID")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("yScaleID")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#yscaleid"}},[t._v("yScaleID")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L53",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:53"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"yvalue"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#yvalue"}},[t._v("#")]),t._v(" yValue")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("yValue")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#scalevalue"}},[e("code",[t._v("ScaleValue")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/interfaces/AnnotationPointCoordinates.html"}},[t._v("AnnotationPointCoordinates")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationPointCoordinates.html#yvalue"}},[t._v("yValue")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L59",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:59"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("z")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#z"}},[t._v("z")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L54",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:54"),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:"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("context")]),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("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],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-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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#afterdraw"}},[t._v("afterDraw")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L23",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:23"),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("context")]),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("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],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-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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#beforedraw"}},[t._v("beforeDraw")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L22",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:22"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"click"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#click"}},[t._v("#")]),t._v(" click")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("click")]),t._v("("),e("code",[t._v("context")]),t._v(", "),e("code",[t._v("event")]),t._v("): "),e("code",[t._v("boolean")]),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("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],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("ChartEvent")])])])])]),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("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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#click"}},[t._v("click")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/events.d.ts#L27",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:27"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"enter"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#enter"}},[t._v("#")]),t._v(" enter")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("enter")]),t._v("("),e("code",[t._v("context")]),t._v(", "),e("code",[t._v("event")]),t._v("): "),e("code",[t._v("boolean")]),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("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],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("ChartEvent")])])])])]),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("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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#enter"}},[t._v("enter")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/events.d.ts#L25",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:25"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"leave"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#leave"}},[t._v("#")]),t._v(" leave")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("leave")]),t._v("("),e("code",[t._v("context")]),t._v(", "),e("code",[t._v("event")]),t._v("): "),e("code",[t._v("boolean")]),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("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],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("ChartEvent")])])])])]),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("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",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#leave"}},[t._v("leave")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/events.d.ts#L26",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:26"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=n.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[42],{452:function(t,e,a){"use strict";a.r(e);var r=a(4),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-pointannotationoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-pointannotationoptions"}},[t._v("#")]),t._v(" Interface: PointAnnotationOptions")]),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/CoreAnnotationOptions.html"}},[e("code",[t._v("CoreAnnotationOptions")])])],1)]),t._v(" "),e("li",[e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationPointCoordinates.html"}},[e("code",[t._v("AnnotationPointCoordinates")])])],1),t._v(" "),e("p",[t._v("↳ "),e("strong",[e("code",[t._v("PointAnnotationOptions")])])])])]),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:"adjustscalerange"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#adjustscalerange"}},[t._v("#")]),t._v(" adjustScaleRange")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("adjustScaleRange")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#adjustscalerange"}},[t._v("adjustScaleRange")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L38",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:38"),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("code",[t._v("Color")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L128",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:128"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"backgroundshadowcolor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#backgroundshadowcolor"}},[t._v("#")]),t._v(" backgroundShadowColor")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("backgroundShadowColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Color")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#backgroundshadowcolor"}},[t._v("backgroundShadowColor")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L30",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:30"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("borderColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Color")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#bordercolor"}},[t._v("borderColor")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L39",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:39"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#borderdash"}},[t._v("borderDash")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L40",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:40"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#borderdashoffset"}},[t._v("borderDashOffset")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L41",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:41"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"bordershadowcolor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#bordershadowcolor"}},[t._v("#")]),t._v(" borderShadowColor")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("borderShadowColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Color")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#bordershadowcolor"}},[t._v("borderShadowColor")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L31",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:31"),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("code",[t._v("Optional")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#borderwidth"}},[t._v("borderWidth")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L42",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:42"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("display")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#display"}},[t._v("display")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L43",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:43"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"drawtime"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#drawtime"}},[t._v("#")]),t._v(" drawTime")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("drawTime")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#drawtime"}},[e("code",[t._v("DrawTime")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],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",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#drawtime"}},[t._v("drawTime")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L44",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:44"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"hittolerance"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hittolerance"}},[t._v("#")]),t._v(" hitTolerance")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("hitTolerance")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#hittolerance"}},[t._v("hitTolerance")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L45",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:45"),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("Optional")]),t._v(" "),e("strong",[t._v("id")]),t._v(": "),e("code",[t._v("string")])]),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#id"}},[t._v("id")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L47",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:47"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("init")]),t._v(": "),e("code",[t._v("boolean")]),t._v(" | ("),e("code",[t._v("__namedParameters")]),t._v(": "),e("code",[t._v("Object")]),t._v(") => "),e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")]),t._v(" | "),e("code",[t._v("Partial")]),t._v("<"),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationElement.html"}},[e("code",[t._v("AnnotationElement")])]),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",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#init"}},[t._v("init")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L46",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:46"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("pointStyle")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("PointStyle")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L129",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:129"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"radius"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#radius"}},[t._v("#")]),t._v(" radius")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("radius")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L130",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:130"),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("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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L131",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:131"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"shadowblur"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#shadowblur"}},[t._v("#")]),t._v(" shadowBlur")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("shadowBlur")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#shadowblur"}},[t._v("shadowBlur")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L32",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:32"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"shadowoffsetx"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#shadowoffsetx"}},[t._v("#")]),t._v(" shadowOffsetX")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("shadowOffsetX")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#shadowoffsetx"}},[t._v("shadowOffsetX")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L33",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:33"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"shadowoffsety"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#shadowoffsety"}},[t._v("#")]),t._v(" shadowOffsetY")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("shadowOffsetY")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#shadowoffsety"}},[t._v("shadowOffsetY")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L34",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:34"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"xadjust"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#xadjust"}},[t._v("#")]),t._v(" xAdjust")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("xAdjust")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L132",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:132"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"xmax"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#xmax"}},[t._v("#")]),t._v(" xMax")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("xMax")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#scalevalue"}},[e("code",[t._v("ScaleValue")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#xmax"}},[t._v("xMax")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L48",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:48"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"xmin"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#xmin"}},[t._v("#")]),t._v(" xMin")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("xMin")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#scalevalue"}},[e("code",[t._v("ScaleValue")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#xmin"}},[t._v("xMin")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L49",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:49"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"xscaleid"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#xscaleid"}},[t._v("#")]),t._v(" xScaleID")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("xScaleID")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#xscaleid"}},[t._v("xScaleID")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L50",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:50"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"xvalue"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#xvalue"}},[t._v("#")]),t._v(" xValue")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("xValue")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#scalevalue"}},[e("code",[t._v("ScaleValue")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/AnnotationPointCoordinates.html"}},[t._v("AnnotationPointCoordinates")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationPointCoordinates.html#xvalue"}},[t._v("xValue")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L58",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:58"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"yadjust"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#yadjust"}},[t._v("#")]),t._v(" yAdjust")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("yAdjust")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L133",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:133"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"ymax"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#ymax"}},[t._v("#")]),t._v(" yMax")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("yMax")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#scalevalue"}},[e("code",[t._v("ScaleValue")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#ymax"}},[t._v("yMax")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L51",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:51"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"ymin"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#ymin"}},[t._v("#")]),t._v(" yMin")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("yMin")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#scalevalue"}},[e("code",[t._v("ScaleValue")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#ymin"}},[t._v("yMin")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L52",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:52"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"yscaleid"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#yscaleid"}},[t._v("#")]),t._v(" yScaleID")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("yScaleID")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#yscaleid"}},[t._v("yScaleID")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L53",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:53"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"yvalue"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#yvalue"}},[t._v("#")]),t._v(" yValue")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("yValue")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#scalevalue"}},[e("code",[t._v("ScaleValue")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/interfaces/AnnotationPointCoordinates.html"}},[t._v("AnnotationPointCoordinates")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationPointCoordinates.html#yvalue"}},[t._v("yValue")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L59",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:59"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("z")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#z"}},[t._v("z")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L54",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:54"),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:"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("context")]),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("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],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-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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#afterdraw"}},[t._v("afterDraw")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L23",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:23"),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("context")]),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("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],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-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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#beforedraw"}},[t._v("beforeDraw")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L22",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:22"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"click"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#click"}},[t._v("#")]),t._v(" click")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("click")]),t._v("("),e("code",[t._v("context")]),t._v(", "),e("code",[t._v("event")]),t._v("): "),e("code",[t._v("boolean")]),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("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],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("ChartEvent")])])])])]),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("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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#click"}},[t._v("click")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/events.d.ts#L27",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:27"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"enter"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#enter"}},[t._v("#")]),t._v(" enter")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("enter")]),t._v("("),e("code",[t._v("context")]),t._v(", "),e("code",[t._v("event")]),t._v("): "),e("code",[t._v("boolean")]),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("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],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("ChartEvent")])])])])]),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("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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#enter"}},[t._v("enter")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/events.d.ts#L25",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:25"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"leave"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#leave"}},[t._v("#")]),t._v(" leave")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("leave")]),t._v("("),e("code",[t._v("context")]),t._v(", "),e("code",[t._v("event")]),t._v("): "),e("code",[t._v("boolean")]),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("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],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("ChartEvent")])])])])]),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("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",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#leave"}},[t._v("leave")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/events.d.ts#L26",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:26"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=n.exports}}]); \ No newline at end of file diff --git a/master/assets/js/43.21de0cd0.js b/master/assets/js/43.fb79c4f0.js similarity index 94% rename from master/assets/js/43.21de0cd0.js rename to master/assets/js/43.fb79c4f0.js index 2d18d0ea4..cb5f65295 100644 --- a/master/assets/js/43.21de0cd0.js +++ b/master/assets/js/43.fb79c4f0.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[43],{452:function(t,e,a){"use strict";a.r(e);var r=a(4),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-polygonannotationoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-polygonannotationoptions"}},[t._v("#")]),t._v(" Interface: PolygonAnnotationOptions")]),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/CoreAnnotationOptions.html"}},[e("code",[t._v("CoreAnnotationOptions")])])],1)]),t._v(" "),e("li",[e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationPointCoordinates.html"}},[e("code",[t._v("AnnotationPointCoordinates")])])],1),t._v(" "),e("p",[t._v("↳ "),e("strong",[e("code",[t._v("PolygonAnnotationOptions")])])])])]),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:"adjustscalerange"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#adjustscalerange"}},[t._v("#")]),t._v(" adjustScaleRange")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("adjustScaleRange")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#adjustscalerange"}},[t._v("adjustScaleRange")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L38",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:38"),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("code",[t._v("Color")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L141",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:141"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"backgroundshadowcolor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#backgroundshadowcolor"}},[t._v("#")]),t._v(" backgroundShadowColor")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("backgroundShadowColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Color")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#backgroundshadowcolor"}},[t._v("backgroundShadowColor")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L30",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:30"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"bordercapstyle"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#bordercapstyle"}},[t._v("#")]),t._v(" borderCapStyle")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("borderCapStyle")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("CanvasLineCap")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L142",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:142"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("borderColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Color")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#bordercolor"}},[t._v("borderColor")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L39",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:39"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#borderdash"}},[t._v("borderDash")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L40",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:40"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#borderdashoffset"}},[t._v("borderDashOffset")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L41",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:41"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("borderJoinStyle")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("CanvasLineJoin")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L143",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:143"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"bordershadowcolor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#bordershadowcolor"}},[t._v("#")]),t._v(" borderShadowColor")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("borderShadowColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Color")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#bordershadowcolor"}},[t._v("borderShadowColor")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L31",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:31"),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("code",[t._v("Optional")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#borderwidth"}},[t._v("borderWidth")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L42",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:42"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("display")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#display"}},[t._v("display")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L43",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:43"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"drawtime"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#drawtime"}},[t._v("#")]),t._v(" drawTime")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("drawTime")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#drawtime"}},[e("code",[t._v("DrawTime")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],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",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#drawtime"}},[t._v("drawTime")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L44",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:44"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"hittolerance"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hittolerance"}},[t._v("#")]),t._v(" hitTolerance")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("hitTolerance")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#hittolerance"}},[t._v("hitTolerance")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L45",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:45"),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("Optional")]),t._v(" "),e("strong",[t._v("id")]),t._v(": "),e("code",[t._v("string")])]),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#id"}},[t._v("id")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L47",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:47"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("init")]),t._v(": "),e("code",[t._v("boolean")]),t._v(" | ("),e("code",[t._v("__namedParameters")]),t._v(": "),e("code",[t._v("Object")]),t._v(") => "),e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")]),t._v(" | "),e("code",[t._v("Partial")]),t._v("<"),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationElement.html"}},[e("code",[t._v("AnnotationElement")])]),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",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#init"}},[t._v("init")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L46",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:46"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"point"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#point"}},[t._v("#")]),t._v(" point")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("point")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/PointAnnotationOptions.html"}},[e("code",[t._v("PointAnnotationOptions")])])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L144",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:144"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"radius"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#radius"}},[t._v("#")]),t._v(" radius")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("radius")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L145",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:145"),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("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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L146",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:146"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"shadowblur"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#shadowblur"}},[t._v("#")]),t._v(" shadowBlur")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("shadowBlur")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#shadowblur"}},[t._v("shadowBlur")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L32",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:32"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"shadowoffsetx"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#shadowoffsetx"}},[t._v("#")]),t._v(" shadowOffsetX")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("shadowOffsetX")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#shadowoffsetx"}},[t._v("shadowOffsetX")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L33",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:33"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"shadowoffsety"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#shadowoffsety"}},[t._v("#")]),t._v(" shadowOffsetY")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("shadowOffsetY")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#shadowoffsety"}},[t._v("shadowOffsetY")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L34",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:34"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"sides"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#sides"}},[t._v("#")]),t._v(" sides")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("sides")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L147",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:147"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"xadjust"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#xadjust"}},[t._v("#")]),t._v(" xAdjust")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("xAdjust")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L148",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:148"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"xmax"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#xmax"}},[t._v("#")]),t._v(" xMax")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("xMax")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#scalevalue"}},[e("code",[t._v("ScaleValue")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#xmax"}},[t._v("xMax")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L48",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:48"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"xmin"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#xmin"}},[t._v("#")]),t._v(" xMin")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("xMin")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#scalevalue"}},[e("code",[t._v("ScaleValue")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#xmin"}},[t._v("xMin")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L49",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:49"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"xscaleid"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#xscaleid"}},[t._v("#")]),t._v(" xScaleID")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("xScaleID")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#xscaleid"}},[t._v("xScaleID")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L50",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:50"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"xvalue"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#xvalue"}},[t._v("#")]),t._v(" xValue")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("xValue")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#scalevalue"}},[e("code",[t._v("ScaleValue")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/AnnotationPointCoordinates.html"}},[t._v("AnnotationPointCoordinates")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationPointCoordinates.html#xvalue"}},[t._v("xValue")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L58",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:58"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"yadjust"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#yadjust"}},[t._v("#")]),t._v(" yAdjust")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("yAdjust")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L149",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:149"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"ymax"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#ymax"}},[t._v("#")]),t._v(" yMax")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("yMax")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#scalevalue"}},[e("code",[t._v("ScaleValue")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#ymax"}},[t._v("yMax")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L51",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:51"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"ymin"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#ymin"}},[t._v("#")]),t._v(" yMin")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("yMin")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#scalevalue"}},[e("code",[t._v("ScaleValue")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#ymin"}},[t._v("yMin")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L52",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:52"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"yscaleid"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#yscaleid"}},[t._v("#")]),t._v(" yScaleID")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("yScaleID")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#yscaleid"}},[t._v("yScaleID")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L53",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:53"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"yvalue"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#yvalue"}},[t._v("#")]),t._v(" yValue")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("yValue")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#scalevalue"}},[e("code",[t._v("ScaleValue")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/interfaces/AnnotationPointCoordinates.html"}},[t._v("AnnotationPointCoordinates")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationPointCoordinates.html#yvalue"}},[t._v("yValue")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L59",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:59"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("z")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#z"}},[t._v("z")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L54",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:54"),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:"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("context")]),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("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],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-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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#afterdraw"}},[t._v("afterDraw")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L23",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:23"),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("context")]),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("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],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-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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#beforedraw"}},[t._v("beforeDraw")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L22",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:22"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"click"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#click"}},[t._v("#")]),t._v(" click")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("click")]),t._v("("),e("code",[t._v("context")]),t._v(", "),e("code",[t._v("event")]),t._v("): "),e("code",[t._v("boolean")]),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("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],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("ChartEvent")])])])])]),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("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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#click"}},[t._v("click")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/events.d.ts#L27",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:27"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"enter"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#enter"}},[t._v("#")]),t._v(" enter")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("enter")]),t._v("("),e("code",[t._v("context")]),t._v(", "),e("code",[t._v("event")]),t._v("): "),e("code",[t._v("boolean")]),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("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],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("ChartEvent")])])])])]),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("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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#enter"}},[t._v("enter")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/events.d.ts#L25",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:25"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"leave"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#leave"}},[t._v("#")]),t._v(" leave")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("leave")]),t._v("("),e("code",[t._v("context")]),t._v(", "),e("code",[t._v("event")]),t._v("): "),e("code",[t._v("boolean")]),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("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],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("ChartEvent")])])])])]),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("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",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#leave"}},[t._v("leave")])],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/chartjs-plugin-annotation/blob/c1fe0e2/types/events.d.ts#L26",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:26"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=n.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[43],{454:function(t,e,a){"use strict";a.r(e);var r=a(4),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-polygonannotationoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-polygonannotationoptions"}},[t._v("#")]),t._v(" Interface: PolygonAnnotationOptions")]),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/CoreAnnotationOptions.html"}},[e("code",[t._v("CoreAnnotationOptions")])])],1)]),t._v(" "),e("li",[e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationPointCoordinates.html"}},[e("code",[t._v("AnnotationPointCoordinates")])])],1),t._v(" "),e("p",[t._v("↳ "),e("strong",[e("code",[t._v("PolygonAnnotationOptions")])])])])]),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:"adjustscalerange"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#adjustscalerange"}},[t._v("#")]),t._v(" adjustScaleRange")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("adjustScaleRange")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#adjustscalerange"}},[t._v("adjustScaleRange")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L38",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:38"),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("code",[t._v("Color")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L141",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:141"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"backgroundshadowcolor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#backgroundshadowcolor"}},[t._v("#")]),t._v(" backgroundShadowColor")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("backgroundShadowColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Color")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#backgroundshadowcolor"}},[t._v("backgroundShadowColor")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L30",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:30"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"bordercapstyle"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#bordercapstyle"}},[t._v("#")]),t._v(" borderCapStyle")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("borderCapStyle")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("CanvasLineCap")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L142",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:142"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("borderColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Color")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#bordercolor"}},[t._v("borderColor")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L39",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:39"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#borderdash"}},[t._v("borderDash")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L40",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:40"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#borderdashoffset"}},[t._v("borderDashOffset")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L41",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:41"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("borderJoinStyle")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("CanvasLineJoin")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L143",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:143"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"bordershadowcolor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#bordershadowcolor"}},[t._v("#")]),t._v(" borderShadowColor")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("borderShadowColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Color")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#bordershadowcolor"}},[t._v("borderShadowColor")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L31",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:31"),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("code",[t._v("Optional")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#borderwidth"}},[t._v("borderWidth")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L42",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:42"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("display")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#display"}},[t._v("display")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L43",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:43"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"drawtime"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#drawtime"}},[t._v("#")]),t._v(" drawTime")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("drawTime")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#drawtime"}},[e("code",[t._v("DrawTime")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],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",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#drawtime"}},[t._v("drawTime")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L44",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:44"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"hittolerance"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hittolerance"}},[t._v("#")]),t._v(" hitTolerance")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("hitTolerance")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#hittolerance"}},[t._v("hitTolerance")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L45",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:45"),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("Optional")]),t._v(" "),e("strong",[t._v("id")]),t._v(": "),e("code",[t._v("string")])]),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#id"}},[t._v("id")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L47",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:47"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("init")]),t._v(": "),e("code",[t._v("boolean")]),t._v(" | ("),e("code",[t._v("__namedParameters")]),t._v(": "),e("code",[t._v("Object")]),t._v(") => "),e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")]),t._v(" | "),e("code",[t._v("Partial")]),t._v("<"),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationElement.html"}},[e("code",[t._v("AnnotationElement")])]),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",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#init"}},[t._v("init")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L46",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:46"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"point"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#point"}},[t._v("#")]),t._v(" point")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("point")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/PointAnnotationOptions.html"}},[e("code",[t._v("PointAnnotationOptions")])])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L144",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:144"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"radius"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#radius"}},[t._v("#")]),t._v(" radius")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("radius")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L145",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:145"),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("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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L146",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:146"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"shadowblur"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#shadowblur"}},[t._v("#")]),t._v(" shadowBlur")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("shadowBlur")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#shadowblur"}},[t._v("shadowBlur")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L32",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:32"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"shadowoffsetx"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#shadowoffsetx"}},[t._v("#")]),t._v(" shadowOffsetX")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("shadowOffsetX")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#shadowoffsetx"}},[t._v("shadowOffsetX")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L33",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:33"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"shadowoffsety"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#shadowoffsety"}},[t._v("#")]),t._v(" shadowOffsetY")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("shadowOffsetY")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#shadowoffsety"}},[t._v("shadowOffsetY")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L34",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:34"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"sides"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#sides"}},[t._v("#")]),t._v(" sides")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("sides")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L147",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:147"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"xadjust"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#xadjust"}},[t._v("#")]),t._v(" xAdjust")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("xAdjust")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L148",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:148"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"xmax"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#xmax"}},[t._v("#")]),t._v(" xMax")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("xMax")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#scalevalue"}},[e("code",[t._v("ScaleValue")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#xmax"}},[t._v("xMax")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L48",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:48"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"xmin"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#xmin"}},[t._v("#")]),t._v(" xMin")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("xMin")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#scalevalue"}},[e("code",[t._v("ScaleValue")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#xmin"}},[t._v("xMin")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L49",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:49"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"xscaleid"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#xscaleid"}},[t._v("#")]),t._v(" xScaleID")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("xScaleID")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#xscaleid"}},[t._v("xScaleID")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L50",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:50"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"xvalue"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#xvalue"}},[t._v("#")]),t._v(" xValue")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("xValue")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#scalevalue"}},[e("code",[t._v("ScaleValue")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/AnnotationPointCoordinates.html"}},[t._v("AnnotationPointCoordinates")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationPointCoordinates.html#xvalue"}},[t._v("xValue")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L58",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:58"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"yadjust"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#yadjust"}},[t._v("#")]),t._v(" yAdjust")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("yAdjust")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L149",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:149"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"ymax"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#ymax"}},[t._v("#")]),t._v(" yMax")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("yMax")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#scalevalue"}},[e("code",[t._v("ScaleValue")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#ymax"}},[t._v("yMax")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L51",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:51"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"ymin"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#ymin"}},[t._v("#")]),t._v(" yMin")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("yMin")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#scalevalue"}},[e("code",[t._v("ScaleValue")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#ymin"}},[t._v("yMin")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L52",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:52"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"yscaleid"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#yscaleid"}},[t._v("#")]),t._v(" yScaleID")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("yScaleID")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#yscaleid"}},[t._v("yScaleID")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L53",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:53"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"yvalue"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#yvalue"}},[t._v("#")]),t._v(" yValue")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("yValue")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#scalevalue"}},[e("code",[t._v("ScaleValue")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/interfaces/AnnotationPointCoordinates.html"}},[t._v("AnnotationPointCoordinates")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationPointCoordinates.html#yvalue"}},[t._v("yValue")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L59",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:59"),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("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("z")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#z"}},[t._v("z")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L54",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:54"),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:"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("context")]),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("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],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-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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#afterdraw"}},[t._v("afterDraw")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L23",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:23"),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("context")]),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("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],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-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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#beforedraw"}},[t._v("beforeDraw")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L22",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:22"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"click"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#click"}},[t._v("#")]),t._v(" click")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("click")]),t._v("("),e("code",[t._v("context")]),t._v(", "),e("code",[t._v("event")]),t._v("): "),e("code",[t._v("boolean")]),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("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],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("ChartEvent")])])])])]),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("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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#click"}},[t._v("click")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/events.d.ts#L27",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:27"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"enter"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#enter"}},[t._v("#")]),t._v(" enter")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("enter")]),t._v("("),e("code",[t._v("context")]),t._v(", "),e("code",[t._v("event")]),t._v("): "),e("code",[t._v("boolean")]),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("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],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("ChartEvent")])])])])]),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("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/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#enter"}},[t._v("enter")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/events.d.ts#L25",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:25"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"leave"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#leave"}},[t._v("#")]),t._v(" leave")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("leave")]),t._v("("),e("code",[t._v("context")]),t._v(", "),e("code",[t._v("event")]),t._v("): "),e("code",[t._v("boolean")]),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("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[e("code",[t._v("EventContext")])])],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("ChartEvent")])])])])]),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("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",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#leave"}},[t._v("leave")])],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/chartjs-plugin-annotation/blob/a42cb2d/types/events.d.ts#L26",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:26"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=n.exports}}]); \ No newline at end of file diff --git a/master/assets/js/44.bba5679a.js b/master/assets/js/44.bba5679a.js new file mode 100644 index 000000000..3386fe673 --- /dev/null +++ b/master/assets/js/44.bba5679a.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[44],{453:function(t,a,e){"use strict";e.r(a);var r=e(4),o=Object(r.a)({},(function(){var t=this,a=t._self._c;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"interface-shadowoptions"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#interface-shadowoptions"}},[t._v("#")]),t._v(" Interface: ShadowOptions")]),t._v(" "),a("h2",{attrs:{id:"hierarchy"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#hierarchy"}},[t._v("#")]),t._v(" Hierarchy")]),t._v(" "),a("ul",[a("li",[a("p",[a("strong",[a("code",[t._v("ShadowOptions")])])]),t._v(" "),a("p",[t._v("↳ "),a("RouterLink",{attrs:{to:"/api/interfaces/LabelOptions.html"}},[a("code",[t._v("LabelOptions")])])],1),t._v(" "),a("p",[t._v("↳ "),a("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[a("code",[t._v("CoreAnnotationOptions")])])],1),t._v(" "),a("p",[t._v("↳ "),a("RouterLink",{attrs:{to:"/api/interfaces/ArrowHeadOptions.html"}},[a("code",[t._v("ArrowHeadOptions")])])],1)])]),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:"backgroundshadowcolor"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#backgroundshadowcolor"}},[t._v("#")]),t._v(" backgroundShadowColor")]),t._v(" "),a("p",[t._v("• "),a("code",[t._v("Optional")]),t._v(" "),a("strong",[t._v("backgroundShadowColor")]),t._v(": "),a("RouterLink",{attrs:{to:"/api/#scriptable"}},[a("code",[t._v("Scriptable")])]),t._v("<"),a("code",[t._v("Color")]),t._v(", "),a("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[a("code",[t._v("PartialEventContext")])]),t._v(">")],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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L30",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:30"),a("OutboundLink")],1)]),t._v(" "),a("hr"),t._v(" "),a("h3",{attrs:{id:"bordershadowcolor"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#bordershadowcolor"}},[t._v("#")]),t._v(" borderShadowColor")]),t._v(" "),a("p",[t._v("• "),a("code",[t._v("Optional")]),t._v(" "),a("strong",[t._v("borderShadowColor")]),t._v(": "),a("RouterLink",{attrs:{to:"/api/#scriptable"}},[a("code",[t._v("Scriptable")])]),t._v("<"),a("code",[t._v("Color")]),t._v(", "),a("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[a("code",[t._v("PartialEventContext")])]),t._v(">")],1),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/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L31",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:31"),a("OutboundLink")],1)]),t._v(" "),a("hr"),t._v(" "),a("h3",{attrs:{id:"shadowblur"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#shadowblur"}},[t._v("#")]),t._v(" shadowBlur")]),t._v(" "),a("p",[t._v("• "),a("code",[t._v("Optional")]),t._v(" "),a("strong",[t._v("shadowBlur")]),t._v(": "),a("RouterLink",{attrs:{to:"/api/#scriptable"}},[a("code",[t._v("Scriptable")])]),t._v("<"),a("code",[t._v("number")]),t._v(", "),a("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[a("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),a("h4",{attrs:{id:"defined-in-3"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-3"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),a("p",[a("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L32",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:32"),a("OutboundLink")],1)]),t._v(" "),a("hr"),t._v(" "),a("h3",{attrs:{id:"shadowoffsetx"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#shadowoffsetx"}},[t._v("#")]),t._v(" shadowOffsetX")]),t._v(" "),a("p",[t._v("• "),a("code",[t._v("Optional")]),t._v(" "),a("strong",[t._v("shadowOffsetX")]),t._v(": "),a("RouterLink",{attrs:{to:"/api/#scriptable"}},[a("code",[t._v("Scriptable")])]),t._v("<"),a("code",[t._v("number")]),t._v(", "),a("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[a("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),a("h4",{attrs:{id:"defined-in-4"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-4"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),a("p",[a("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L33",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:33"),a("OutboundLink")],1)]),t._v(" "),a("hr"),t._v(" "),a("h3",{attrs:{id:"shadowoffsety"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#shadowoffsety"}},[t._v("#")]),t._v(" shadowOffsetY")]),t._v(" "),a("p",[t._v("• "),a("code",[t._v("Optional")]),t._v(" "),a("strong",[t._v("shadowOffsetY")]),t._v(": "),a("RouterLink",{attrs:{to:"/api/#scriptable"}},[a("code",[t._v("Scriptable")])]),t._v("<"),a("code",[t._v("number")]),t._v(", "),a("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[a("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),a("h4",{attrs:{id:"defined-in-5"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-5"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),a("p",[a("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/a42cb2d/types/options.d.ts#L34",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:34"),a("OutboundLink")],1)])])}),[],!1,null,null,null);a.default=o.exports}}]); \ No newline at end of file diff --git a/master/assets/js/44.dc879ad0.js b/master/assets/js/44.dc879ad0.js deleted file mode 100644 index e7845f246..000000000 --- a/master/assets/js/44.dc879ad0.js +++ /dev/null @@ -1 +0,0 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[44],{454:function(t,e,a){"use strict";a.r(e);var r=a(4),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:"interface-shadowoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-shadowoptions"}},[t._v("#")]),t._v(" Interface: ShadowOptions")]),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("ShadowOptions")])])]),t._v(" "),e("p",[t._v("↳ "),e("RouterLink",{attrs:{to:"/api/interfaces/LabelOptions.html"}},[e("code",[t._v("LabelOptions")])])],1),t._v(" "),e("p",[t._v("↳ "),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[e("code",[t._v("CoreAnnotationOptions")])])],1),t._v(" "),e("p",[t._v("↳ "),e("RouterLink",{attrs:{to:"/api/interfaces/ArrowHeadOptions.html"}},[e("code",[t._v("ArrowHeadOptions")])])],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:"backgroundshadowcolor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#backgroundshadowcolor"}},[t._v("#")]),t._v(" backgroundShadowColor")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("backgroundShadowColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Color")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L30",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:30"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"bordershadowcolor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#bordershadowcolor"}},[t._v("#")]),t._v(" borderShadowColor")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("borderShadowColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Color")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L31",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:31"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"shadowblur"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#shadowblur"}},[t._v("#")]),t._v(" shadowBlur")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("shadowBlur")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L32",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:32"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"shadowoffsetx"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#shadowoffsetx"}},[t._v("#")]),t._v(" shadowOffsetX")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("shadowOffsetX")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L33",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:33"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"shadowoffsety"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#shadowoffsety"}},[t._v("#")]),t._v(" shadowOffsetY")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("shadowOffsetY")]),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/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],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/chartjs-plugin-annotation/blob/c1fe0e2/types/options.d.ts#L34",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:34"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=o.exports}}]); \ No newline at end of file diff --git a/master/assets/js/45.1b6ee56a.js b/master/assets/js/45.f093a40a.js similarity index 99% rename from master/assets/js/45.1b6ee56a.js rename to master/assets/js/45.f093a40a.js index 838ce4875..257533438 100644 --- a/master/assets/js/45.1b6ee56a.js +++ b/master/assets/js/45.f093a40a.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[45],{456:function(t,a,e){"use strict";e.r(a);var n=e(4),s=Object(n.a)({},(function(){var t=this,a=t._self._c;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h2",{attrs:{id:"top-level-options"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#top-level-options"}},[t._v("#")]),t._v(" Top level options")]),t._v(" "),a("p",[t._v("The following options are available at the top level. They apply to all annotations unless they are overwritten on a per-annotation basis.")]),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"}},[a("RouterLink",{attrs:{to:"/guide/options.html#scriptable-options"}},[t._v("Scriptable")])],1),t._v(" "),a("th",[t._v("Default")]),t._v(" "),a("th",[t._v("Notes")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[a("a",{attrs:{href:"#animations"}},[a("code",[t._v("animations")])])]),t._v(" "),a("td",[a("code",[t._v("object")])]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[t._v("No")]),t._v(" "),a("td",[a("a",{attrs:{href:"#default-animations"}},[t._v("see here")])]),t._v(" "),a("td",[t._v("To configure which element properties are animated and how.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("annnotations")])]),t._v(" "),a("td",[a("code",[t._v("object")]),t._v("|"),a("code",[t._v("array")])]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),a("td",[a("code",[t._v("undefined")])]),t._v(" "),a("td",[t._v("To configure all annotations to draw.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("clip")])]),t._v(" "),a("td",[a("code",[t._v("boolean")])]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[t._v("No")]),t._v(" "),a("td",[a("code",[t._v("true")])]),t._v(" "),a("td",[t._v("Are the annotations clipped to the chartArea.")])]),t._v(" "),a("tr",[a("td",[a("a",{attrs:{href:"#common"}},[a("code",[t._v("common")])])]),t._v(" "),a("td",[a("code",[t._v("Object")])]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[t._v("No")]),t._v(" "),a("td"),t._v(" "),a("td",[t._v("To configure common options apply to all annotations")])]),t._v(" "),a("tr",[a("td",[a("RouterLink",{attrs:{to:"/guide/options.html#interaction"}},[a("code",[t._v("interaction")])])],1),t._v(" "),a("td",[a("code",[t._v("Object")])]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[t._v("No")]),t._v(" "),a("td",[a("code",[t._v("options.interaction")])]),t._v(" "),a("td",[t._v("To configure which events trigger plugin interactions")])])])]),t._v(" "),a("div",{staticClass:"custom-block warning"},[a("p",{staticClass:"custom-block-title"},[t._v("WARNING")]),t._v(" "),a("p",[t._v("Setting "),a("code",[t._v("clip")]),t._v(" to "),a("code",[t._v("false")]),t._v(", you can enable the possibility to draw part of the annotation outside of the chart area.")]),t._v(" "),a("p",[t._v("Nevertheless events are only caught over the chartArea.")])]),t._v(" "),a("h2",{attrs:{id:"animations"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#animations"}},[t._v("#")]),t._v(" Animations")]),t._v(" "),a("p",[t._v("Animations options configures which element properties are animated and how, with the same configuration of "),a("a",{attrs:{href:"https://www.chartjs.org/docs/latest/configuration/animations.html#animations-2",target:"_blank",rel:"noopener noreferrer"}},[t._v("chart.js"),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(" 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("annotation")]),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("animations")]),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("numbers")]),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("properties")]),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("'x'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'y'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'x2'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'y2'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'width'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'height'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'radius'")]),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("'number'")]),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("annotations")]),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("box1")]),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("'box'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("xMin")]),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(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("xMax")]),a("span",{pre:!0,attrs:{class:"token operator"}},[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("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("yMin")]),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("yMax")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("70")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("backgroundColor")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'rgba(255, 99, 132, 0.5)'")]),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(";")]),t._v("\n")])])]),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', 'x2', 'y2', 'width', 'height', 'centerX', 'centerY', 'pointX', 'pointY', 'radius']")])])]),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("h2",{attrs:{id:"common"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#common"}},[t._v("#")]),t._v(" Common")]),t._v(" "),a("p",[t._v("The following options apply to all annotations unless they are overwritten on a per-annotation basis.")]),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"}},[a("RouterLink",{attrs:{to:"/guide/options.html#scriptable-options"}},[t._v("Scriptable")])],1),t._v(" "),a("th",[t._v("Default")]),t._v(" "),a("th",[t._v("Notes")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[a("code",[t._v("drawTime")])]),t._v(" "),a("td",[a("code",[t._v("string")]),t._v("|"),a("code",[t._v("number")])]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),a("td",[a("code",[t._v("'afterDatasetsDraw'")])]),t._v(" "),a("td",[t._v("See "),a("a",{attrs:{href:"options#draw-time"}},[t._v("drawTime")]),t._v(".")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("init")])]),t._v(" "),a("td",[a("code",[t._v("boolean")])]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("a",{attrs:{href:"#initial-animation"}},[t._v("See initial animation")])]),t._v(" "),a("td",[a("code",[t._v("false")])]),t._v(" "),a("td",[t._v("Enable the animation to the annotations when they are drawing at chart initialization")])])])]),t._v(" "),a("h3",{attrs:{id:"initial-animation"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#initial-animation"}},[t._v("#")]),t._v(" Initial animation")]),t._v(" "),a("p",[t._v("The "),a("code",[t._v("init")]),t._v(" option is scriptable but it doesn't get the "),a("a",{attrs:{href:"./options#option-context"}},[t._v("options context")]),t._v(" as argument but a specific context because the element has not been initialized yet, when the callback is invoked.")]),t._v(" "),a("p",[t._v("This is the signature of the scriptable option:")]),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("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[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(" properties"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" options"),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 keyword"}},[t._v("void")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("|")]),t._v(" boolean "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("|")]),t._v(" AnnotationElement\n")])])]),a("p",[t._v("where the properties is the element model")]),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("x")]),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("y")]),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("x2")]),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("y2")]),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("centerX")]),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("centerY")]),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("\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("\n radius"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("?")]),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("p",[t._v("which can be used in the callback to return an object with the initial values of the element, to provide own initial animation.")]),t._v(" "),a("h2",{attrs:{id:"events"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#events"}},[t._v("#")]),t._v(" Events")]),t._v(" "),a("p",[t._v("The following options are available for all annotation types. These options can be specified per annotation, or at the top level which apply to all annotations.")]),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("Chart event"),a("sup",[t._v("1")])]),t._v(" "),a("th",[t._v("Notes")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[a("code",[t._v("click")])]),t._v(" "),a("td",[a("code",[t._v("(context, event) => boolean | void")])]),t._v(" "),a("td",[a("code",[t._v("'click'")])]),t._v(" "),a("td",[t._v("Called when a single click occurs on the annotation.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("enter")])]),t._v(" "),a("td",[a("code",[t._v("(context, event) => boolean | void")])]),t._v(" "),a("td",[a("code",[t._v("'mousemove'")])]),t._v(" "),a("td",[t._v("Called when the mouse enters the annotation.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("leave")])]),t._v(" "),a("td",[a("code",[t._v("(context, event) => boolean | void")])]),t._v(" "),a("td",[a("code",[t._v("'mousemove'")])]),t._v(" "),a("td",[t._v("Called when the mouse leaves the annotation.")])])])]),t._v(" "),a("div",{staticClass:"custom-block tip"},[a("p",{staticClass:"custom-block-title"},[t._v("TIP")]),t._v(" "),a("p",[a("strong",[a("sup",[t._v("1")])]),t._v(" "),a("a",{attrs:{href:"https://www.chartjs.org/docs/latest/configuration/interactions.html#events",target:"_blank",rel:"noopener noreferrer"}},[t._v("Chart.js events"),a("OutboundLink")],1),t._v(" that need to be enabled in order to get the associated annotation event working. Note that by default Chart.js enables "),a("code",[t._v("'mousemove', 'mouseout', 'click', 'touchstart', 'touchmove'")]),t._v(", meaning that annotation events work out-of-the-box.")])]),t._v(" "),a("p",[t._v("If the event callbacks explicitly returns "),a("code",[t._v("true")]),t._v(", the chart will re-render automatically after processing the event completely. This is important when there are the annotations that require re-draws (for instance, after a change of a rendering options).")]),t._v(" "),a("h2",{attrs:{id:"hooks"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#hooks"}},[t._v("#")]),t._v(" Hooks")]),t._v(" "),a("p",[t._v("The following hooks are available for all annotation types. These hooks can be specified per annotation, or at the top level which apply to all annotations.")]),t._v(" "),a("p",[t._v("These hooks enable some user customizations on the annotations.")]),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("Notes")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[a("code",[t._v("beforeDraw")])]),t._v(" "),a("td",[a("code",[t._v("(context) => void")])]),t._v(" "),a("td",[t._v("Called before that the annotation is being drawn.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("afterDraw")])]),t._v(" "),a("td",[a("code",[t._v("(context) => void")])]),t._v(" "),a("td",[t._v("Called after the annotation has been drawn.")])])])])])}),[],!1,null,null,null);a.default=s.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[45],{455:function(t,a,e){"use strict";e.r(a);var n=e(4),s=Object(n.a)({},(function(){var t=this,a=t._self._c;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h2",{attrs:{id:"top-level-options"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#top-level-options"}},[t._v("#")]),t._v(" Top level options")]),t._v(" "),a("p",[t._v("The following options are available at the top level. They apply to all annotations unless they are overwritten on a per-annotation basis.")]),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"}},[a("RouterLink",{attrs:{to:"/guide/options.html#scriptable-options"}},[t._v("Scriptable")])],1),t._v(" "),a("th",[t._v("Default")]),t._v(" "),a("th",[t._v("Notes")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[a("a",{attrs:{href:"#animations"}},[a("code",[t._v("animations")])])]),t._v(" "),a("td",[a("code",[t._v("object")])]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[t._v("No")]),t._v(" "),a("td",[a("a",{attrs:{href:"#default-animations"}},[t._v("see here")])]),t._v(" "),a("td",[t._v("To configure which element properties are animated and how.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("annnotations")])]),t._v(" "),a("td",[a("code",[t._v("object")]),t._v("|"),a("code",[t._v("array")])]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),a("td",[a("code",[t._v("undefined")])]),t._v(" "),a("td",[t._v("To configure all annotations to draw.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("clip")])]),t._v(" "),a("td",[a("code",[t._v("boolean")])]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[t._v("No")]),t._v(" "),a("td",[a("code",[t._v("true")])]),t._v(" "),a("td",[t._v("Are the annotations clipped to the chartArea.")])]),t._v(" "),a("tr",[a("td",[a("a",{attrs:{href:"#common"}},[a("code",[t._v("common")])])]),t._v(" "),a("td",[a("code",[t._v("Object")])]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[t._v("No")]),t._v(" "),a("td"),t._v(" "),a("td",[t._v("To configure common options apply to all annotations")])]),t._v(" "),a("tr",[a("td",[a("RouterLink",{attrs:{to:"/guide/options.html#interaction"}},[a("code",[t._v("interaction")])])],1),t._v(" "),a("td",[a("code",[t._v("Object")])]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[t._v("No")]),t._v(" "),a("td",[a("code",[t._v("options.interaction")])]),t._v(" "),a("td",[t._v("To configure which events trigger plugin interactions")])])])]),t._v(" "),a("div",{staticClass:"custom-block warning"},[a("p",{staticClass:"custom-block-title"},[t._v("WARNING")]),t._v(" "),a("p",[t._v("Setting "),a("code",[t._v("clip")]),t._v(" to "),a("code",[t._v("false")]),t._v(", you can enable the possibility to draw part of the annotation outside of the chart area.")]),t._v(" "),a("p",[t._v("Nevertheless events are only caught over the chartArea.")])]),t._v(" "),a("h2",{attrs:{id:"animations"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#animations"}},[t._v("#")]),t._v(" Animations")]),t._v(" "),a("p",[t._v("Animations options configures which element properties are animated and how, with the same configuration of "),a("a",{attrs:{href:"https://www.chartjs.org/docs/latest/configuration/animations.html#animations-2",target:"_blank",rel:"noopener noreferrer"}},[t._v("chart.js"),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(" 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("annotation")]),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("animations")]),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("numbers")]),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("properties")]),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("'x'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'y'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'x2'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'y2'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'width'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'height'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'radius'")]),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("'number'")]),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("annotations")]),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("box1")]),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("'box'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("xMin")]),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(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("xMax")]),a("span",{pre:!0,attrs:{class:"token operator"}},[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("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("yMin")]),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("yMax")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("70")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("backgroundColor")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'rgba(255, 99, 132, 0.5)'")]),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(";")]),t._v("\n")])])]),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', 'x2', 'y2', 'width', 'height', 'centerX', 'centerY', 'pointX', 'pointY', 'radius']")])])]),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("h2",{attrs:{id:"common"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#common"}},[t._v("#")]),t._v(" Common")]),t._v(" "),a("p",[t._v("The following options apply to all annotations unless they are overwritten on a per-annotation basis.")]),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"}},[a("RouterLink",{attrs:{to:"/guide/options.html#scriptable-options"}},[t._v("Scriptable")])],1),t._v(" "),a("th",[t._v("Default")]),t._v(" "),a("th",[t._v("Notes")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[a("code",[t._v("drawTime")])]),t._v(" "),a("td",[a("code",[t._v("string")]),t._v("|"),a("code",[t._v("number")])]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),a("td",[a("code",[t._v("'afterDatasetsDraw'")])]),t._v(" "),a("td",[t._v("See "),a("a",{attrs:{href:"options#draw-time"}},[t._v("drawTime")]),t._v(".")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("init")])]),t._v(" "),a("td",[a("code",[t._v("boolean")])]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("a",{attrs:{href:"#initial-animation"}},[t._v("See initial animation")])]),t._v(" "),a("td",[a("code",[t._v("false")])]),t._v(" "),a("td",[t._v("Enable the animation to the annotations when they are drawing at chart initialization")])])])]),t._v(" "),a("h3",{attrs:{id:"initial-animation"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#initial-animation"}},[t._v("#")]),t._v(" Initial animation")]),t._v(" "),a("p",[t._v("The "),a("code",[t._v("init")]),t._v(" option is scriptable but it doesn't get the "),a("a",{attrs:{href:"./options#option-context"}},[t._v("options context")]),t._v(" as argument but a specific context because the element has not been initialized yet, when the callback is invoked.")]),t._v(" "),a("p",[t._v("This is the signature of the scriptable option:")]),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("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[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(" properties"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" options"),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 keyword"}},[t._v("void")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("|")]),t._v(" boolean "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("|")]),t._v(" AnnotationElement\n")])])]),a("p",[t._v("where the properties is the element model")]),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("x")]),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("y")]),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("x2")]),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("y2")]),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("centerX")]),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("centerY")]),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("\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("\n radius"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("?")]),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("p",[t._v("which can be used in the callback to return an object with the initial values of the element, to provide own initial animation.")]),t._v(" "),a("h2",{attrs:{id:"events"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#events"}},[t._v("#")]),t._v(" Events")]),t._v(" "),a("p",[t._v("The following options are available for all annotation types. These options can be specified per annotation, or at the top level which apply to all annotations.")]),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("Chart event"),a("sup",[t._v("1")])]),t._v(" "),a("th",[t._v("Notes")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[a("code",[t._v("click")])]),t._v(" "),a("td",[a("code",[t._v("(context, event) => boolean | void")])]),t._v(" "),a("td",[a("code",[t._v("'click'")])]),t._v(" "),a("td",[t._v("Called when a single click occurs on the annotation.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("enter")])]),t._v(" "),a("td",[a("code",[t._v("(context, event) => boolean | void")])]),t._v(" "),a("td",[a("code",[t._v("'mousemove'")])]),t._v(" "),a("td",[t._v("Called when the mouse enters the annotation.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("leave")])]),t._v(" "),a("td",[a("code",[t._v("(context, event) => boolean | void")])]),t._v(" "),a("td",[a("code",[t._v("'mousemove'")])]),t._v(" "),a("td",[t._v("Called when the mouse leaves the annotation.")])])])]),t._v(" "),a("div",{staticClass:"custom-block tip"},[a("p",{staticClass:"custom-block-title"},[t._v("TIP")]),t._v(" "),a("p",[a("strong",[a("sup",[t._v("1")])]),t._v(" "),a("a",{attrs:{href:"https://www.chartjs.org/docs/latest/configuration/interactions.html#events",target:"_blank",rel:"noopener noreferrer"}},[t._v("Chart.js events"),a("OutboundLink")],1),t._v(" that need to be enabled in order to get the associated annotation event working. Note that by default Chart.js enables "),a("code",[t._v("'mousemove', 'mouseout', 'click', 'touchstart', 'touchmove'")]),t._v(", meaning that annotation events work out-of-the-box.")])]),t._v(" "),a("p",[t._v("If the event callbacks explicitly returns "),a("code",[t._v("true")]),t._v(", the chart will re-render automatically after processing the event completely. This is important when there are the annotations that require re-draws (for instance, after a change of a rendering options).")]),t._v(" "),a("h2",{attrs:{id:"hooks"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#hooks"}},[t._v("#")]),t._v(" Hooks")]),t._v(" "),a("p",[t._v("The following hooks are available for all annotation types. These hooks can be specified per annotation, or at the top level which apply to all annotations.")]),t._v(" "),a("p",[t._v("These hooks enable some user customizations on the annotations.")]),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("Notes")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[a("code",[t._v("beforeDraw")])]),t._v(" "),a("td",[a("code",[t._v("(context) => void")])]),t._v(" "),a("td",[t._v("Called before that the annotation is being drawn.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("afterDraw")])]),t._v(" "),a("td",[a("code",[t._v("(context) => void")])]),t._v(" "),a("td",[t._v("Called after the annotation has been drawn.")])])])])])}),[],!1,null,null,null);a.default=s.exports}}]); \ No newline at end of file diff --git a/master/assets/js/46.5c2c0a94.js b/master/assets/js/46.09418de2.js similarity index 98% rename from master/assets/js/46.5c2c0a94.js rename to master/assets/js/46.09418de2.js index 4ebf0e28e..47f340502 100644 --- a/master/assets/js/46.5c2c0a94.js +++ b/master/assets/js/46.09418de2.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[46],{455:function(e,t,r){"use strict";r.r(t);var s=r(4),a=Object(s.a)({},(function(){var e=this,t=e._self._c;return t("ContentSlotsDistributor",{attrs:{"slot-key":e.$parent.slotKey}},[t("p",[e._v("Contributions to Chart.js are welcome and encouraged, but please have a look through the guidelines in this document before raising an issue, or writing code for the project.")]),e._v(" "),t("h2",{attrs:{id:"using-issues"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#using-issues"}},[e._v("#")]),e._v(" Using issues")]),e._v(" "),t("p",[e._v("The "),t("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/issues",target:"_blank",rel:"noopener noreferrer"}},[e._v("issue tracker"),t("OutboundLink")],1),e._v(" is the preferred channel for reporting bugs, requesting new features and submitting pull requests.")]),e._v(" "),t("p",[e._v("Please do not use issues for support requests. For help using the annotation plugin, please take a look at the "),t("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/discussions",target:"_blank",rel:"noopener noreferrer"}},[e._v("GitHub Discussions"),t("OutboundLink")],1),e._v(" page.")]),e._v(" "),t("h2",{attrs:{id:"reporting-bugs"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#reporting-bugs"}},[e._v("#")]),e._v(" Reporting bugs")]),e._v(" "),t("p",[e._v("Well structured, detailed bug reports are hugely valuable for the project.")]),e._v(" "),t("p",[e._v("Guidlines 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("Provide a demonstration of the problem on "),t("a",{attrs:{href:"http://jsbin.com",target:"_blank",rel:"noopener noreferrer"}},[e._v("JS Bin"),t("OutboundLink")],1),e._v(" or similar")])]),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.")]),e._v(" "),t("h2",{attrs:{id:"local-development"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#local-development"}},[e._v("#")]),e._v(" Local development")]),e._v(" "),t("p",[e._v("Run "),t("code",[e._v("npm ci")]),e._v(" to install all the libraries, then run "),t("code",[e._v("npm run dev")]),e._v(" to build and run tests as you make changes.")]),e._v(" "),t("h2",{attrs:{id:"pull-requests"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#pull-requests"}},[e._v("#")]),e._v(" Pull requests")]),e._v(" "),t("p",[e._v("Clear, concise pull requests are excellent at continuing the project's community driven growth. But please review "),t("a",{attrs:{href:"https://github.com/blog/1943-how-to-write-the-perfect-pull-request",target:"_blank",rel:"noopener noreferrer"}},[e._v("these guidelines"),t("OutboundLink")],1),e._v(" and the guidelines below before starting work on the project.")]),e._v(" "),t("p",[e._v("Guidelines:")]),e._v(" "),t("ul",[t("li",[e._v("Please create an issue first:\n"),t("ul",[t("li",[e._v("For bugs, we can discuss the fixing approach")]),e._v(" "),t("li",[e._v("For enhancements, we can discuss if it is within the project scope and avoid duplicate effort")])])]),e._v(" "),t("li",[e._v("Please make changes to the files in "),t("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/tree/master/src",target:"_blank",rel:"noopener noreferrer"}},[t("code",[e._v("/src")]),t("OutboundLink")],1)]),e._v(" "),t("li",[e._v("Please add tests in "),t("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/tree/master/test",target:"_blank",rel:"noopener noreferrer"}},[t("code",[e._v("/test")]),t("OutboundLink")],1)]),e._v(" "),t("li",[e._v("Spaces for indentation, not tabs please")]),e._v(" "),t("li",[e._v("If adding new functionality, please also update the relevant "),t("code",[e._v(".md")]),e._v(" file in "),t("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/tree/master/docs",target:"_blank",rel:"noopener noreferrer"}},[t("code",[e._v("/docs")]),t("OutboundLink")],1)]),e._v(" "),t("li",[e._v("Please make your commits in logical sections with clear commit messages")])]),e._v(" "),t("h2",{attrs:{id:"license"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#license"}},[e._v("#")]),e._v(" License")]),e._v(" "),t("p",[e._v("By contributing your code, you agree to license your contribution under the "),t("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/master/LICENSE.md",target:"_blank",rel:"noopener noreferrer"}},[e._v("MIT license"),t("OutboundLink")],1),e._v(".")])])}),[],!1,null,null,null);t.default=a.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[46],{456:function(e,t,r){"use strict";r.r(t);var s=r(4),a=Object(s.a)({},(function(){var e=this,t=e._self._c;return t("ContentSlotsDistributor",{attrs:{"slot-key":e.$parent.slotKey}},[t("p",[e._v("Contributions to Chart.js are welcome and encouraged, but please have a look through the guidelines in this document before raising an issue, or writing code for the project.")]),e._v(" "),t("h2",{attrs:{id:"using-issues"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#using-issues"}},[e._v("#")]),e._v(" Using issues")]),e._v(" "),t("p",[e._v("The "),t("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/issues",target:"_blank",rel:"noopener noreferrer"}},[e._v("issue tracker"),t("OutboundLink")],1),e._v(" is the preferred channel for reporting bugs, requesting new features and submitting pull requests.")]),e._v(" "),t("p",[e._v("Please do not use issues for support requests. For help using the annotation plugin, please take a look at the "),t("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/discussions",target:"_blank",rel:"noopener noreferrer"}},[e._v("GitHub Discussions"),t("OutboundLink")],1),e._v(" page.")]),e._v(" "),t("h2",{attrs:{id:"reporting-bugs"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#reporting-bugs"}},[e._v("#")]),e._v(" Reporting bugs")]),e._v(" "),t("p",[e._v("Well structured, detailed bug reports are hugely valuable for the project.")]),e._v(" "),t("p",[e._v("Guidlines 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("Provide a demonstration of the problem on "),t("a",{attrs:{href:"http://jsbin.com",target:"_blank",rel:"noopener noreferrer"}},[e._v("JS Bin"),t("OutboundLink")],1),e._v(" or similar")])]),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.")]),e._v(" "),t("h2",{attrs:{id:"local-development"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#local-development"}},[e._v("#")]),e._v(" Local development")]),e._v(" "),t("p",[e._v("Run "),t("code",[e._v("npm ci")]),e._v(" to install all the libraries, then run "),t("code",[e._v("npm run dev")]),e._v(" to build and run tests as you make changes.")]),e._v(" "),t("h2",{attrs:{id:"pull-requests"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#pull-requests"}},[e._v("#")]),e._v(" Pull requests")]),e._v(" "),t("p",[e._v("Clear, concise pull requests are excellent at continuing the project's community driven growth. But please review "),t("a",{attrs:{href:"https://github.com/blog/1943-how-to-write-the-perfect-pull-request",target:"_blank",rel:"noopener noreferrer"}},[e._v("these guidelines"),t("OutboundLink")],1),e._v(" and the guidelines below before starting work on the project.")]),e._v(" "),t("p",[e._v("Guidelines:")]),e._v(" "),t("ul",[t("li",[e._v("Please create an issue first:\n"),t("ul",[t("li",[e._v("For bugs, we can discuss the fixing approach")]),e._v(" "),t("li",[e._v("For enhancements, we can discuss if it is within the project scope and avoid duplicate effort")])])]),e._v(" "),t("li",[e._v("Please make changes to the files in "),t("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/tree/master/src",target:"_blank",rel:"noopener noreferrer"}},[t("code",[e._v("/src")]),t("OutboundLink")],1)]),e._v(" "),t("li",[e._v("Please add tests in "),t("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/tree/master/test",target:"_blank",rel:"noopener noreferrer"}},[t("code",[e._v("/test")]),t("OutboundLink")],1)]),e._v(" "),t("li",[e._v("Spaces for indentation, not tabs please")]),e._v(" "),t("li",[e._v("If adding new functionality, please also update the relevant "),t("code",[e._v(".md")]),e._v(" file in "),t("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/tree/master/docs",target:"_blank",rel:"noopener noreferrer"}},[t("code",[e._v("/docs")]),t("OutboundLink")],1)]),e._v(" "),t("li",[e._v("Please make your commits in logical sections with clear commit messages")])]),e._v(" "),t("h2",{attrs:{id:"license"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#license"}},[e._v("#")]),e._v(" License")]),e._v(" "),t("p",[e._v("By contributing your code, you agree to license your contribution under the "),t("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/master/LICENSE.md",target:"_blank",rel:"noopener noreferrer"}},[e._v("MIT license"),t("OutboundLink")],1),e._v(".")])])}),[],!1,null,null,null);t.default=a.exports}}]); \ No newline at end of file diff --git a/master/assets/js/48.b718d460.js b/master/assets/js/48.59463453.js similarity index 98% rename from master/assets/js/48.b718d460.js rename to master/assets/js/48.59463453.js index 3765a1dfa..885d064d2 100644 --- a/master/assets/js/48.b718d460.js +++ b/master/assets/js/48.59463453.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[48],{462:function(t,a,s){"use strict";s.r(a);var n=s(4),r=Object(n.a)({},(function(){var t=this,a=t._self._c;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("p",[a("strong",[a("code",[t._v("chartjs-plugin-annotation")])]),t._v(" can be integrated with plain JavaScript or with different module loaders. The examples below show to load the plugin in different systems.")]),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")]),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-plugin-annotation/dist/chartjs-plugin-annotation.min.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("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(" "),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"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("import")]),t._v(" annotationPlugin "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("from")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'chartjs-plugin-annotation'")]),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("annotationPlugin"),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([[48],{459:function(t,a,s){"use strict";s.r(a);var n=s(4),r=Object(n.a)({},(function(){var t=this,a=t._self._c;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("p",[a("strong",[a("code",[t._v("chartjs-plugin-annotation")])]),t._v(" can be integrated with plain JavaScript or with different module loaders. The examples below show to load the plugin in different systems.")]),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")]),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-plugin-annotation/dist/chartjs-plugin-annotation.min.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("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(" "),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"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("import")]),t._v(" annotationPlugin "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("from")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'chartjs-plugin-annotation'")]),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("annotationPlugin"),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/master/assets/js/49.36d2bdb7.js b/master/assets/js/49.816d66f0.js similarity index 99% rename from master/assets/js/49.36d2bdb7.js rename to master/assets/js/49.816d66f0.js index 6d34369ff..3cb6b0199 100644 --- a/master/assets/js/49.36d2bdb7.js +++ b/master/assets/js/49.816d66f0.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[49],{459:function(t,e,a){"use strict";a.r(e);var s=a(4),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:"_1-x-migration-guide"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#_1-x-migration-guide"}},[t._v("#")]),t._v(" 1.x Migration Guide")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("chartjs-plugin-annotation")])]),t._v(" plugin version 1 introduces a number of breaking changes in order to compatible with Chart.js 3 and to align with Chart.js 3 options.")]),t._v(" "),e("h2",{attrs:{id:"setup-and-installation"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#setup-and-installation"}},[t._v("#")]),t._v(" Setup and installation")]),t._v(" "),e("p",[t._v("Chart.js 3 is tree-shakeable and thus requires registering the plugins when used as an "),e("code",[t._v("npm")]),t._v(" module. Here is an 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 keyword"}},[t._v("import")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" Chart"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" LineController"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" LineElement"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" PointElement"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" LinearScale "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("from")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'chart.js'")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),e("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("import")]),t._v(" Annotation "),e("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("from")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'chartjs-plugin-annotation'")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\nChart"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),e("span",{pre:!0,attrs:{class:"token function"}},[t._v("register")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("LineController"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" LineElement"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" PointElement"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" LinearScale"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" Annotation"),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 keyword"}},[t._v("const")]),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 comment"}},[t._v("// data: ...")]),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("plugins")]),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("annotation")]),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("// annotation plugin options")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("annotations")]),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("// annotation element options")]),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("scaleID")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'y'")]),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("value")]),e("span",{pre:!0,attrs:{class:"token operator"}},[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("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("borderColor")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),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 literal-property property"}},[t._v("borderWidth")]),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("\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("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 operator"}},[t._v(":")]),t._v("\n")])])]),e("h2",{attrs:{id:"options"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#options"}},[t._v("#")]),t._v(" Options")]),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("ul",[e("li",[e("code",[t._v("events")]),t._v(" array was removed. Listened events are determined automatically from the hooks specified.")]),t._v(" "),e("li",[e("code",[t._v("enter")]),t._v(", "),e("code",[t._v("leave")]),t._v(", "),e("code",[t._v("click")]),t._v(", "),e("code",[t._v("dblclick")]),t._v(" event hooks can now be defined also at plugin level options.")])]),t._v(" "),e("h3",{attrs:{id:"element-options"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#element-options"}},[t._v("#")]),t._v(" Element options")]),t._v(" "),e("ul",[e("li",[e("code",[t._v("onMouseenter")]),t._v(" was removed. Use "),e("code",[t._v("enter")]),t._v(" instead.")]),t._v(" "),e("li",[e("code",[t._v("onMouseleave")]),t._v(" was removed. Use "),e("code",[t._v("leave")]),t._v(" instead.")]),t._v(" "),e("li",[e("code",[t._v("onMouseover")]),t._v(" was removed. Use "),e("code",[t._v("enter")]),t._v(" instead.")]),t._v(" "),e("li",[e("code",[t._v("onMouseout")]),t._v(" was removed. Use "),e("code",[t._v("leave")]),t._v(" instead.")]),t._v(" "),e("li",[e("code",[t._v("onMousemove")]),t._v(" was removed.")]),t._v(" "),e("li",[e("code",[t._v("onMousedown")]),t._v(" was removed. Use "),e("code",[t._v("click")]),t._v(" instead.")]),t._v(" "),e("li",[e("code",[t._v("onMouseup")]),t._v(" was removed. Use "),e("code",[t._v("click")]),t._v(" instead.")]),t._v(" "),e("li",[e("code",[t._v("onClick")]),t._v(" was removed. Use "),e("code",[t._v("click")]),t._v(" instead.")]),t._v(" "),e("li",[e("code",[t._v("onDblclick")]),t._v(" was removed. Use "),e("code",[t._v("dblclick")]),t._v(" instead.")]),t._v(" "),e("li",[e("code",[t._v("onContextmenu")]),t._v(" was removed.")]),t._v(" "),e("li",[e("code",[t._v("onWheel")]),t._v(" was removed.")])]),t._v(" "),e("h3",{attrs:{id:"line"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#line"}},[t._v("#")]),t._v(" Line")]),t._v(" "),e("ul",[e("li",[e("code",[t._v("mode")]),t._v(" was removed. The mode is automatically calculated based on the scale.")]),t._v(" "),e("li",[e("code",[t._v("position")]),t._v(" values were changed to "),e("code",[t._v("'start'")]),t._v(", "),e("code",[t._v("'center'")]),t._v(" and "),e("code",[t._v("'end'")]),t._v(".\n"),e("ul",[e("li",[e("code",[t._v("'start'")]),t._v(" replaces previous "),e("code",[t._v("'left'")]),t._v(" and "),e("code",[t._v("'top'")]),t._v(".")]),t._v(" "),e("li",[e("code",[t._v("'end'")]),t._v(" replaces previous "),e("code",[t._v("'right'")]),t._v(" and "),e("code",[t._v("'bottom'")]),t._v(".")])])])]),t._v(" "),e("h4",{attrs:{id:"label"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#label"}},[t._v("#")]),t._v(" Label")]),t._v(" "),e("ul",[e("li",[e("code",[t._v("fontColor")]),t._v(" was renamed to "),e("code",[t._v("font.color")])]),t._v(" "),e("li",[e("code",[t._v("fontFamily")]),t._v(" was renamed to "),e("code",[t._v("font.family")])]),t._v(" "),e("li",[e("code",[t._v("fontSize")]),t._v(" was renamed to "),e("code",[t._v("font.size")])]),t._v(" "),e("li",[e("code",[t._v("fontStyle")]),t._v(" was renamed to "),e("code",[t._v("font.style")])]),t._v(" "),e("li",[e("code",[t._v("lineHeight")]),t._v(" was renamed to "),e("code",[t._v("font.lineHeight")])])]),t._v(" "),e("h2",{attrs:{id:"event-hooks"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#event-hooks"}},[t._v("#")]),t._v(" Event hooks")]),t._v(" "),e("ul",[e("li",[t._v("Event hooks are now supplied with single "),e("code",[t._v("context")]),t._v(" parameter, containing "),e("code",[t._v("chart")]),t._v(" and "),e("code",[t._v("element")]),t._v(" properties. "),e("code",[t._v("chart")]),t._v(" is the chart instance and "),e("code",[t._v("element")]),t._v(" is the event target annotation element.")]),t._v(" "),e("li",[t._v("Events are now fired from "),e("code",[t._v("beforeEvent")]),t._v(" hook.")])])])}),[],!1,null,null,null);e.default=n.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[49],{461:function(t,e,a){"use strict";a.r(e);var s=a(4),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:"_1-x-migration-guide"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#_1-x-migration-guide"}},[t._v("#")]),t._v(" 1.x Migration Guide")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("chartjs-plugin-annotation")])]),t._v(" plugin version 1 introduces a number of breaking changes in order to compatible with Chart.js 3 and to align with Chart.js 3 options.")]),t._v(" "),e("h2",{attrs:{id:"setup-and-installation"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#setup-and-installation"}},[t._v("#")]),t._v(" Setup and installation")]),t._v(" "),e("p",[t._v("Chart.js 3 is tree-shakeable and thus requires registering the plugins when used as an "),e("code",[t._v("npm")]),t._v(" module. Here is an 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 keyword"}},[t._v("import")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" Chart"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" LineController"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" LineElement"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" PointElement"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" LinearScale "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("from")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'chart.js'")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),e("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("import")]),t._v(" Annotation "),e("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("from")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'chartjs-plugin-annotation'")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\nChart"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),e("span",{pre:!0,attrs:{class:"token function"}},[t._v("register")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("LineController"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" LineElement"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" PointElement"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" LinearScale"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" Annotation"),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 keyword"}},[t._v("const")]),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 comment"}},[t._v("// data: ...")]),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("plugins")]),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("annotation")]),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("// annotation plugin options")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("annotations")]),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("// annotation element options")]),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("scaleID")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'y'")]),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("value")]),e("span",{pre:!0,attrs:{class:"token operator"}},[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("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("borderColor")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),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 literal-property property"}},[t._v("borderWidth")]),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("\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("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 operator"}},[t._v(":")]),t._v("\n")])])]),e("h2",{attrs:{id:"options"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#options"}},[t._v("#")]),t._v(" Options")]),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("ul",[e("li",[e("code",[t._v("events")]),t._v(" array was removed. Listened events are determined automatically from the hooks specified.")]),t._v(" "),e("li",[e("code",[t._v("enter")]),t._v(", "),e("code",[t._v("leave")]),t._v(", "),e("code",[t._v("click")]),t._v(", "),e("code",[t._v("dblclick")]),t._v(" event hooks can now be defined also at plugin level options.")])]),t._v(" "),e("h3",{attrs:{id:"element-options"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#element-options"}},[t._v("#")]),t._v(" Element options")]),t._v(" "),e("ul",[e("li",[e("code",[t._v("onMouseenter")]),t._v(" was removed. Use "),e("code",[t._v("enter")]),t._v(" instead.")]),t._v(" "),e("li",[e("code",[t._v("onMouseleave")]),t._v(" was removed. Use "),e("code",[t._v("leave")]),t._v(" instead.")]),t._v(" "),e("li",[e("code",[t._v("onMouseover")]),t._v(" was removed. Use "),e("code",[t._v("enter")]),t._v(" instead.")]),t._v(" "),e("li",[e("code",[t._v("onMouseout")]),t._v(" was removed. Use "),e("code",[t._v("leave")]),t._v(" instead.")]),t._v(" "),e("li",[e("code",[t._v("onMousemove")]),t._v(" was removed.")]),t._v(" "),e("li",[e("code",[t._v("onMousedown")]),t._v(" was removed. Use "),e("code",[t._v("click")]),t._v(" instead.")]),t._v(" "),e("li",[e("code",[t._v("onMouseup")]),t._v(" was removed. Use "),e("code",[t._v("click")]),t._v(" instead.")]),t._v(" "),e("li",[e("code",[t._v("onClick")]),t._v(" was removed. Use "),e("code",[t._v("click")]),t._v(" instead.")]),t._v(" "),e("li",[e("code",[t._v("onDblclick")]),t._v(" was removed. Use "),e("code",[t._v("dblclick")]),t._v(" instead.")]),t._v(" "),e("li",[e("code",[t._v("onContextmenu")]),t._v(" was removed.")]),t._v(" "),e("li",[e("code",[t._v("onWheel")]),t._v(" was removed.")])]),t._v(" "),e("h3",{attrs:{id:"line"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#line"}},[t._v("#")]),t._v(" Line")]),t._v(" "),e("ul",[e("li",[e("code",[t._v("mode")]),t._v(" was removed. The mode is automatically calculated based on the scale.")]),t._v(" "),e("li",[e("code",[t._v("position")]),t._v(" values were changed to "),e("code",[t._v("'start'")]),t._v(", "),e("code",[t._v("'center'")]),t._v(" and "),e("code",[t._v("'end'")]),t._v(".\n"),e("ul",[e("li",[e("code",[t._v("'start'")]),t._v(" replaces previous "),e("code",[t._v("'left'")]),t._v(" and "),e("code",[t._v("'top'")]),t._v(".")]),t._v(" "),e("li",[e("code",[t._v("'end'")]),t._v(" replaces previous "),e("code",[t._v("'right'")]),t._v(" and "),e("code",[t._v("'bottom'")]),t._v(".")])])])]),t._v(" "),e("h4",{attrs:{id:"label"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#label"}},[t._v("#")]),t._v(" Label")]),t._v(" "),e("ul",[e("li",[e("code",[t._v("fontColor")]),t._v(" was renamed to "),e("code",[t._v("font.color")])]),t._v(" "),e("li",[e("code",[t._v("fontFamily")]),t._v(" was renamed to "),e("code",[t._v("font.family")])]),t._v(" "),e("li",[e("code",[t._v("fontSize")]),t._v(" was renamed to "),e("code",[t._v("font.size")])]),t._v(" "),e("li",[e("code",[t._v("fontStyle")]),t._v(" was renamed to "),e("code",[t._v("font.style")])]),t._v(" "),e("li",[e("code",[t._v("lineHeight")]),t._v(" was renamed to "),e("code",[t._v("font.lineHeight")])])]),t._v(" "),e("h2",{attrs:{id:"event-hooks"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#event-hooks"}},[t._v("#")]),t._v(" Event hooks")]),t._v(" "),e("ul",[e("li",[t._v("Event hooks are now supplied with single "),e("code",[t._v("context")]),t._v(" parameter, containing "),e("code",[t._v("chart")]),t._v(" and "),e("code",[t._v("element")]),t._v(" properties. "),e("code",[t._v("chart")]),t._v(" is the chart instance and "),e("code",[t._v("element")]),t._v(" is the event target annotation element.")]),t._v(" "),e("li",[t._v("Events are now fired from "),e("code",[t._v("beforeEvent")]),t._v(" hook.")])])])}),[],!1,null,null,null);e.default=n.exports}}]); \ No newline at end of file diff --git a/master/assets/js/50.b2854027.js b/master/assets/js/50.4e29bfbd.js similarity index 95% rename from master/assets/js/50.b2854027.js rename to master/assets/js/50.4e29bfbd.js index 0c6d0bfe5..fdf2e8093 100644 --- a/master/assets/js/50.b2854027.js +++ b/master/assets/js/50.4e29bfbd.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[50],{461:function(t,e,a){"use strict";a.r(e);var n=a(4),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:"_3-x-migration-guide"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#_3-x-migration-guide"}},[t._v("#")]),t._v(" 3.x Migration Guide")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("chartjs-plugin-annotation")])]),t._v(" plugin version 3 becomes an "),e("a",{attrs:{href:"https://nodejs.org/api/esm.html",target:"_blank",rel:"noopener noreferrer"}},[t._v("ESM-only package"),e("OutboundLink")],1),t._v(".\nThe "),e("RouterLink",{attrs:{to:"/guide/integration.html#script-tag"}},[t._v("UMD bundle")]),t._v(" is still available.")],1),t._v(" "),e("h2",{attrs:{id:"chart-js-version"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#chart-js-version"}},[t._v("#")]),t._v(" Chart.js version")]),t._v(" "),e("p",[t._v("The annotation plugin requires at least version 4.0.0 to work because of Chart.js becomes an ESM-only package.")]),t._v(" "),e("h3",{attrs:{id:"type-changes"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-changes"}},[t._v("#")]),t._v(" Type changes")]),t._v(" "),e("ul",[e("li",[t._v("The "),e("code",[t._v("init")]),t._v(" options callback return value types have been changed from "),e("code",[t._v("void | boolean | AnnotationBoxModel")]),t._v(" to "),e("code",[t._v("void | boolean | AnnotationElement")]),t._v(".")])])])}),[],!1,null,null,null);e.default=o.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[50],{462:function(t,e,a){"use strict";a.r(e);var n=a(4),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:"_3-x-migration-guide"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#_3-x-migration-guide"}},[t._v("#")]),t._v(" 3.x Migration Guide")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("chartjs-plugin-annotation")])]),t._v(" plugin version 3 becomes an "),e("a",{attrs:{href:"https://nodejs.org/api/esm.html",target:"_blank",rel:"noopener noreferrer"}},[t._v("ESM-only package"),e("OutboundLink")],1),t._v(".\nThe "),e("RouterLink",{attrs:{to:"/guide/integration.html#script-tag"}},[t._v("UMD bundle")]),t._v(" is still available.")],1),t._v(" "),e("h2",{attrs:{id:"chart-js-version"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#chart-js-version"}},[t._v("#")]),t._v(" Chart.js version")]),t._v(" "),e("p",[t._v("The annotation plugin requires at least version 4.0.0 to work because of Chart.js becomes an ESM-only package.")]),t._v(" "),e("h3",{attrs:{id:"type-changes"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-changes"}},[t._v("#")]),t._v(" Type changes")]),t._v(" "),e("ul",[e("li",[t._v("The "),e("code",[t._v("init")]),t._v(" options callback return value types have been changed from "),e("code",[t._v("void | boolean | AnnotationBoxModel")]),t._v(" to "),e("code",[t._v("void | boolean | AnnotationElement")]),t._v(".")])])])}),[],!1,null,null,null);e.default=o.exports}}]); \ No newline at end of file diff --git a/master/assets/js/51.dcfbacd7.js b/master/assets/js/51.c8c5ecee.js similarity index 99% rename from master/assets/js/51.dcfbacd7.js rename to master/assets/js/51.c8c5ecee.js index af073011d..b9048fcbf 100644 --- a/master/assets/js/51.dcfbacd7.js +++ b/master/assets/js/51.c8c5ecee.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[51],{463:function(t,e,a){"use strict";a.r(e);var n=a(4),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:"options"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#options"}},[t._v("#")]),t._v(" Options")]),t._v(" "),e("h2",{attrs:{id:"color"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#color"}},[t._v("#")]),t._v(" Color")]),t._v(" "),e("p",[t._v("Any color supported by "),e("a",{attrs:{href:"https://www.chartjs.org/docs/master/general/colors",target:"_blank",rel:"noopener noreferrer"}},[t._v("chart.js"),e("OutboundLink")],1),t._v(" is supported by the annotation plugin.")]),t._v(" "),e("h2",{attrs:{id:"font"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#font"}},[t._v("#")]),t._v(" Font")]),t._v(" "),e("p",[t._v("Fonts use the same format as "),e("a",{attrs:{href:"https://www.chartjs.org/docs/master/general/fonts",target:"_blank",rel:"noopener noreferrer"}},[t._v("chart.js"),e("OutboundLink")],1),t._v(".")]),t._v(" "),e("h2",{attrs:{id:"padding"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#padding"}},[t._v("#")]),t._v(" Padding")]),t._v(" "),e("p",[t._v("Paddings use the same format as "),e("a",{attrs:{href:"https://www.chartjs.org/docs/master/general/padding.html",target:"_blank",rel:"noopener noreferrer"}},[t._v("chart.js"),e("OutboundLink")],1),t._v(".")]),t._v(" "),e("h2",{attrs:{id:"point-style"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#point-style"}},[t._v("#")]),t._v(" Point Style")]),t._v(" "),e("p",[t._v("Point styles use the same format as "),e("a",{attrs:{href:"https://www.chartjs.org/docs/master/configuration/elements.html#point-styles",target:"_blank",rel:"noopener noreferrer"}},[t._v("chart.js"),e("OutboundLink")],1),t._v(".")]),t._v(" "),e("h2",{attrs:{id:"interaction"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interaction"}},[t._v("#")]),t._v(" Interaction")]),t._v(" "),e("p",[t._v("Interaction uses the same format as "),e("a",{attrs:{href:"https://www.chartjs.org/docs/latest/configuration/interactions.html#interactions",target:"_blank",rel:"noopener noreferrer"}},[t._v("chart.js"),e("OutboundLink")],1),t._v(".")]),t._v(" "),e("div",{staticClass:"custom-block warning"},[e("p",{staticClass:"custom-block-title"},[t._v("WARNING")]),t._v(" "),e("p",[t._v("Interaction "),e("code",[t._v("index")]),t._v(" and "),e("code",[t._v("dataset")]),t._v(" modes are not supported by the plugin. If set, the plugin will use "),e("code",[t._v("nearest")]),t._v(" mode.")]),t._v(" "),e("p",[t._v("Interaction "),e("code",[t._v("r")]),t._v(" axis is not supported by the plugin. If set, the plugin will use "),e("code",[t._v("xy")]),t._v(" mode.")])]),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("As with most options in chart.js, the annotation plugin options are scriptable. This means that a function can be passed which returns the value as needed. In the example below, the annotation is hidden when the screen is less than 1000px wide.\nThe function receives 2 arguments, first is the "),e("a",{attrs:{href:"#option-context"}},[t._v("option context")]),t._v(" representing contextual information. An options resolver is passed as second argument, which can be used to access the options that were originally passed in to configure the annotation element.")]),t._v(" "),e("chart-editor",{attrs:{code:"/* */\nconst options = {\n plugins: {\n annotation: {\n annotations: {\n box1: {\n drawTime: 'afterDatasetsDraw',\n display: (context, opts) => {\n const body = document.querySelector('body');\n const rect = body.getBoundingClientRect();\n return rect.width >= 1000;\n },\n type: 'box',\n xMin: 1,\n xMax: 2,\n yMin: 50,\n yMax: 70,\n backgroundColor: 'rgba(255, 99, 132, 0.5)'\n }\n }\n }\n }\n};\n/* */\n\n/* */\nconst config = {\n type: 'line',\n data: {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\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 options\n};\n/* */\n\nmodule.exports = {\n config\n};\n"}}),e("h2",{attrs:{id:"draw-time"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#draw-time"}},[t._v("#")]),t._v(" Draw Time")]),t._v(" "),e("p",[t._v("The "),e("code",[t._v("drawTime")]),t._v(" option for an annotation determines where in the chart lifecycle the drawing occurs. Four potential predefined options are available:")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Option")]),t._v(" "),e("th",[t._v("Notes")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("'beforeDraw'")])]),t._v(" "),e("td",[t._v("Occurs before any drawing takes place")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("'beforeDatasetsDraw'")])]),t._v(" "),e("td",[t._v("Occurs after drawing of axes, but before datasets")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("'afterDatasetsDraw'")])]),t._v(" "),e("td",[t._v("Occurs after drawing of datasets but before items such as the tooltip")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("'afterDraw'")])]),t._v(" "),e("td",[t._v("After other drawing is completed.")])])])]),t._v(" "),e("p",[t._v("Furthermore, the "),e("code",[t._v("drawTime")]),t._v(" option can be set as number which represents the dataset index used to draw the annotation, before that dataset will be.")]),t._v(" "),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 only applies to scriptable options. The object is preserved, so it can be used to store and pass information between calls / options.")]),t._v(" "),e("p",[t._v("There are 2 levels of option context objects:")]),t._v(" "),e("ul",[e("li",[e("code",[t._v("chart")]),t._v(" "),e("ul",[e("li",[e("code",[t._v("annotation")])])])])]),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("p",[t._v("The "),e("a",{attrs:{href:"#chart"}},[t._v("chart")]),t._v(" option context is provided by Chart.js. It is passed to scriptable options when resolving annotation "),e("code",[t._v("id")]),t._v(", "),e("code",[t._v("type")]),t._v(" and "),e("code",[t._v("drawTime")]),t._v(" or adjusting scale ranges in "),e("code",[t._v("afterDataLimits")]),t._v(" hook. The options resolved at that time are "),e("code",[t._v("scaleID")]),t._v(", "),e("code",[t._v("xScaleID")]),t._v(", "),e("code",[t._v("yScaleID")]),t._v(", "),e("code",[t._v("value")]),t._v(", "),e("code",[t._v("endValue")]),t._v(", "),e("code",[t._v("xMin")]),t._v(", "),e("code",[t._v("xMax")]),t._v(", "),e("code",[t._v("yMin")]),t._v(", "),e("code",[t._v("yMax")]),t._v(", "),e("code",[t._v("xValue")]),t._v(" and "),e("code",[t._v("yValue")]),t._v(".")]),t._v(" "),e("h3",{attrs:{id:"annotation"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#annotation"}},[t._v("#")]),t._v(" annotation")]),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("id")]),t._v(": the annotation id")]),t._v(" "),e("li",[e("code",[t._v("element")]),t._v(": the annotation element")]),t._v(" "),e("li",[e("code",[t._v("elements")]),t._v(": the array which contains the already created annotation elements.")]),t._v(" "),e("li",[e("code",[t._v("type")]),t._v(": "),e("code",[t._v("'annotation'")])])]),t._v(" "),e("p",[t._v("The "),e("a",{attrs:{href:"#annotation"}},[t._v("annotation")]),t._v(" option context is passed to scriptable options in all other cases, except when resolving "),e("code",[t._v("id")]),t._v(", "),e("code",[t._v("type")]),t._v(" or adjusting scale ranges. The same values resolved in "),e("code",[t._v("afterDataLimits")]),t._v(" with "),e("a",{attrs:{href:"#chart"}},[t._v("chart")]),t._v(" context are again evaluated in "),e("code",[t._v("afterUpdate")]),t._v(" with "),e("a",{attrs:{href:"#annotation"}},[t._v("annotation")]),t._v(" context.")]),t._v(" "),e("p",[t._v("Note that the annotation element may be undefined or partially uninitialized, since scriptable options may be invoked during the initial chart display, before everything's been resolved and initialized.")])],1)}),[],!1,null,null,null);e.default=o.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[51],{465:function(t,e,a){"use strict";a.r(e);var n=a(4),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:"options"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#options"}},[t._v("#")]),t._v(" Options")]),t._v(" "),e("h2",{attrs:{id:"color"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#color"}},[t._v("#")]),t._v(" Color")]),t._v(" "),e("p",[t._v("Any color supported by "),e("a",{attrs:{href:"https://www.chartjs.org/docs/master/general/colors",target:"_blank",rel:"noopener noreferrer"}},[t._v("chart.js"),e("OutboundLink")],1),t._v(" is supported by the annotation plugin.")]),t._v(" "),e("h2",{attrs:{id:"font"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#font"}},[t._v("#")]),t._v(" Font")]),t._v(" "),e("p",[t._v("Fonts use the same format as "),e("a",{attrs:{href:"https://www.chartjs.org/docs/master/general/fonts",target:"_blank",rel:"noopener noreferrer"}},[t._v("chart.js"),e("OutboundLink")],1),t._v(".")]),t._v(" "),e("h2",{attrs:{id:"padding"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#padding"}},[t._v("#")]),t._v(" Padding")]),t._v(" "),e("p",[t._v("Paddings use the same format as "),e("a",{attrs:{href:"https://www.chartjs.org/docs/master/general/padding.html",target:"_blank",rel:"noopener noreferrer"}},[t._v("chart.js"),e("OutboundLink")],1),t._v(".")]),t._v(" "),e("h2",{attrs:{id:"point-style"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#point-style"}},[t._v("#")]),t._v(" Point Style")]),t._v(" "),e("p",[t._v("Point styles use the same format as "),e("a",{attrs:{href:"https://www.chartjs.org/docs/master/configuration/elements.html#point-styles",target:"_blank",rel:"noopener noreferrer"}},[t._v("chart.js"),e("OutboundLink")],1),t._v(".")]),t._v(" "),e("h2",{attrs:{id:"interaction"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interaction"}},[t._v("#")]),t._v(" Interaction")]),t._v(" "),e("p",[t._v("Interaction uses the same format as "),e("a",{attrs:{href:"https://www.chartjs.org/docs/latest/configuration/interactions.html#interactions",target:"_blank",rel:"noopener noreferrer"}},[t._v("chart.js"),e("OutboundLink")],1),t._v(".")]),t._v(" "),e("div",{staticClass:"custom-block warning"},[e("p",{staticClass:"custom-block-title"},[t._v("WARNING")]),t._v(" "),e("p",[t._v("Interaction "),e("code",[t._v("index")]),t._v(" and "),e("code",[t._v("dataset")]),t._v(" modes are not supported by the plugin. If set, the plugin will use "),e("code",[t._v("nearest")]),t._v(" mode.")]),t._v(" "),e("p",[t._v("Interaction "),e("code",[t._v("r")]),t._v(" axis is not supported by the plugin. If set, the plugin will use "),e("code",[t._v("xy")]),t._v(" mode.")])]),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("As with most options in chart.js, the annotation plugin options are scriptable. This means that a function can be passed which returns the value as needed. In the example below, the annotation is hidden when the screen is less than 1000px wide.\nThe function receives 2 arguments, first is the "),e("a",{attrs:{href:"#option-context"}},[t._v("option context")]),t._v(" representing contextual information. An options resolver is passed as second argument, which can be used to access the options that were originally passed in to configure the annotation element.")]),t._v(" "),e("chart-editor",{attrs:{code:"/* */\nconst options = {\n plugins: {\n annotation: {\n annotations: {\n box1: {\n drawTime: 'afterDatasetsDraw',\n display: (context, opts) => {\n const body = document.querySelector('body');\n const rect = body.getBoundingClientRect();\n return rect.width >= 1000;\n },\n type: 'box',\n xMin: 1,\n xMax: 2,\n yMin: 50,\n yMax: 70,\n backgroundColor: 'rgba(255, 99, 132, 0.5)'\n }\n }\n }\n }\n};\n/* */\n\n/* */\nconst config = {\n type: 'line',\n data: {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\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 options\n};\n/* */\n\nmodule.exports = {\n config\n};\n"}}),e("h2",{attrs:{id:"draw-time"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#draw-time"}},[t._v("#")]),t._v(" Draw Time")]),t._v(" "),e("p",[t._v("The "),e("code",[t._v("drawTime")]),t._v(" option for an annotation determines where in the chart lifecycle the drawing occurs. Four potential predefined options are available:")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Option")]),t._v(" "),e("th",[t._v("Notes")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("'beforeDraw'")])]),t._v(" "),e("td",[t._v("Occurs before any drawing takes place")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("'beforeDatasetsDraw'")])]),t._v(" "),e("td",[t._v("Occurs after drawing of axes, but before datasets")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("'afterDatasetsDraw'")])]),t._v(" "),e("td",[t._v("Occurs after drawing of datasets but before items such as the tooltip")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("'afterDraw'")])]),t._v(" "),e("td",[t._v("After other drawing is completed.")])])])]),t._v(" "),e("p",[t._v("Furthermore, the "),e("code",[t._v("drawTime")]),t._v(" option can be set as number which represents the dataset index used to draw the annotation, before that dataset will be.")]),t._v(" "),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 only applies to scriptable options. The object is preserved, so it can be used to store and pass information between calls / options.")]),t._v(" "),e("p",[t._v("There are 2 levels of option context objects:")]),t._v(" "),e("ul",[e("li",[e("code",[t._v("chart")]),t._v(" "),e("ul",[e("li",[e("code",[t._v("annotation")])])])])]),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("p",[t._v("The "),e("a",{attrs:{href:"#chart"}},[t._v("chart")]),t._v(" option context is provided by Chart.js. It is passed to scriptable options when resolving annotation "),e("code",[t._v("id")]),t._v(", "),e("code",[t._v("type")]),t._v(" and "),e("code",[t._v("drawTime")]),t._v(" or adjusting scale ranges in "),e("code",[t._v("afterDataLimits")]),t._v(" hook. The options resolved at that time are "),e("code",[t._v("scaleID")]),t._v(", "),e("code",[t._v("xScaleID")]),t._v(", "),e("code",[t._v("yScaleID")]),t._v(", "),e("code",[t._v("value")]),t._v(", "),e("code",[t._v("endValue")]),t._v(", "),e("code",[t._v("xMin")]),t._v(", "),e("code",[t._v("xMax")]),t._v(", "),e("code",[t._v("yMin")]),t._v(", "),e("code",[t._v("yMax")]),t._v(", "),e("code",[t._v("xValue")]),t._v(" and "),e("code",[t._v("yValue")]),t._v(".")]),t._v(" "),e("h3",{attrs:{id:"annotation"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#annotation"}},[t._v("#")]),t._v(" annotation")]),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("id")]),t._v(": the annotation id")]),t._v(" "),e("li",[e("code",[t._v("element")]),t._v(": the annotation element")]),t._v(" "),e("li",[e("code",[t._v("elements")]),t._v(": the array which contains the already created annotation elements.")]),t._v(" "),e("li",[e("code",[t._v("type")]),t._v(": "),e("code",[t._v("'annotation'")])])]),t._v(" "),e("p",[t._v("The "),e("a",{attrs:{href:"#annotation"}},[t._v("annotation")]),t._v(" option context is passed to scriptable options in all other cases, except when resolving "),e("code",[t._v("id")]),t._v(", "),e("code",[t._v("type")]),t._v(" or adjusting scale ranges. The same values resolved in "),e("code",[t._v("afterDataLimits")]),t._v(" with "),e("a",{attrs:{href:"#chart"}},[t._v("chart")]),t._v(" context are again evaluated in "),e("code",[t._v("afterUpdate")]),t._v(" with "),e("a",{attrs:{href:"#annotation"}},[t._v("annotation")]),t._v(" context.")]),t._v(" "),e("p",[t._v("Note that the annotation element may be undefined or partially uninitialized, since scriptable options may be invoked during the initial chart display, before everything's been resolved and initialized.")])],1)}),[],!1,null,null,null);e.default=o.exports}}]); \ No newline at end of file diff --git a/master/assets/js/52.1e1dcf66.js b/master/assets/js/52.be775eb3.js similarity index 99% rename from master/assets/js/52.1e1dcf66.js rename to master/assets/js/52.be775eb3.js index 8093537ad..ee9145fee 100644 --- a/master/assets/js/52.1e1dcf66.js +++ b/master/assets/js/52.be775eb3.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[52],{464:function(e,t,o){"use strict";o.r(t);var n=o(4),a=Object(n.a)({},(function(){var e=this,t=e._self._c;return t("ContentSlotsDistributor",{attrs:{"slot-key":e.$parent.slotKey}},[t("h2",{attrs:{id:"label"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#label"}},[e._v("#")]),e._v(" Label")]),e._v(" "),t("p",[e._v("Namespace: "),t("code",[e._v("options.annotations[annotationID].label")]),e._v(", it defines options for the the label of annotation.")]),e._v(" "),t("p",[e._v("All of these options can be "),t("RouterLink",{attrs:{to:"/guide/options.html#scriptable-options"}},[e._v("Scriptable")])],1),e._v(" "),t("table",[t("thead",[t("tr",[t("th",[e._v("Name")]),e._v(" "),t("th",[e._v("Type")]),e._v(" "),t("th",{staticStyle:{"text-align":"center"}},[e._v("Default")]),e._v(" "),t("th",[e._v("Notes")])])]),e._v(" "),t("tbody",[t("tr",[t("td",[t("a",{attrs:{href:"#fonts-and-colors"}},[t("code",[e._v("color")])])]),e._v(" "),t("td",[t("a",{attrs:{href:"../options#color"}},[t("code",[e._v("Color")]),e._v("|"),t("code",[e._v("Color[]")])])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("'black'")])]),e._v(" "),t("td",[e._v("Text color.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("content")])]),e._v(" "),t("td",[t("code",[e._v("string")]),e._v("|"),t("code",[e._v("string[]")]),e._v("|"),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/Image",target:"_blank",rel:"noopener noreferrer"}},[t("code",[e._v("Image")]),t("OutboundLink")],1),e._v("|"),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement",target:"_blank",rel:"noopener noreferrer"}},[t("code",[e._v("HTMLCanvasElement")]),t("OutboundLink")],1)]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("null")])]),e._v(" "),t("td",[e._v("The content to show in the label.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("display")])]),e._v(" "),t("td",[t("code",[e._v("boolean")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("false")])]),e._v(" "),t("td",[e._v("Whether or not the label is shown.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("drawTime")])]),e._v(" "),t("td",[t("code",[e._v("string")]),e._v("|"),t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("options.drawTime")])]),e._v(" "),t("td",[e._v("See "),t("a",{attrs:{href:"../options#draw-time"}},[e._v("drawTime")]),e._v(". Defaults to the annotation draw time if unset")])]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#fonts-and-colors"}},[t("code",[e._v("font")])])]),e._v(" "),t("td",[t("a",{attrs:{href:"../options#font"}},[t("code",[e._v("Font")]),e._v("|"),t("code",[e._v("Font[]")])])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("{ weight: 'bold' }")])]),e._v(" "),t("td",[e._v("Label font")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("height")])]),e._v(" "),t("td",[t("code",[e._v("number")]),e._v("|"),t("code",[e._v("string")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("undefined")])]),e._v(" "),t("td",[e._v("Overrides the height of the image or canvas element. Could be set in pixel by a number, or in percentage of current height of image or canvas element by a string. If undefined, uses the height of the image or canvas element. It is used only when the content is an image or canvas element.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("hitTolerance")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("undefined")])]),e._v(" "),t("td",[e._v("Amount of pixels to interact with annotations within some distance of the mouse point.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("opacity")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("undefined")])]),e._v(" "),t("td",[e._v("Overrides the opacity of the image or canvas element. Could be set a number in the range 0.0 to 1.0, inclusive. If undefined, uses the opacity of the image or canvas element. It is used only when the content is an image or canvas element.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("padding")])]),e._v(" "),t("td",[t("RouterLink",{attrs:{to:"/guide/options.html#padding"}},[t("code",[e._v("Padding")])])],1),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("6")])]),e._v(" "),t("td",[e._v("The padding to add around the text label.")])]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#position"}},[t("code",[e._v("position")])])]),e._v(" "),t("td",[t("code",[e._v("string")]),e._v("|"),t("code",[e._v("{x: string, y: string}")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("'center'")])]),e._v(" "),t("td",[e._v("Anchor position of label in the annotation.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("rotation")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("undefined")])]),e._v(" "),t("td",[e._v("Rotation of label, in degrees. If "),t("code",[e._v("undefined")]),e._v(", the annotation rotation is used.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("textAlign")])]),e._v(" "),t("td",[t("code",[e._v("string")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("'start'")])]),e._v(" "),t("td",[e._v("Text alignment of label content when there's more than one line. Possible options are: "),t("code",[e._v("'left'")]),e._v(", "),t("code",[e._v("'start'")]),e._v(", "),t("code",[e._v("'center'")]),e._v(", "),t("code",[e._v("'end'")]),e._v(", "),t("code",[e._v("'right'")]),e._v(".")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("textStrokeColor")])]),e._v(" "),t("td",[t("RouterLink",{attrs:{to:"/guide/options.html#color"}},[t("code",[e._v("Color")])])],1),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("undefined")])]),e._v(" "),t("td",[e._v("The color of the stroke around the text.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("textStrokeWidth")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("0")])]),e._v(" "),t("td",[e._v("Stroke width around the text.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("width")])]),e._v(" "),t("td",[t("code",[e._v("number")]),e._v("|"),t("code",[e._v("string")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("undefined")])]),e._v(" "),t("td",[e._v("Overrides the width of the image or canvas element. Could be set in pixel by a number, or in percentage of current width of image or canvas element by a string. If undefined, uses the width of the image or canvas element. It is used only when the content is an image or canvas element.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("xAdjust")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("0")])]),e._v(" "),t("td",[e._v("Adjustment along x-axis (left-right) of label relative to computed position. Negative values move the label left, positive right.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("yAdjust")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("0")])]),e._v(" "),t("td",[e._v("Adjustment along y-axis (top-bottom) of label relative to computed position. Negative values move the label up, positive down.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("z")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("0")])]),e._v(" "),t("td",[e._v("It determines the drawing stack level of the label element, with same "),t("code",[e._v("drawTime")]),e._v(".")])])])]),e._v(" "),t("h3",{attrs:{id:"position"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#position"}},[e._v("#")]),e._v(" Position")]),e._v(" "),t("p",[e._v("A position can be set in 2 different values types:")]),e._v(" "),t("ol",[t("li",[t("code",[e._v("'start'")]),e._v(", "),t("code",[e._v("'center'")]),e._v(", "),t("code",[e._v("'end'")]),e._v(" which are defining where the label will be located")]),e._v(" "),t("li",[e._v("a "),t("code",[e._v("string")]),e._v(", in percentage format "),t("code",[e._v("'number%'")]),e._v(", is representing the percentage on the size where the label will be located")])]),e._v(" "),t("p",[e._v("If this value is a string (possible options are "),t("code",[e._v("'start'")]),e._v(", "),t("code",[e._v("'center'")]),e._v(", "),t("code",[e._v("'end'")]),e._v(" or a string in percentage format), it is applied to vertical and horizontal position in the annotation.")]),e._v(" "),t("p",[e._v("If this value is an object, the "),t("code",[e._v("x")]),e._v(" property defines the horizontal alignment in the annotation. Similarly, the "),t("code",[e._v("y")]),e._v(" property defines the vertical alignment in the annotation. Possible options for both properties are "),t("code",[e._v("'start'")]),e._v(", "),t("code",[e._v("'center'")]),e._v(", "),t("code",[e._v("'end'")]),e._v(", a string in percentage format. Omitted property have value of the default, "),t("code",[e._v("'center'")]),e._v(".")]),e._v(" "),t("h3",{attrs:{id:"fonts-and-colors"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#fonts-and-colors"}},[e._v("#")]),e._v(" Fonts and colors")]),e._v(" "),t("p",[e._v("When the label to draw has multiple lines, you can use different font and color for each line of the label. This is enabled configuring an array of fonts or colors for those options. When the lines are more than the configured fonts of colors, the last configuration of those options is used for all remaining lines.")])])}),[],!1,null,null,null);t.default=a.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[52],{463:function(e,t,o){"use strict";o.r(t);var n=o(4),a=Object(n.a)({},(function(){var e=this,t=e._self._c;return t("ContentSlotsDistributor",{attrs:{"slot-key":e.$parent.slotKey}},[t("h2",{attrs:{id:"label"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#label"}},[e._v("#")]),e._v(" Label")]),e._v(" "),t("p",[e._v("Namespace: "),t("code",[e._v("options.annotations[annotationID].label")]),e._v(", it defines options for the the label of annotation.")]),e._v(" "),t("p",[e._v("All of these options can be "),t("RouterLink",{attrs:{to:"/guide/options.html#scriptable-options"}},[e._v("Scriptable")])],1),e._v(" "),t("table",[t("thead",[t("tr",[t("th",[e._v("Name")]),e._v(" "),t("th",[e._v("Type")]),e._v(" "),t("th",{staticStyle:{"text-align":"center"}},[e._v("Default")]),e._v(" "),t("th",[e._v("Notes")])])]),e._v(" "),t("tbody",[t("tr",[t("td",[t("a",{attrs:{href:"#fonts-and-colors"}},[t("code",[e._v("color")])])]),e._v(" "),t("td",[t("a",{attrs:{href:"../options#color"}},[t("code",[e._v("Color")]),e._v("|"),t("code",[e._v("Color[]")])])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("'black'")])]),e._v(" "),t("td",[e._v("Text color.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("content")])]),e._v(" "),t("td",[t("code",[e._v("string")]),e._v("|"),t("code",[e._v("string[]")]),e._v("|"),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/Image",target:"_blank",rel:"noopener noreferrer"}},[t("code",[e._v("Image")]),t("OutboundLink")],1),e._v("|"),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement",target:"_blank",rel:"noopener noreferrer"}},[t("code",[e._v("HTMLCanvasElement")]),t("OutboundLink")],1)]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("null")])]),e._v(" "),t("td",[e._v("The content to show in the label.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("display")])]),e._v(" "),t("td",[t("code",[e._v("boolean")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("false")])]),e._v(" "),t("td",[e._v("Whether or not the label is shown.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("drawTime")])]),e._v(" "),t("td",[t("code",[e._v("string")]),e._v("|"),t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("options.drawTime")])]),e._v(" "),t("td",[e._v("See "),t("a",{attrs:{href:"../options#draw-time"}},[e._v("drawTime")]),e._v(". Defaults to the annotation draw time if unset")])]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#fonts-and-colors"}},[t("code",[e._v("font")])])]),e._v(" "),t("td",[t("a",{attrs:{href:"../options#font"}},[t("code",[e._v("Font")]),e._v("|"),t("code",[e._v("Font[]")])])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("{ weight: 'bold' }")])]),e._v(" "),t("td",[e._v("Label font")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("height")])]),e._v(" "),t("td",[t("code",[e._v("number")]),e._v("|"),t("code",[e._v("string")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("undefined")])]),e._v(" "),t("td",[e._v("Overrides the height of the image or canvas element. Could be set in pixel by a number, or in percentage of current height of image or canvas element by a string. If undefined, uses the height of the image or canvas element. It is used only when the content is an image or canvas element.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("hitTolerance")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("undefined")])]),e._v(" "),t("td",[e._v("Amount of pixels to interact with annotations within some distance of the mouse point.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("opacity")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("undefined")])]),e._v(" "),t("td",[e._v("Overrides the opacity of the image or canvas element. Could be set a number in the range 0.0 to 1.0, inclusive. If undefined, uses the opacity of the image or canvas element. It is used only when the content is an image or canvas element.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("padding")])]),e._v(" "),t("td",[t("RouterLink",{attrs:{to:"/guide/options.html#padding"}},[t("code",[e._v("Padding")])])],1),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("6")])]),e._v(" "),t("td",[e._v("The padding to add around the text label.")])]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#position"}},[t("code",[e._v("position")])])]),e._v(" "),t("td",[t("code",[e._v("string")]),e._v("|"),t("code",[e._v("{x: string, y: string}")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("'center'")])]),e._v(" "),t("td",[e._v("Anchor position of label in the annotation.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("rotation")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("undefined")])]),e._v(" "),t("td",[e._v("Rotation of label, in degrees. If "),t("code",[e._v("undefined")]),e._v(", the annotation rotation is used.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("textAlign")])]),e._v(" "),t("td",[t("code",[e._v("string")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("'start'")])]),e._v(" "),t("td",[e._v("Text alignment of label content when there's more than one line. Possible options are: "),t("code",[e._v("'left'")]),e._v(", "),t("code",[e._v("'start'")]),e._v(", "),t("code",[e._v("'center'")]),e._v(", "),t("code",[e._v("'end'")]),e._v(", "),t("code",[e._v("'right'")]),e._v(".")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("textStrokeColor")])]),e._v(" "),t("td",[t("RouterLink",{attrs:{to:"/guide/options.html#color"}},[t("code",[e._v("Color")])])],1),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("undefined")])]),e._v(" "),t("td",[e._v("The color of the stroke around the text.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("textStrokeWidth")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("0")])]),e._v(" "),t("td",[e._v("Stroke width around the text.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("width")])]),e._v(" "),t("td",[t("code",[e._v("number")]),e._v("|"),t("code",[e._v("string")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("undefined")])]),e._v(" "),t("td",[e._v("Overrides the width of the image or canvas element. Could be set in pixel by a number, or in percentage of current width of image or canvas element by a string. If undefined, uses the width of the image or canvas element. It is used only when the content is an image or canvas element.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("xAdjust")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("0")])]),e._v(" "),t("td",[e._v("Adjustment along x-axis (left-right) of label relative to computed position. Negative values move the label left, positive right.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("yAdjust")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("0")])]),e._v(" "),t("td",[e._v("Adjustment along y-axis (top-bottom) of label relative to computed position. Negative values move the label up, positive down.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("z")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("0")])]),e._v(" "),t("td",[e._v("It determines the drawing stack level of the label element, with same "),t("code",[e._v("drawTime")]),e._v(".")])])])]),e._v(" "),t("h3",{attrs:{id:"position"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#position"}},[e._v("#")]),e._v(" Position")]),e._v(" "),t("p",[e._v("A position can be set in 2 different values types:")]),e._v(" "),t("ol",[t("li",[t("code",[e._v("'start'")]),e._v(", "),t("code",[e._v("'center'")]),e._v(", "),t("code",[e._v("'end'")]),e._v(" which are defining where the label will be located")]),e._v(" "),t("li",[e._v("a "),t("code",[e._v("string")]),e._v(", in percentage format "),t("code",[e._v("'number%'")]),e._v(", is representing the percentage on the size where the label will be located")])]),e._v(" "),t("p",[e._v("If this value is a string (possible options are "),t("code",[e._v("'start'")]),e._v(", "),t("code",[e._v("'center'")]),e._v(", "),t("code",[e._v("'end'")]),e._v(" or a string in percentage format), it is applied to vertical and horizontal position in the annotation.")]),e._v(" "),t("p",[e._v("If this value is an object, the "),t("code",[e._v("x")]),e._v(" property defines the horizontal alignment in the annotation. Similarly, the "),t("code",[e._v("y")]),e._v(" property defines the vertical alignment in the annotation. Possible options for both properties are "),t("code",[e._v("'start'")]),e._v(", "),t("code",[e._v("'center'")]),e._v(", "),t("code",[e._v("'end'")]),e._v(", a string in percentage format. Omitted property have value of the default, "),t("code",[e._v("'center'")]),e._v(".")]),e._v(" "),t("h3",{attrs:{id:"fonts-and-colors"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#fonts-and-colors"}},[e._v("#")]),e._v(" Fonts and colors")]),e._v(" "),t("p",[e._v("When the label to draw has multiple lines, you can use different font and color for each line of the label. This is enabled configuring an array of fonts or colors for those options. When the lines are more than the configured fonts of colors, the last configuration of those options is used for all remaining lines.")])])}),[],!1,null,null,null);t.default=a.exports}}]); \ No newline at end of file diff --git a/master/assets/js/53.10dfe427.js b/master/assets/js/53.c0c7d74b.js similarity index 99% rename from master/assets/js/53.10dfe427.js rename to master/assets/js/53.c0c7d74b.js index 4452092c8..f42f885a0 100644 --- a/master/assets/js/53.10dfe427.js +++ b/master/assets/js/53.c0c7d74b.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[53],{465:function(t,e,d){"use strict";d.r(e);var v=d(4),_=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-annotations"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#common-options-to-all-annotations"}},[t._v("#")]),t._v(" Common options to all annotations")]),t._v(" "),e("p",[t._v("The following options are available for all annotations.")]),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:"/guide/options.html#scriptable-options"}},[t._v("Scriptable")])],1),t._v(" "),e("th",[t._v("Default")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("adjustScaleRange")])])]),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(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("backgroundColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#color"}},[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("options.color")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#color"}},[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("options.color")])])]),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",[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",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderShadowColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#color"}},[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("'transparent'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("display")])])]),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(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("drawTime")])])]),t._v(" "),e("td",[e("code",[t._v("string")]),t._v("|"),e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'afterDatasetsDraw'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("hitTolerance")])])]),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("tr",[e("td",[e("RouterLink",{attrs:{to:"/guide/configuration.html#common"}},[e("code",[t._v("init")])])],1),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("RouterLink",{attrs:{to:"/guide/configuration.html#initial-animation"}},[t._v("See initial animation")])],1),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("id")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("No")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("shadowBlur")])])]),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("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("shadowOffsetX")])])]),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("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("shadowOffsetY")])])]),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("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("xMax")])])]),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("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("xMin")])])]),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("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("xScaleID")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),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:"#general"}},[e("code",[t._v("yMin")])])]),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("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("yMax")])])]),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("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("yScaleID")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),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:"#general"}},[e("code",[t._v("z")])])]),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")])])])])])])}),[],!1,null,null,null);e.default=_.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[53],{464:function(t,e,d){"use strict";d.r(e);var v=d(4),_=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-annotations"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#common-options-to-all-annotations"}},[t._v("#")]),t._v(" Common options to all annotations")]),t._v(" "),e("p",[t._v("The following options are available for all annotations.")]),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:"/guide/options.html#scriptable-options"}},[t._v("Scriptable")])],1),t._v(" "),e("th",[t._v("Default")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("adjustScaleRange")])])]),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(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("backgroundColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#color"}},[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("options.color")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#color"}},[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("options.color")])])]),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",[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",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderShadowColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#color"}},[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("'transparent'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("display")])])]),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(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("drawTime")])])]),t._v(" "),e("td",[e("code",[t._v("string")]),t._v("|"),e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'afterDatasetsDraw'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("hitTolerance")])])]),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("tr",[e("td",[e("RouterLink",{attrs:{to:"/guide/configuration.html#common"}},[e("code",[t._v("init")])])],1),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("RouterLink",{attrs:{to:"/guide/configuration.html#initial-animation"}},[t._v("See initial animation")])],1),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("id")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("No")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("shadowBlur")])])]),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("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("shadowOffsetX")])])]),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("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("shadowOffsetY")])])]),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("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("xMax")])])]),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("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("xMin")])])]),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("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("xScaleID")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),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:"#general"}},[e("code",[t._v("yMin")])])]),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("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("yMax")])])]),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("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("yScaleID")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),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:"#general"}},[e("code",[t._v("z")])])]),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")])])])])])])}),[],!1,null,null,null);e.default=_.exports}}]); \ No newline at end of file diff --git a/master/assets/js/54.44f89306.js b/master/assets/js/54.dcabf9ea.js similarity index 95% rename from master/assets/js/54.44f89306.js rename to master/assets/js/54.dcabf9ea.js index f960aefd8..9bccad377 100644 --- a/master/assets/js/54.44f89306.js +++ b/master/assets/js/54.dcabf9ea.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[54],{471:function(n,t,a){"use strict";a.r(t);var e=a(4),o=Object(e.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"usage"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#usage"}},[this._v("#")]),this._v(" Usage")]),this._v(" "),n("p",[this._v("Using the annotation plugin is very simple. Once the plugin is "),n("a",{attrs:{href:"./integration"}},[this._v("registered")]),this._v(" annotation options provided to the chart will be used. In this simple example, we define a single box annotation for our chart.")]),this._v(" "),n("chart-editor",{attrs:{code:"/* */\nconst config = {\n type: 'line',\n data: {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\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 options: {\n plugins: {\n annotation: {\n annotations: {\n box1: {\n // Indicates the type of annotation\n type: 'box',\n xMin: 1,\n xMax: 2,\n yMin: 50,\n yMax: 70,\n backgroundColor: 'rgba(255, 99, 132, 0.25)'\n }\n }\n }\n }\n }\n};\n/* */\n\nmodule.exports = {\n config\n};\n"}})],1)}),[],!1,null,null,null);t.default=o.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[54],{472:function(n,t,a){"use strict";a.r(t);var e=a(4),o=Object(e.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"usage"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#usage"}},[this._v("#")]),this._v(" Usage")]),this._v(" "),n("p",[this._v("Using the annotation plugin is very simple. Once the plugin is "),n("a",{attrs:{href:"./integration"}},[this._v("registered")]),this._v(" annotation options provided to the chart will be used. In this simple example, we define a single box annotation for our chart.")]),this._v(" "),n("chart-editor",{attrs:{code:"/* */\nconst config = {\n type: 'line',\n data: {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\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 options: {\n plugins: {\n annotation: {\n annotations: {\n box1: {\n // Indicates the type of annotation\n type: 'box',\n xMin: 1,\n xMax: 2,\n yMin: 50,\n yMax: 70,\n backgroundColor: 'rgba(255, 99, 132, 0.25)'\n }\n }\n }\n }\n }\n};\n/* */\n\nmodule.exports = {\n config\n};\n"}})],1)}),[],!1,null,null,null);t.default=o.exports}}]); \ No newline at end of file diff --git a/master/assets/js/55.46eec6e8.js b/master/assets/js/55.ef17ff5a.js similarity index 77% rename from master/assets/js/55.46eec6e8.js rename to master/assets/js/55.ef17ff5a.js index 8e82f6f53..15f5d78da 100644 --- a/master/assets/js/55.46eec6e8.js +++ b/master/assets/js/55.ef17ff5a.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[55],{472:function(t,n,s){"use strict";s.r(n);var e=s(4),o=Object(e.a)({},(function(){return(0,this._self._c)("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}})}),[],!1,null,null,null);n.default=o.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[55],{473:function(t,n,s){"use strict";s.r(n);var e=s(4),o=Object(e.a)({},(function(){return(0,this._self._c)("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}})}),[],!1,null,null,null);n.default=o.exports}}]); \ No newline at end of file diff --git a/master/assets/js/56.e96e956e.js b/master/assets/js/56.001c2053.js similarity index 97% rename from master/assets/js/56.e96e956e.js rename to master/assets/js/56.001c2053.js index 53bd33ce5..b0a281539 100644 --- a/master/assets/js/56.e96e956e.js +++ b/master/assets/js/56.001c2053.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[56],{473:function(n,t,a){"use strict";a.r(t);var o=a(4),i=Object(o.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"basic"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#basic"}},[this._v("#")]),this._v(" Basic")]),this._v(" "),n("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 8;\nconst MIN = [0, 50];\nconst MAX = [50, 100];\n\nUtils.srand(8);\n\nconst data = {\n datasets: [{\n data: Utils.points({count: DATA_COUNT, min: MIN[0], max: MAX[0]})\n }, {\n data: Utils.points({count: DATA_COUNT, min: MIN[1], max: MAX[1]})\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'box',\n backgroundColor: 'rgba(0, 150, 0, 0.02)',\n borderColor: 'rgba(0, 150, 0, 0.2)',\n borderRadius: 4,\n borderWidth: 1,\n xMax: (ctx) => max(ctx, 0, 'x') + 2,\n xMin: (ctx) => min(ctx, 0, 'x') - 2,\n yMax: (ctx) => max(ctx, 0, 'y') + 2,\n yMin: (ctx) => min(ctx, 0, 'y') - 2\n};\n// \n\n// \nconst annotation2 = {\n type: 'box',\n backgroundColor: 'rgba(150, 0, 0, 0.02)',\n borderColor: 'rgba(150, 0, 0, 0.2)',\n borderRadius: 4,\n borderWidth: 1,\n xMax: (ctx) => max(ctx, 1, 'x') + 2,\n xMin: (ctx) => min(ctx, 1, 'x') - 2,\n yMax: (ctx) => max(ctx, 1, 'y') + 2,\n yMin: (ctx) => min(ctx, 1, 'y') - 2\n};\n// \n\n/* */\nconst config = {\n type: 'scatter',\n data,\n options: {\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction min(ctx, datasetIndex, prop) {\n const dataset = ctx.chart.data.datasets[datasetIndex];\n return dataset.data.reduce((v, point) => Math.min(point[prop], v), Infinity);\n}\n\nfunction max(ctx, datasetIndex, prop) {\n const dataset = ctx.chart.data.datasets[datasetIndex];\n return dataset.data.reduce((v, point) => Math.max(point[prop], v), -Infinity);\n}\n\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.forEach(p => {\n p.x = Utils.rand(MIN[i], MAX[i]);\n p.y = Utils.rand(MIN[i], MAX[i]);\n });\n });\n chart.update();\n }\n },\n {\n name: 'Add data',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.push({x: Utils.rand(MIN[i], MAX[i]), y: Utils.rand(MIN[i], MAX[i])});\n });\n chart.update();\n }\n },\n {\n name: 'Remove data',\n handler: function(chart) {\n chart.data.labels.shift();\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.shift();\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n"}})],1)}),[],!1,null,null,null);t.default=i.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[56],{475:function(n,t,a){"use strict";a.r(t);var o=a(4),i=Object(o.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"basic"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#basic"}},[this._v("#")]),this._v(" Basic")]),this._v(" "),n("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 8;\nconst MIN = [0, 50];\nconst MAX = [50, 100];\n\nUtils.srand(8);\n\nconst data = {\n datasets: [{\n data: Utils.points({count: DATA_COUNT, min: MIN[0], max: MAX[0]})\n }, {\n data: Utils.points({count: DATA_COUNT, min: MIN[1], max: MAX[1]})\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'box',\n backgroundColor: 'rgba(0, 150, 0, 0.02)',\n borderColor: 'rgba(0, 150, 0, 0.2)',\n borderRadius: 4,\n borderWidth: 1,\n xMax: (ctx) => max(ctx, 0, 'x') + 2,\n xMin: (ctx) => min(ctx, 0, 'x') - 2,\n yMax: (ctx) => max(ctx, 0, 'y') + 2,\n yMin: (ctx) => min(ctx, 0, 'y') - 2\n};\n// \n\n// \nconst annotation2 = {\n type: 'box',\n backgroundColor: 'rgba(150, 0, 0, 0.02)',\n borderColor: 'rgba(150, 0, 0, 0.2)',\n borderRadius: 4,\n borderWidth: 1,\n xMax: (ctx) => max(ctx, 1, 'x') + 2,\n xMin: (ctx) => min(ctx, 1, 'x') - 2,\n yMax: (ctx) => max(ctx, 1, 'y') + 2,\n yMin: (ctx) => min(ctx, 1, 'y') - 2\n};\n// \n\n/* */\nconst config = {\n type: 'scatter',\n data,\n options: {\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction min(ctx, datasetIndex, prop) {\n const dataset = ctx.chart.data.datasets[datasetIndex];\n return dataset.data.reduce((v, point) => Math.min(point[prop], v), Infinity);\n}\n\nfunction max(ctx, datasetIndex, prop) {\n const dataset = ctx.chart.data.datasets[datasetIndex];\n return dataset.data.reduce((v, point) => Math.max(point[prop], v), -Infinity);\n}\n\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.forEach(p => {\n p.x = Utils.rand(MIN[i], MAX[i]);\n p.y = Utils.rand(MIN[i], MAX[i]);\n });\n });\n chart.update();\n }\n },\n {\n name: 'Add data',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.push({x: Utils.rand(MIN[i], MAX[i]), y: Utils.rand(MIN[i], MAX[i])});\n });\n chart.update();\n }\n },\n {\n name: 'Remove data',\n handler: function(chart) {\n chart.data.labels.shift();\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.shift();\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n"}})],1)}),[],!1,null,null,null);t.default=i.exports}}]); \ No newline at end of file diff --git a/master/assets/js/59.c4816b50.js b/master/assets/js/59.c442dfe3.js similarity index 98% rename from master/assets/js/59.c4816b50.js rename to master/assets/js/59.c442dfe3.js index 2141195bd..e3f4c9f53 100644 --- a/master/assets/js/59.c4816b50.js +++ b/master/assets/js/59.c442dfe3.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[59],{475:function(n,t,o){"use strict";o.r(t);var a=o(4),e=Object(a.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"magic-quadrant"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#magic-quadrant"}},[this._v("#")]),this._v(" Magic quadrant")]),this._v(" "),n("chart-editor",{attrs:{code:"// \nconst META = [[\n {color: 'rgb(255, 174, 201)', backgroundColor: 'rgba(255, 174, 201, 0.5)', label: 'Niche players'},\n {color: 'rgb(159, 168, 218)', backgroundColor: 'rgba(159, 168, 218, 0.5)', label: 'Visionaries'},\n], [\n {color: 'rgb(255, 245, 157)', backgroundColor: 'rgba(255, 245, 157, 0.5)', label: 'Challengers'},\n {color: 'rgb(165, 214, 167)', backgroundColor: 'rgba(165, 214, 167, 0.5)', label: 'Leaders'},\n]];\nconst DATA_COUNT = 12;\nconst MIN = 0.5;\nconst MAX = 9.5;\n\nconst data = {\n datasets: [{\n data: randomize(),\n pointRadius: 8\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'box',\n backgroundColor: (ctx) => gradient(ctx, META[1][0].backgroundColor),\n xMax: 5,\n yMin: 5,\n label: {\n content: META[1][0].label,\n position: {\n x: 'start',\n y: 'start'\n }\n }\n};\n// \n\n// \nconst annotation2 = {\n type: 'box',\n backgroundColor: (ctx) => gradient(ctx, META[1][1].backgroundColor, true),\n xMin: 5,\n yMin: 5,\n label: {\n content: META[1][1].label,\n position: {\n x: 'end',\n y: 'start'\n }\n }\n};\n// \n\n// \nconst annotation3 = {\n type: 'box',\n backgroundColor: (ctx) => gradient(ctx, META[0][0].backgroundColor),\n xMax: 5,\n yMax: 5,\n label: {\n content: META[0][0].label,\n position: {\n x: 'start',\n y: 'end'\n }\n }\n};\n// \n\n// \nconst annotation4 = {\n type: 'box',\n backgroundColor: (ctx) => gradient(ctx, META[0][1].backgroundColor, true),\n xMin: 5,\n yMax: 5,\n label: {\n content: META[0][1].label,\n position: {\n x: 'end',\n y: 'end'\n }\n }\n};\n// \n\n// \nfunction randomize() {\n const xValues = Utils.numbers({count: DATA_COUNT, min: MIN, max: MAX});\n const yValues = Utils.numbers({count: DATA_COUNT, min: MIN, max: MAX});\n const values = [];\n for (let i = 0; i < DATA_COUNT; i++) {\n values.push({x: xValues[i], y: yValues[i], co: 'Company ' + (i + 1)});\n }\n return values;\n}\n\nfunction gradient({chart: {ctx}, element}, color, rtl = false) {\n const g = ctx.createLinearGradient(element.x, element.y, element.x2, element.y);\n g.addColorStop(rtl ? 1 : 0, color);\n g.addColorStop(rtl ? 0 : 1, 'transparent');\n return g;\n}\n\nfunction gridColor(context) {\n if (context.tick.value === 5) {\n return 'lightGray';\n } else if (context.tick.value === 0 || context.tick.value === 10) {\n return 'lightGray';\n }\n return 'transparent';\n}\n// \n\n/* */\nconst config = {\n type: 'scatter',\n data,\n options: {\n layout: {\n padding: {\n top: 12\n }\n },\n elements: {\n boxAnnotation: {\n borderWidth: 0,\n label: {\n drawTime: 'beforeDatasetsDraw',\n display: true,\n font: {\n size: 20\n }\n }\n }\n },\n scales: {\n x: {\n beginAtZero: true,\n max: 10,\n min: 0,\n grid: {\n drawTicks: false,\n color: gridColor\n },\n ticks: {\n display: false\n },\n title: {\n display: true,\n text: 'Completeness of vision',\n padding: 10,\n font: {\n size: 20,\n weight: 'bold'\n }\n }\n },\n y: {\n display: true,\n beginAtZero: true,\n max: 10,\n min: 0,\n grid: {\n drawTicks: false,\n color: gridColor\n },\n ticks: {\n display: false\n },\n title: {\n display: true,\n text: 'Ability to execute',\n padding: 10,\n font: {\n size: 20,\n weight: 'bold'\n }\n }\n }\n },\n plugins: {\n annotation: {\n common: {\n drawTime: 'beforeDraw'\n },\n annotations: {\n annotation1,\n annotation2,\n annotation3,\n annotation4\n }\n },\n tooltip: {\n mode: 'nearest',\n intersect: true,\n usePointStyle: true,\n footerAlign: 'right',\n footerColor: 'lightGray',\n footerMarginTop: 10,\n callbacks: {\n title: (items) => items[0].raw.co,\n labelColor({raw}) {\n const x = raw.x > 5 ? 1 : 0;\n const y = raw.y > 5 ? 1 : 0;\n return {\n borderColor: META[y][x].color,\n backgroundColor: META[y][x].backgroundColor,\n borderWidth: 3\n };\n },\n label({raw}) {\n const x = raw.x > 5 ? 1 : 0;\n const y = raw.y > 5 ? 1 : 0;\n return META[y][x].label;\n },\n footer(items) {\n const {raw} = items[0];\n return ['Completeness of vision: ' + raw.x.toFixed(2), 'Ability to execute: ' + raw.y.toFixed(2)];\n }\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n const values = randomize();\n dataset.data.forEach((p, idx) => {\n const v = values[idx];\n p.x = v.x;\n p.y = v.y;\n p.co = v.co;\n });\n });\n chart.update();\n }\n },\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n"}})],1)}),[],!1,null,null,null);t.default=e.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[59],{477:function(n,t,o){"use strict";o.r(t);var a=o(4),e=Object(a.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"magic-quadrant"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#magic-quadrant"}},[this._v("#")]),this._v(" Magic quadrant")]),this._v(" "),n("chart-editor",{attrs:{code:"// \nconst META = [[\n {color: 'rgb(255, 174, 201)', backgroundColor: 'rgba(255, 174, 201, 0.5)', label: 'Niche players'},\n {color: 'rgb(159, 168, 218)', backgroundColor: 'rgba(159, 168, 218, 0.5)', label: 'Visionaries'},\n], [\n {color: 'rgb(255, 245, 157)', backgroundColor: 'rgba(255, 245, 157, 0.5)', label: 'Challengers'},\n {color: 'rgb(165, 214, 167)', backgroundColor: 'rgba(165, 214, 167, 0.5)', label: 'Leaders'},\n]];\nconst DATA_COUNT = 12;\nconst MIN = 0.5;\nconst MAX = 9.5;\n\nconst data = {\n datasets: [{\n data: randomize(),\n pointRadius: 8\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'box',\n backgroundColor: (ctx) => gradient(ctx, META[1][0].backgroundColor),\n xMax: 5,\n yMin: 5,\n label: {\n content: META[1][0].label,\n position: {\n x: 'start',\n y: 'start'\n }\n }\n};\n// \n\n// \nconst annotation2 = {\n type: 'box',\n backgroundColor: (ctx) => gradient(ctx, META[1][1].backgroundColor, true),\n xMin: 5,\n yMin: 5,\n label: {\n content: META[1][1].label,\n position: {\n x: 'end',\n y: 'start'\n }\n }\n};\n// \n\n// \nconst annotation3 = {\n type: 'box',\n backgroundColor: (ctx) => gradient(ctx, META[0][0].backgroundColor),\n xMax: 5,\n yMax: 5,\n label: {\n content: META[0][0].label,\n position: {\n x: 'start',\n y: 'end'\n }\n }\n};\n// \n\n// \nconst annotation4 = {\n type: 'box',\n backgroundColor: (ctx) => gradient(ctx, META[0][1].backgroundColor, true),\n xMin: 5,\n yMax: 5,\n label: {\n content: META[0][1].label,\n position: {\n x: 'end',\n y: 'end'\n }\n }\n};\n// \n\n// \nfunction randomize() {\n const xValues = Utils.numbers({count: DATA_COUNT, min: MIN, max: MAX});\n const yValues = Utils.numbers({count: DATA_COUNT, min: MIN, max: MAX});\n const values = [];\n for (let i = 0; i < DATA_COUNT; i++) {\n values.push({x: xValues[i], y: yValues[i], co: 'Company ' + (i + 1)});\n }\n return values;\n}\n\nfunction gradient({chart: {ctx}, element}, color, rtl = false) {\n const g = ctx.createLinearGradient(element.x, element.y, element.x2, element.y);\n g.addColorStop(rtl ? 1 : 0, color);\n g.addColorStop(rtl ? 0 : 1, 'transparent');\n return g;\n}\n\nfunction gridColor(context) {\n if (context.tick.value === 5) {\n return 'lightGray';\n } else if (context.tick.value === 0 || context.tick.value === 10) {\n return 'lightGray';\n }\n return 'transparent';\n}\n// \n\n/* */\nconst config = {\n type: 'scatter',\n data,\n options: {\n layout: {\n padding: {\n top: 12\n }\n },\n elements: {\n boxAnnotation: {\n borderWidth: 0,\n label: {\n drawTime: 'beforeDatasetsDraw',\n display: true,\n font: {\n size: 20\n }\n }\n }\n },\n scales: {\n x: {\n beginAtZero: true,\n max: 10,\n min: 0,\n grid: {\n drawTicks: false,\n color: gridColor\n },\n ticks: {\n display: false\n },\n title: {\n display: true,\n text: 'Completeness of vision',\n padding: 10,\n font: {\n size: 20,\n weight: 'bold'\n }\n }\n },\n y: {\n display: true,\n beginAtZero: true,\n max: 10,\n min: 0,\n grid: {\n drawTicks: false,\n color: gridColor\n },\n ticks: {\n display: false\n },\n title: {\n display: true,\n text: 'Ability to execute',\n padding: 10,\n font: {\n size: 20,\n weight: 'bold'\n }\n }\n }\n },\n plugins: {\n annotation: {\n common: {\n drawTime: 'beforeDraw'\n },\n annotations: {\n annotation1,\n annotation2,\n annotation3,\n annotation4\n }\n },\n tooltip: {\n mode: 'nearest',\n intersect: true,\n usePointStyle: true,\n footerAlign: 'right',\n footerColor: 'lightGray',\n footerMarginTop: 10,\n callbacks: {\n title: (items) => items[0].raw.co,\n labelColor({raw}) {\n const x = raw.x > 5 ? 1 : 0;\n const y = raw.y > 5 ? 1 : 0;\n return {\n borderColor: META[y][x].color,\n backgroundColor: META[y][x].backgroundColor,\n borderWidth: 3\n };\n },\n label({raw}) {\n const x = raw.x > 5 ? 1 : 0;\n const y = raw.y > 5 ? 1 : 0;\n return META[y][x].label;\n },\n footer(items) {\n const {raw} = items[0];\n return ['Completeness of vision: ' + raw.x.toFixed(2), 'Ability to execute: ' + raw.y.toFixed(2)];\n }\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n const values = randomize();\n dataset.data.forEach((p, idx) => {\n const v = values[idx];\n p.x = v.x;\n p.y = v.y;\n p.co = v.co;\n });\n });\n chart.update();\n }\n },\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n"}})],1)}),[],!1,null,null,null);t.default=e.exports}}]); \ No newline at end of file diff --git a/master/assets/js/66.b71ea26e.js b/master/assets/js/66.b7f4859d.js similarity index 96% rename from master/assets/js/66.b71ea26e.js rename to master/assets/js/66.b7f4859d.js index 450e15382..76e6756eb 100644 --- a/master/assets/js/66.b71ea26e.js +++ b/master/assets/js/66.b7f4859d.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[66],{487:function(n,t,a){"use strict";a.r(t);var o=a(4),e=Object(o.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"using-images-as-labels"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#using-images-as-labels"}},[this._v("#")]),this._v(" Using images as labels")]),this._v(" "),n("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 12;\nconst MIN = 10;\nconst MAX = 100;\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation = {\n type: 'ellipse',\n backgroundColor: 'rgba(0, 0, 0, 0.2)',\n borderWidth: 1,\n borderColor: '#F27173',\n yMin: 30,\n yMax: 80,\n xMax: 2,\n xMin: 5,\n label: {\n display: true,\n content: Utils.getImage(),\n width: 150,\n height: 150,\n position: 'center'\n }\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n y: {\n beginAtZero: true\n }\n },\n plugins: {\n annotation: {\n annotations: {\n annotation\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config\n};\n"}})],1)}),[],!1,null,null,null);t.default=e.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[66],{486:function(n,t,a){"use strict";a.r(t);var o=a(4),e=Object(o.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"using-images-as-labels"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#using-images-as-labels"}},[this._v("#")]),this._v(" Using images as labels")]),this._v(" "),n("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 12;\nconst MIN = 10;\nconst MAX = 100;\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation = {\n type: 'ellipse',\n backgroundColor: 'rgba(0, 0, 0, 0.2)',\n borderWidth: 1,\n borderColor: '#F27173',\n yMin: 30,\n yMax: 80,\n xMax: 2,\n xMin: 5,\n label: {\n display: true,\n content: Utils.getImage(),\n width: 150,\n height: 150,\n position: 'center'\n }\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n y: {\n beginAtZero: true\n }\n },\n plugins: {\n annotation: {\n annotations: {\n annotation\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config\n};\n"}})],1)}),[],!1,null,null,null);t.default=e.exports}}]); \ No newline at end of file diff --git a/master/assets/js/69.04293367.js b/master/assets/js/69.33279a54.js similarity index 99% rename from master/assets/js/69.04293367.js rename to master/assets/js/69.33279a54.js index bf1331381..04718c940 100644 --- a/master/assets/js/69.04293367.js +++ b/master/assets/js/69.33279a54.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[69],{486:function(n,t,e){"use strict";e.r(t);var a=e(4),l=Object(a.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"cartesian-plane"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#cartesian-plane"}},[this._v("#")]),this._v(" Cartesian plane")]),this._v(" "),n("chart-editor",{attrs:{code:"// \nlet rect;\nconst MIN = -10;\nconst MAX = 10;\n// \n\n// \nconst yAxis = {\n type: 'line',\n value: 0,\n scaleID: 'x',\n borderColor: 'lightGray',\n afterDraw({chart, element}) {\n const scale = chart.scales.y;\n const labelItems = scale.getLabelItems().filter((item) => Number.isInteger(parseFloat(item.label)));\n drawTicks(chart, scale, {\n labelItems,\n align: 'right',\n xy: (translation) => ({x: element.x - scale.options.ticks.padding, y: translation[1]})\n });\n }\n};\nconst xAxis = {\n type: 'line',\n value: 0,\n scaleID: 'y',\n borderColor: 'lightGray',\n afterDraw({chart, element}) {\n const scale = chart.scales.x;\n const labelItems = scale.getLabelItems().filter((item) => Number.isInteger(parseFloat(item.label)) && parseFloat(item.label) !== 0);\n drawTicks(chart, scale, {\n labelItems,\n baseline: 'top',\n xy: (translation) => ({x: translation[0], y: element.y2 + scale.options.ticks.padding})\n });\n }\n};\n// \n\n// \nconst box = {\n type: 'box',\n display: () => !!rect,\n backgroundColor: 'rgba(255, 174, 201, 0.2)',\n borderColor: 'red',\n borderDash: [4, 4],\n xMin: () => rect ? rect.left : undefined,\n xMax: () => rect ? rect.right : undefined,\n yMin: () => rect ? rect.bottom : undefined,\n yMax: () => rect ? rect.top : undefined,\n z: -1\n};\nconst A = {\n type: 'label',\n content: 'A',\n position: {\n x: 'end',\n y: 'end'\n },\n xValue: () => rect ? rect.left : undefined,\n yValue: () => rect ? rect.top : undefined\n};\nconst B = {\n type: 'label',\n content: 'B',\n position: {\n x: 'start',\n y: 'end'\n },\n xValue: () => rect ? rect.right : undefined,\n yValue: () => rect ? rect.top : undefined\n};\nconst C = {\n type: 'label',\n content: 'C',\n position: {\n x: 'end',\n y: 'start'\n },\n xValue: () => rect ? rect.left : undefined,\n yValue: () => rect ? rect.bottom : undefined\n};\nconst D = {\n type: 'label',\n content: 'D',\n position: {\n x: 'start',\n y: 'start'\n },\n xValue: () => rect ? rect.right : undefined,\n yValue: () => rect ? rect.bottom : undefined\n};\n// \n\n// \nconst summary = {\n type: 'label',\n display: () => !!rect,\n drawTime: 'afterDraw',\n backgroundColor: 'white',\n borderColor: 'silver',\n borderWidth: 1,\n borderRadius: 6,\n content() {\n if (rect) {\n const result = [];\n result.push('A: (' + rect.left.toFixed(2) + ', ' + rect.top.toFixed(2) + ')');\n result.push('B: (' + rect.right.toFixed(2) + ', ' + rect.top.toFixed(2) + ')');\n result.push('C: (' + rect.left.toFixed(2) + ', ' + rect.bottom.toFixed(2) + ')');\n result.push('D: (' + rect.right.toFixed(2) + ', ' + rect.bottom.toFixed(2) + ')');\n const AB = Math.abs(rect.right - rect.left);\n const AC = Math.abs(rect.bottom - rect.top);\n result.push('AB = CD = ' + AB.toFixed(2));\n result.push('AC = BD = ' + AC.toFixed(2));\n result.push('AD = BC = ' + Math.sqrt(Math.pow(AB, 2) + Math.pow(AC, 2)).toFixed(2));\n result.push('Perimeter = ' + ((AB + AC) * 2).toFixed(2));\n result.push('Area = ' + (AB * AC).toFixed(2));\n return result;\n }\n },\n font: {\n size: 12,\n family: 'Courier'\n },\n padding: 5,\n position: {\n x: () => rect && rect.left < 0 ? 'end' : 'start',\n y: () => rect && rect.top <= 0 ? 'start' : 'end'\n },\n textAlign: () => rect && rect.left < 0 ? 'right' : 'left',\n xValue: () => rect && rect.left < 0 ? MAX : MIN,\n yValue: () => rect && rect.top <= 0 ? MAX : MIN\n};\n// \n\n// \nfunction calculateBox(e, chart) {\n const xValue = chart.scales.x.getValueForPixel(e.x);\n const yValue = chart.scales.y.getValueForPixel(e.y);\n return {\n left: xValue > 0 ? 0 : xValue,\n right: xValue > 0 ? xValue : 0,\n top: yValue > 0 ? yValue : 0,\n bottom: yValue > 0 ? 0 : yValue\n };\n}\n\nfunction drawTicks(chart, scale, {labelItems, align, baseline, xy}) {\n const ctx = chart.ctx;\n ctx.save();\n ctx.beginPath();\n for (const item of labelItems) {\n const {font, label, options} = item;\n const {textAlign, textBaseline, translation} = options;\n const point = xy(translation);\n ctx.beginPath();\n ctx.font = font.string;\n ctx.textAlign = align || textAlign;\n ctx.textBaseline = baseline || textBaseline;\n ctx.fillStyle = 'silver';\n ctx.fillText(parseFloat(label).toFixed(0), point.x, point.y);\n ctx.fill();\n }\n ctx.restore();\n}\n// \n\n/* */\nconst config = {\n type: 'scatter',\n options: {\n layout: {\n padding: {\n top: 20,\n left: 20,\n right: 20\n }\n },\n onClick(e, elements, chart) {\n rect = calculateBox(e, chart);\n chart.update();\n },\n elements: {\n labelAnnotation: {\n display: () => !!rect,\n borderWidth: 0,\n padding: 0,\n font: {\n size: 20,\n style: 'oblique'\n }\n }\n },\n scales: {\n x: {\n min: MIN,\n max: MAX,\n grid: {\n drawTicks: false\n },\n ticks: {\n display: false,\n stepSize: 0.5\n }\n },\n y: {\n min: MIN,\n max: MAX,\n grid: {\n drawTicks: false\n },\n ticks: {\n display: false,\n stepSize: 0.5\n }\n }\n },\n plugins: {\n annotation: {\n clip: false,\n common: {\n drawTime: 'beforeDraw'\n },\n annotations: {\n xAxis,\n yAxis,\n box,\n A, B, C, D,\n summary\n }\n },\n title: {\n display: true,\n text: 'Click on the chart to set the point to build the rectangle',\n position: 'bottom',\n padding: {\n top: 16,\n bottom: 0\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Reset',\n handler: function(chart) {\n rect = undefined;\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n"}})],1)}),[],!1,null,null,null);t.default=l.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[69],{489:function(n,t,e){"use strict";e.r(t);var a=e(4),l=Object(a.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"cartesian-plane"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#cartesian-plane"}},[this._v("#")]),this._v(" Cartesian plane")]),this._v(" "),n("chart-editor",{attrs:{code:"// \nlet rect;\nconst MIN = -10;\nconst MAX = 10;\n// \n\n// \nconst yAxis = {\n type: 'line',\n value: 0,\n scaleID: 'x',\n borderColor: 'lightGray',\n afterDraw({chart, element}) {\n const scale = chart.scales.y;\n const labelItems = scale.getLabelItems().filter((item) => Number.isInteger(parseFloat(item.label)));\n drawTicks(chart, scale, {\n labelItems,\n align: 'right',\n xy: (translation) => ({x: element.x - scale.options.ticks.padding, y: translation[1]})\n });\n }\n};\nconst xAxis = {\n type: 'line',\n value: 0,\n scaleID: 'y',\n borderColor: 'lightGray',\n afterDraw({chart, element}) {\n const scale = chart.scales.x;\n const labelItems = scale.getLabelItems().filter((item) => Number.isInteger(parseFloat(item.label)) && parseFloat(item.label) !== 0);\n drawTicks(chart, scale, {\n labelItems,\n baseline: 'top',\n xy: (translation) => ({x: translation[0], y: element.y2 + scale.options.ticks.padding})\n });\n }\n};\n// \n\n// \nconst box = {\n type: 'box',\n display: () => !!rect,\n backgroundColor: 'rgba(255, 174, 201, 0.2)',\n borderColor: 'red',\n borderDash: [4, 4],\n xMin: () => rect ? rect.left : undefined,\n xMax: () => rect ? rect.right : undefined,\n yMin: () => rect ? rect.bottom : undefined,\n yMax: () => rect ? rect.top : undefined,\n z: -1\n};\nconst A = {\n type: 'label',\n content: 'A',\n position: {\n x: 'end',\n y: 'end'\n },\n xValue: () => rect ? rect.left : undefined,\n yValue: () => rect ? rect.top : undefined\n};\nconst B = {\n type: 'label',\n content: 'B',\n position: {\n x: 'start',\n y: 'end'\n },\n xValue: () => rect ? rect.right : undefined,\n yValue: () => rect ? rect.top : undefined\n};\nconst C = {\n type: 'label',\n content: 'C',\n position: {\n x: 'end',\n y: 'start'\n },\n xValue: () => rect ? rect.left : undefined,\n yValue: () => rect ? rect.bottom : undefined\n};\nconst D = {\n type: 'label',\n content: 'D',\n position: {\n x: 'start',\n y: 'start'\n },\n xValue: () => rect ? rect.right : undefined,\n yValue: () => rect ? rect.bottom : undefined\n};\n// \n\n// \nconst summary = {\n type: 'label',\n display: () => !!rect,\n drawTime: 'afterDraw',\n backgroundColor: 'white',\n borderColor: 'silver',\n borderWidth: 1,\n borderRadius: 6,\n content() {\n if (rect) {\n const result = [];\n result.push('A: (' + rect.left.toFixed(2) + ', ' + rect.top.toFixed(2) + ')');\n result.push('B: (' + rect.right.toFixed(2) + ', ' + rect.top.toFixed(2) + ')');\n result.push('C: (' + rect.left.toFixed(2) + ', ' + rect.bottom.toFixed(2) + ')');\n result.push('D: (' + rect.right.toFixed(2) + ', ' + rect.bottom.toFixed(2) + ')');\n const AB = Math.abs(rect.right - rect.left);\n const AC = Math.abs(rect.bottom - rect.top);\n result.push('AB = CD = ' + AB.toFixed(2));\n result.push('AC = BD = ' + AC.toFixed(2));\n result.push('AD = BC = ' + Math.sqrt(Math.pow(AB, 2) + Math.pow(AC, 2)).toFixed(2));\n result.push('Perimeter = ' + ((AB + AC) * 2).toFixed(2));\n result.push('Area = ' + (AB * AC).toFixed(2));\n return result;\n }\n },\n font: {\n size: 12,\n family: 'Courier'\n },\n padding: 5,\n position: {\n x: () => rect && rect.left < 0 ? 'end' : 'start',\n y: () => rect && rect.top <= 0 ? 'start' : 'end'\n },\n textAlign: () => rect && rect.left < 0 ? 'right' : 'left',\n xValue: () => rect && rect.left < 0 ? MAX : MIN,\n yValue: () => rect && rect.top <= 0 ? MAX : MIN\n};\n// \n\n// \nfunction calculateBox(e, chart) {\n const xValue = chart.scales.x.getValueForPixel(e.x);\n const yValue = chart.scales.y.getValueForPixel(e.y);\n return {\n left: xValue > 0 ? 0 : xValue,\n right: xValue > 0 ? xValue : 0,\n top: yValue > 0 ? yValue : 0,\n bottom: yValue > 0 ? 0 : yValue\n };\n}\n\nfunction drawTicks(chart, scale, {labelItems, align, baseline, xy}) {\n const ctx = chart.ctx;\n ctx.save();\n ctx.beginPath();\n for (const item of labelItems) {\n const {font, label, options} = item;\n const {textAlign, textBaseline, translation} = options;\n const point = xy(translation);\n ctx.beginPath();\n ctx.font = font.string;\n ctx.textAlign = align || textAlign;\n ctx.textBaseline = baseline || textBaseline;\n ctx.fillStyle = 'silver';\n ctx.fillText(parseFloat(label).toFixed(0), point.x, point.y);\n ctx.fill();\n }\n ctx.restore();\n}\n// \n\n/* */\nconst config = {\n type: 'scatter',\n options: {\n layout: {\n padding: {\n top: 20,\n left: 20,\n right: 20\n }\n },\n onClick(e, elements, chart) {\n rect = calculateBox(e, chart);\n chart.update();\n },\n elements: {\n labelAnnotation: {\n display: () => !!rect,\n borderWidth: 0,\n padding: 0,\n font: {\n size: 20,\n style: 'oblique'\n }\n }\n },\n scales: {\n x: {\n min: MIN,\n max: MAX,\n grid: {\n drawTicks: false\n },\n ticks: {\n display: false,\n stepSize: 0.5\n }\n },\n y: {\n min: MIN,\n max: MAX,\n grid: {\n drawTicks: false\n },\n ticks: {\n display: false,\n stepSize: 0.5\n }\n }\n },\n plugins: {\n annotation: {\n clip: false,\n common: {\n drawTime: 'beforeDraw'\n },\n annotations: {\n xAxis,\n yAxis,\n box,\n A, B, C, D,\n summary\n }\n },\n title: {\n display: true,\n text: 'Click on the chart to set the point to build the rectangle',\n position: 'bottom',\n padding: {\n top: 16,\n bottom: 0\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Reset',\n handler: function(chart) {\n rect = undefined;\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n"}})],1)}),[],!1,null,null,null);t.default=l.exports}}]); \ No newline at end of file diff --git a/master/assets/js/70.de7c7d1a.js b/master/assets/js/70.1ba44972.js similarity index 98% rename from master/assets/js/70.de7c7d1a.js rename to master/assets/js/70.1ba44972.js index 83b87dc54..e4677448a 100644 --- a/master/assets/js/70.de7c7d1a.js +++ b/master/assets/js/70.1ba44972.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[70],{488:function(n,e,t){"use strict";t.r(e);var o=t(4),a=Object(o.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"dragging-annotations"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#dragging-annotations"}},[this._v("#")]),this._v(" Dragging annotations")]),this._v(" "),n("chart-editor",{attrs:{code:"// \nUtils.srand(8);\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\n datasets: [{\n type: 'line',\n label: 'Dataset 1',\n borderColor: 'rgb(54, 162, 235)',\n borderWidth: 2,\n fill: false,\n data: Utils.numbers({count: 7, min: 0, max: 100}),\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'box',\n backgroundColor: 'rgba(165, 214, 167, 0.2)',\n borderColor: 'rgb(165, 214, 167)',\n borderWidth: 2,\n label: {\n display: true,\n content: ['Box annotation', 'to drag'],\n textAlign: 'center'\n },\n xMax: 'May',\n xMin: 'April',\n xScaleID: 'x',\n yMax: 75,\n yMin: 25,\n yScaleID: 'y'\n};\n// \n\n// \nconst annotation2 = {\n type: 'label',\n backgroundColor: 'rgba(255, 99, 132, 0.25)',\n borderWidth: 3,\n borderColor: 'black',\n content: ['Label annotation', 'to drag'],\n callout: {\n display: true,\n borderColor: 'black',\n },\n xValue: 1,\n yValue: 40\n};\n// \n\n// \nconst annotation3 = {\n type: 'point',\n backgroundColor: 'rgba(0, 255, 255, 0.4)',\n borderWidth: 2,\n borderColor: 'black',\n radius: 20,\n xValue: 'March',\n yValue: 50\n};\n// \n\n// \nconst annotation4 = {\n type: 'polygon',\n backgroundColor: 'rgba(150, 0, 0, 0.25)',\n borderWidth: 2,\n borderColor: 'black',\n radius: 50,\n sides: 6,\n xValue: 'June',\n yValue: 20\n};\n// \n\n// \nlet element;\nlet lastEvent;\n\nconst drag = function(moveX, moveY) {\n element.x += moveX;\n element.y += moveY;\n element.x2 += moveX;\n element.y2 += moveY;\n element.centerX += moveX;\n element.centerY += moveY;\n if (element.elements && element.elements.length) {\n for (const subEl of element.elements) {\n subEl.x += moveX;\n subEl.y += moveY;\n subEl.x2 += moveX;\n subEl.y2 += moveY;\n subEl.centerX += moveX;\n subEl.centerY += moveY;\n subEl.bX += moveX;\n subEl.bY += moveY;\n }\n }\n};\n\nconst handleElementDragging = function(event) {\n if (!lastEvent || !element) {\n return;\n }\n const moveX = event.x - lastEvent.x;\n const moveY = event.y - lastEvent.y;\n drag(moveX, moveY);\n lastEvent = event;\n return true;\n};\n\nconst handleDrag = function(event) {\n if (element) {\n switch (event.type) {\n case 'mousemove':\n return handleElementDragging(event);\n case 'mouseout':\n case 'mouseup':\n lastEvent = undefined;\n break;\n case 'mousedown':\n lastEvent = event;\n break;\n default:\n }\n }\n};\n// \n\n// \nconst dragger = {\n id: 'dragger',\n beforeEvent(chart, args, options) {\n if (handleDrag(args.event)) {\n args.changed = true;\n return;\n }\n }\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n plugins: [dragger],\n data,\n options: {\n events: ['mousedown', 'mouseup', 'mousemove', 'mouseout'],\n scales: {\n y: {\n beginAtZero: true,\n min: 0,\n max: 100\n }\n },\n plugins: {\n annotation: {\n enter(ctx) {\n element = ctx.element;\n },\n leave() {\n element = undefined;\n lastEvent = undefined;\n },\n annotations: {\n annotation1,\n annotation2,\n annotation3,\n annotation4\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Reset dragging',\n handler: function(chart) {\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n"}})],1)}),[],!1,null,null,null);e.default=a.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[70],{487:function(n,e,t){"use strict";t.r(e);var o=t(4),a=Object(o.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"dragging-annotations"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#dragging-annotations"}},[this._v("#")]),this._v(" Dragging annotations")]),this._v(" "),n("chart-editor",{attrs:{code:"// \nUtils.srand(8);\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\n datasets: [{\n type: 'line',\n label: 'Dataset 1',\n borderColor: 'rgb(54, 162, 235)',\n borderWidth: 2,\n fill: false,\n data: Utils.numbers({count: 7, min: 0, max: 100}),\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'box',\n backgroundColor: 'rgba(165, 214, 167, 0.2)',\n borderColor: 'rgb(165, 214, 167)',\n borderWidth: 2,\n label: {\n display: true,\n content: ['Box annotation', 'to drag'],\n textAlign: 'center'\n },\n xMax: 'May',\n xMin: 'April',\n xScaleID: 'x',\n yMax: 75,\n yMin: 25,\n yScaleID: 'y'\n};\n// \n\n// \nconst annotation2 = {\n type: 'label',\n backgroundColor: 'rgba(255, 99, 132, 0.25)',\n borderWidth: 3,\n borderColor: 'black',\n content: ['Label annotation', 'to drag'],\n callout: {\n display: true,\n borderColor: 'black',\n },\n xValue: 1,\n yValue: 40\n};\n// \n\n// \nconst annotation3 = {\n type: 'point',\n backgroundColor: 'rgba(0, 255, 255, 0.4)',\n borderWidth: 2,\n borderColor: 'black',\n radius: 20,\n xValue: 'March',\n yValue: 50\n};\n// \n\n// \nconst annotation4 = {\n type: 'polygon',\n backgroundColor: 'rgba(150, 0, 0, 0.25)',\n borderWidth: 2,\n borderColor: 'black',\n radius: 50,\n sides: 6,\n xValue: 'June',\n yValue: 20\n};\n// \n\n// \nlet element;\nlet lastEvent;\n\nconst drag = function(moveX, moveY) {\n element.x += moveX;\n element.y += moveY;\n element.x2 += moveX;\n element.y2 += moveY;\n element.centerX += moveX;\n element.centerY += moveY;\n if (element.elements && element.elements.length) {\n for (const subEl of element.elements) {\n subEl.x += moveX;\n subEl.y += moveY;\n subEl.x2 += moveX;\n subEl.y2 += moveY;\n subEl.centerX += moveX;\n subEl.centerY += moveY;\n subEl.bX += moveX;\n subEl.bY += moveY;\n }\n }\n};\n\nconst handleElementDragging = function(event) {\n if (!lastEvent || !element) {\n return;\n }\n const moveX = event.x - lastEvent.x;\n const moveY = event.y - lastEvent.y;\n drag(moveX, moveY);\n lastEvent = event;\n return true;\n};\n\nconst handleDrag = function(event) {\n if (element) {\n switch (event.type) {\n case 'mousemove':\n return handleElementDragging(event);\n case 'mouseout':\n case 'mouseup':\n lastEvent = undefined;\n break;\n case 'mousedown':\n lastEvent = event;\n break;\n default:\n }\n }\n};\n// \n\n// \nconst dragger = {\n id: 'dragger',\n beforeEvent(chart, args, options) {\n if (handleDrag(args.event)) {\n args.changed = true;\n return;\n }\n }\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n plugins: [dragger],\n data,\n options: {\n events: ['mousedown', 'mouseup', 'mousemove', 'mouseout'],\n scales: {\n y: {\n beginAtZero: true,\n min: 0,\n max: 100\n }\n },\n plugins: {\n annotation: {\n enter(ctx) {\n element = ctx.element;\n },\n leave() {\n element = undefined;\n lastEvent = undefined;\n },\n annotations: {\n annotation1,\n annotation2,\n annotation3,\n annotation4\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Reset dragging',\n handler: function(chart) {\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n"}})],1)}),[],!1,null,null,null);e.default=a.exports}}]); \ No newline at end of file diff --git a/master/assets/js/71.e3128448.js b/master/assets/js/71.e3a24a18.js similarity index 98% rename from master/assets/js/71.e3128448.js rename to master/assets/js/71.e3a24a18.js index 5e4ad3759..fd3408007 100644 --- a/master/assets/js/71.e3128448.js +++ b/master/assets/js/71.e3a24a18.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[71],{489:function(n,t,o){"use strict";o.r(t);var e=o(4),i=Object(e.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"interaction"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#interaction"}},[this._v("#")]),this._v(" Interaction")]),this._v(" "),n("chart-editor",{attrs:{code:"// \nconst AXIS = ['xy', 'x', 'y'];\nconst MODE = ['nearest', 'point', 'x', 'y'];\n\nlet axisIndex = 0;\nlet modeIndex = 0;\n\nUtils.srand(8);\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\n datasets: [{\n type: 'line',\n label: 'Dataset 1',\n borderColor: 'rgb(54, 162, 235)',\n borderWidth: 2,\n fill: false,\n data: Utils.numbers({count: 7, min: 0, max: 100}),\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'box',\n backgroundColor: 'rgba(255, 245, 157, 0.2)',\n borderColor: 'rgb(255, 245, 157)',\n borderWidth: 2,\n enter: function({element}) {\n console.log(element.label.options.content + ' entered');\n element.label.options.font.size = 14;\n return true;\n },\n click: function({element}) {\n console.log(element.label.options.content + ' clicked');\n },\n leave: function({element}) {\n console.log(element.label.options.content + ' left');\n element.label.options.font.size = 12;\n return true;\n },\n label: {\n display: true,\n content: 'Outer box annotation',\n position: {\n y: 'start'\n },\n font: {\n size: 12\n }\n },\n xMax: 'June',\n xMin: 'February',\n xScaleID: 'x',\n yMax: 90,\n yMin: 10,\n yScaleID: 'y'\n};\n// \n\n// \nconst annotation2 = {\n type: 'box',\n backgroundColor: 'rgba(165, 214, 167, 0.2)',\n borderColor: 'rgb(165, 214, 167)',\n borderWidth: 2,\n enter: function({element}) {\n console.log(element.label.options.content + ' entered');\n element.label.options.font.size = 14;\n return true;\n },\n click: function({element}) {\n console.log(element.label.options.content + ' clicked');\n },\n leave: function({element}) {\n console.log(element.label.options.content + ' left');\n element.label.options.font.size = 12;\n return true;\n },\n label: {\n display: true,\n content: 'Inner box annotation',\n position: {\n y: 'start'\n },\n font: {\n size: 12\n }\n },\n xMax: 'May',\n xMin: 'March',\n xScaleID: 'x',\n yMax: 75,\n yMin: 25,\n yScaleID: 'y'\n};\n// \n\n// \nfunction getTitle({chart}) {\n const options = chart.options.plugins.annotation.interaction;\n const mode = options.mode || 'nearest';\n const axis = options.axis || 'xy';\n const intersect = !!options.intersect;\n return 'Mode: ' + mode + ', axis: ' + axis + ', intersect: ' + intersect;\n}\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n y: {\n beginAtZero: true,\n min: 0,\n max: 100\n }\n },\n plugins: {\n title: {\n display: true,\n text: getTitle,\n position: 'bottom',\n font: {\n size: 14\n }\n },\n annotation: {\n annotations: {\n annotation1,\n annotation2\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Change mode',\n handler: function(chart) {\n const options = chart.options.plugins.annotation.interaction;\n modeIndex++;\n if (modeIndex > MODE.length) {\n modeIndex = 0;\n }\n options.mode = MODE[modeIndex];\n chart.update();\n }\n },\n {\n name: 'Change axis',\n handler: function(chart) {\n const options = chart.options.plugins.annotation.interaction;\n axisIndex++;\n if (axisIndex > AXIS.length) {\n axisIndex = 0;\n }\n options.axis = AXIS[axisIndex];\n chart.update();\n }\n },\n {\n name: 'Toogle intersect',\n handler: function(chart) {\n const options = chart.options.plugins.annotation.interaction;\n options.intersect = !options.intersect;\n chart.update();\n }\n },\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n output: 'console.log output is shown here, click one of the annotations'\n};\n"}})],1)}),[],!1,null,null,null);t.default=i.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[71],{488:function(n,t,o){"use strict";o.r(t);var e=o(4),i=Object(e.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"interaction"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#interaction"}},[this._v("#")]),this._v(" Interaction")]),this._v(" "),n("chart-editor",{attrs:{code:"// \nconst AXIS = ['xy', 'x', 'y'];\nconst MODE = ['nearest', 'point', 'x', 'y'];\n\nlet axisIndex = 0;\nlet modeIndex = 0;\n\nUtils.srand(8);\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\n datasets: [{\n type: 'line',\n label: 'Dataset 1',\n borderColor: 'rgb(54, 162, 235)',\n borderWidth: 2,\n fill: false,\n data: Utils.numbers({count: 7, min: 0, max: 100}),\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'box',\n backgroundColor: 'rgba(255, 245, 157, 0.2)',\n borderColor: 'rgb(255, 245, 157)',\n borderWidth: 2,\n enter: function({element}) {\n console.log(element.label.options.content + ' entered');\n element.label.options.font.size = 14;\n return true;\n },\n click: function({element}) {\n console.log(element.label.options.content + ' clicked');\n },\n leave: function({element}) {\n console.log(element.label.options.content + ' left');\n element.label.options.font.size = 12;\n return true;\n },\n label: {\n display: true,\n content: 'Outer box annotation',\n position: {\n y: 'start'\n },\n font: {\n size: 12\n }\n },\n xMax: 'June',\n xMin: 'February',\n xScaleID: 'x',\n yMax: 90,\n yMin: 10,\n yScaleID: 'y'\n};\n// \n\n// \nconst annotation2 = {\n type: 'box',\n backgroundColor: 'rgba(165, 214, 167, 0.2)',\n borderColor: 'rgb(165, 214, 167)',\n borderWidth: 2,\n enter: function({element}) {\n console.log(element.label.options.content + ' entered');\n element.label.options.font.size = 14;\n return true;\n },\n click: function({element}) {\n console.log(element.label.options.content + ' clicked');\n },\n leave: function({element}) {\n console.log(element.label.options.content + ' left');\n element.label.options.font.size = 12;\n return true;\n },\n label: {\n display: true,\n content: 'Inner box annotation',\n position: {\n y: 'start'\n },\n font: {\n size: 12\n }\n },\n xMax: 'May',\n xMin: 'March',\n xScaleID: 'x',\n yMax: 75,\n yMin: 25,\n yScaleID: 'y'\n};\n// \n\n// \nfunction getTitle({chart}) {\n const options = chart.options.plugins.annotation.interaction;\n const mode = options.mode || 'nearest';\n const axis = options.axis || 'xy';\n const intersect = !!options.intersect;\n return 'Mode: ' + mode + ', axis: ' + axis + ', intersect: ' + intersect;\n}\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n y: {\n beginAtZero: true,\n min: 0,\n max: 100\n }\n },\n plugins: {\n title: {\n display: true,\n text: getTitle,\n position: 'bottom',\n font: {\n size: 14\n }\n },\n annotation: {\n annotations: {\n annotation1,\n annotation2\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Change mode',\n handler: function(chart) {\n const options = chart.options.plugins.annotation.interaction;\n modeIndex++;\n if (modeIndex > MODE.length) {\n modeIndex = 0;\n }\n options.mode = MODE[modeIndex];\n chart.update();\n }\n },\n {\n name: 'Change axis',\n handler: function(chart) {\n const options = chart.options.plugins.annotation.interaction;\n axisIndex++;\n if (axisIndex > AXIS.length) {\n axisIndex = 0;\n }\n options.axis = AXIS[axisIndex];\n chart.update();\n }\n },\n {\n name: 'Toogle intersect',\n handler: function(chart) {\n const options = chart.options.plugins.annotation.interaction;\n options.intersect = !options.intersect;\n chart.update();\n }\n },\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n output: 'console.log output is shown here, click one of the annotations'\n};\n"}})],1)}),[],!1,null,null,null);t.default=i.exports}}]); \ No newline at end of file diff --git a/master/assets/js/73.7f7fc0c9.js b/master/assets/js/73.68efafde.js similarity index 97% rename from master/assets/js/73.7f7fc0c9.js rename to master/assets/js/73.68efafde.js index 881f68129..a5d976667 100644 --- a/master/assets/js/73.7f7fc0c9.js +++ b/master/assets/js/73.68efafde.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[73],{493:function(n,t,o){"use strict";o.r(t);var a=o(4),e=Object(a.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"intro"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#intro"}},[this._v("#")]),this._v(" Intro")]),this._v(" "),n("chart-editor",{attrs:{code:"// \nUtils.srand(8);\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\n datasets: [{\n type: 'line',\n label: 'Dataset 1',\n borderColor: 'rgb(54, 162, 235)',\n borderWidth: 2,\n fill: false,\n data: Utils.numbers({count: 7, min: -100, max: 100}),\n }, {\n type: 'bar',\n label: 'Dataset 2',\n backgroundColor: 'rgb(255, 99, 132)',\n data: Utils.numbers({count: 7, min: -100, max: 100}),\n borderColor: 'white',\n borderWidth: 2\n }, {\n type: 'bar',\n label: 'Dataset 3',\n backgroundColor: 'rgb(75, 192, 192)',\n data: Utils.numbers({count: 7, min: -100, max: 100}),\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'line',\n borderColor: 'black',\n borderWidth: 5,\n click: function({chart, element}) {\n console.log('Line annotation clicked');\n },\n label: {\n backgroundColor: 'red',\n content: 'Test Label',\n display: true\n },\n scaleID: 'y',\n value: Utils.rand(-100, 100)\n};\n// \n\n// \nconst annotation2 = {\n type: 'box',\n backgroundColor: 'rgba(101, 33, 171, 0.5)',\n borderColor: 'rgb(101, 33, 171)',\n borderWidth: 1,\n click: function({chart, element}) {\n console.log('Box annotation clicked');\n },\n drawTime: 'beforeDatasetsDraw',\n xMax: 'April',\n xMin: 'February',\n xScaleID: 'x',\n yMax: Utils.rand(-100, 100),\n yMin: Utils.rand(-100, 100),\n yScaleID: 'y'\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = Utils.numbers({count: 7, min: -100, max: 100});\n });\n chart.update();\n }\n },\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n output: 'console.log output is shown here, click one of the annotations'\n};\n"}})],1)}),[],!1,null,null,null);t.default=e.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[73],{491:function(n,t,o){"use strict";o.r(t);var a=o(4),e=Object(a.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"intro"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#intro"}},[this._v("#")]),this._v(" Intro")]),this._v(" "),n("chart-editor",{attrs:{code:"// \nUtils.srand(8);\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\n datasets: [{\n type: 'line',\n label: 'Dataset 1',\n borderColor: 'rgb(54, 162, 235)',\n borderWidth: 2,\n fill: false,\n data: Utils.numbers({count: 7, min: -100, max: 100}),\n }, {\n type: 'bar',\n label: 'Dataset 2',\n backgroundColor: 'rgb(255, 99, 132)',\n data: Utils.numbers({count: 7, min: -100, max: 100}),\n borderColor: 'white',\n borderWidth: 2\n }, {\n type: 'bar',\n label: 'Dataset 3',\n backgroundColor: 'rgb(75, 192, 192)',\n data: Utils.numbers({count: 7, min: -100, max: 100}),\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'line',\n borderColor: 'black',\n borderWidth: 5,\n click: function({chart, element}) {\n console.log('Line annotation clicked');\n },\n label: {\n backgroundColor: 'red',\n content: 'Test Label',\n display: true\n },\n scaleID: 'y',\n value: Utils.rand(-100, 100)\n};\n// \n\n// \nconst annotation2 = {\n type: 'box',\n backgroundColor: 'rgba(101, 33, 171, 0.5)',\n borderColor: 'rgb(101, 33, 171)',\n borderWidth: 1,\n click: function({chart, element}) {\n console.log('Box annotation clicked');\n },\n drawTime: 'beforeDatasetsDraw',\n xMax: 'April',\n xMin: 'February',\n xScaleID: 'x',\n yMax: Utils.rand(-100, 100),\n yMin: Utils.rand(-100, 100),\n yScaleID: 'y'\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = Utils.numbers({count: 7, min: -100, max: 100});\n });\n chart.update();\n }\n },\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n output: 'console.log output is shown here, click one of the annotations'\n};\n"}})],1)}),[],!1,null,null,null);t.default=e.exports}}]); \ No newline at end of file diff --git a/master/assets/js/74.dfe5ac61.js b/master/assets/js/74.75671674.js similarity index 97% rename from master/assets/js/74.dfe5ac61.js rename to master/assets/js/74.75671674.js index b0b7f075f..98b1ea14a 100644 --- a/master/assets/js/74.dfe5ac61.js +++ b/master/assets/js/74.75671674.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[74],{491:function(n,t,a){"use strict";a.r(t);var e=a(4),o=Object(e.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"auto-scaling"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#auto-scaling"}},[this._v("#")]),this._v(" Auto scaling")]),this._v(" "),n("input",{staticStyle:{width:"100%"},attrs:{id:"update",type:"range",min:"46",max:"100",value:"100",step:"2"}}),this._v(" "),n("chart-editor",{attrs:{code:"// \nconst uniqueId = new Date().getTime();\n\nconst DATA_COUNT = 12;\nconst MIN = 0;\nconst MAX = 100;\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation = {\n type: 'label',\n backgroundColor: 'whiteSmoke',\n borderColor: 'lightGray',\n borderRadius: 6,\n content: ['Annotation', 'to resize'],\n drawTime: 'afterDraw',\n borderWidth: (ctx) => autoScaling(ctx, 'borderWidth', 2),\n font: (ctx) => autoScaling(ctx, 'font', 48),\n padding: (ctx) => autoScaling(ctx, 'padding', 6),\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n _sampleId: uniqueId,\n plugins: {\n annotation: {\n annotations: {\n annotation\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction autoScaling(ctx, option, origValue) {\n const {chart} = ctx;\n const {width, height} = chart.chartArea;\n const hypo = Math.sqrt(Math.pow(width, 2) + Math.pow(height, 2));\n let size, value;\n if (!ctx.size) {\n ctx.size = size = hypo;\n value = origValue;\n } else {\n size = ctx.size;\n value = hypo / size * origValue;\n }\n if (option === 'font') {\n return {size: value};\n }\n return value;\n}\n// \n\n// \nlet originalArea;\ndocument.getElementById('update').addEventListener('input', update);\n\nfunction update() {\n const ratio = +document.querySelector('input[type=range]').value / 100;\n const chart = Object.values(Chart.instances).find(c => c.options._sampleId === uniqueId);\n if (!originalArea) {\n originalArea = chart.chartArea;\n }\n const w = originalArea.width * ratio;\n const h = originalArea.height * ratio;\n chart.resize(w, h);\n}\n// \n\nmodule.exports = {\n config: config\n};\n"}})],1)}),[],!1,null,null,null);t.default=o.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[74],{492:function(n,t,a){"use strict";a.r(t);var e=a(4),o=Object(e.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"auto-scaling"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#auto-scaling"}},[this._v("#")]),this._v(" Auto scaling")]),this._v(" "),n("input",{staticStyle:{width:"100%"},attrs:{id:"update",type:"range",min:"46",max:"100",value:"100",step:"2"}}),this._v(" "),n("chart-editor",{attrs:{code:"// \nconst uniqueId = new Date().getTime();\n\nconst DATA_COUNT = 12;\nconst MIN = 0;\nconst MAX = 100;\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation = {\n type: 'label',\n backgroundColor: 'whiteSmoke',\n borderColor: 'lightGray',\n borderRadius: 6,\n content: ['Annotation', 'to resize'],\n drawTime: 'afterDraw',\n borderWidth: (ctx) => autoScaling(ctx, 'borderWidth', 2),\n font: (ctx) => autoScaling(ctx, 'font', 48),\n padding: (ctx) => autoScaling(ctx, 'padding', 6),\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n _sampleId: uniqueId,\n plugins: {\n annotation: {\n annotations: {\n annotation\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction autoScaling(ctx, option, origValue) {\n const {chart} = ctx;\n const {width, height} = chart.chartArea;\n const hypo = Math.sqrt(Math.pow(width, 2) + Math.pow(height, 2));\n let size, value;\n if (!ctx.size) {\n ctx.size = size = hypo;\n value = origValue;\n } else {\n size = ctx.size;\n value = hypo / size * origValue;\n }\n if (option === 'font') {\n return {size: value};\n }\n return value;\n}\n// \n\n// \nlet originalArea;\ndocument.getElementById('update').addEventListener('input', update);\n\nfunction update() {\n const ratio = +document.querySelector('input[type=range]').value / 100;\n const chart = Object.values(Chart.instances).find(c => c.options._sampleId === uniqueId);\n if (!originalArea) {\n originalArea = chart.chartArea;\n }\n const w = originalArea.width * ratio;\n const h = originalArea.height * ratio;\n chart.resize(w, h);\n}\n// \n\nmodule.exports = {\n config: config\n};\n"}})],1)}),[],!1,null,null,null);t.default=o.exports}}]); \ No newline at end of file diff --git a/master/assets/js/75.f582192c.js b/master/assets/js/75.e4ef2529.js similarity index 97% rename from master/assets/js/75.f582192c.js rename to master/assets/js/75.e4ef2529.js index ffae441ea..c19975bc2 100644 --- a/master/assets/js/75.f582192c.js +++ b/master/assets/js/75.e4ef2529.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[75],{492:function(n,t,a){"use strict";a.r(t);var o=a(4),e=Object(o.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"basic"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#basic"}},[this._v("#")]),this._v(" Basic")]),this._v(" "),n("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 12;\nconst MIN = 0;\nconst MAX = 100;\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'label',\n borderColor: (ctx) => ctx.chart.data.datasets[0].backgroundColor,\n borderRadius: 6,\n borderWidth: 1,\n content: ['March', 'annotated'],\n position: {\n x: 'center',\n y: 'end'\n },\n xValue: 'March',\n yValue: (ctx) => yValue(ctx, 'March')\n};\n// \n\n// \nconst annotation2 = {\n type: 'label',\n borderColor: (ctx) => ctx.chart.data.datasets[0].backgroundColor,\n borderRadius: 6,\n borderWidth: 1,\n content: ['June', 'annotated'],\n position: {\n x: 'center',\n y: 'end'\n },\n xValue: 'June',\n yValue: (ctx) => yValue(ctx, 'June')\n};\n// \n\n// \nconst annotation3 = {\n type: 'label',\n borderColor: (ctx) => ctx.chart.data.datasets[0].backgroundColor,\n borderRadius: 6,\n borderWidth: 1,\n content: ['October', 'annotated'],\n position: {\n x: 'center',\n y: 'end'\n },\n xValue: 'October',\n yValue: (ctx) => yValue(ctx, 'October')\n};\n// \n\n/* */\nconst config = {\n type: 'bar',\n data,\n options: {\n scales: {\n y: {\n beginAtZero: true,\n max: 120,\n min: 0\n }\n },\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2,\n annotation3\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction yValue(ctx, label) {\n const chart = ctx.chart;\n const dataset = chart.data.datasets[0];\n return dataset.data[chart.data.labels.indexOf(label)];\n}\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n"}})],1)}),[],!1,null,null,null);t.default=e.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[75],{493:function(n,t,a){"use strict";a.r(t);var o=a(4),e=Object(o.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"basic"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#basic"}},[this._v("#")]),this._v(" Basic")]),this._v(" "),n("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 12;\nconst MIN = 0;\nconst MAX = 100;\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'label',\n borderColor: (ctx) => ctx.chart.data.datasets[0].backgroundColor,\n borderRadius: 6,\n borderWidth: 1,\n content: ['March', 'annotated'],\n position: {\n x: 'center',\n y: 'end'\n },\n xValue: 'March',\n yValue: (ctx) => yValue(ctx, 'March')\n};\n// \n\n// \nconst annotation2 = {\n type: 'label',\n borderColor: (ctx) => ctx.chart.data.datasets[0].backgroundColor,\n borderRadius: 6,\n borderWidth: 1,\n content: ['June', 'annotated'],\n position: {\n x: 'center',\n y: 'end'\n },\n xValue: 'June',\n yValue: (ctx) => yValue(ctx, 'June')\n};\n// \n\n// \nconst annotation3 = {\n type: 'label',\n borderColor: (ctx) => ctx.chart.data.datasets[0].backgroundColor,\n borderRadius: 6,\n borderWidth: 1,\n content: ['October', 'annotated'],\n position: {\n x: 'center',\n y: 'end'\n },\n xValue: 'October',\n yValue: (ctx) => yValue(ctx, 'October')\n};\n// \n\n/* */\nconst config = {\n type: 'bar',\n data,\n options: {\n scales: {\n y: {\n beginAtZero: true,\n max: 120,\n min: 0\n }\n },\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2,\n annotation3\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction yValue(ctx, label) {\n const chart = ctx.chart;\n const dataset = chart.data.datasets[0];\n return dataset.data[chart.data.labels.indexOf(label)];\n}\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n"}})],1)}),[],!1,null,null,null);t.default=e.exports}}]); \ No newline at end of file diff --git a/master/assets/js/80.43c140a8.js b/master/assets/js/80.f05293b0.js similarity index 98% rename from master/assets/js/80.43c140a8.js rename to master/assets/js/80.f05293b0.js index 3d215ab76..d04d4dd7e 100644 --- a/master/assets/js/80.43c140a8.js +++ b/master/assets/js/80.f05293b0.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[80],{498:function(n,t,a){"use strict";a.r(t);var e=a(4),o=Object(e.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"inner-chart"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#inner-chart"}},[this._v("#")]),this._v(" Inner chart")]),this._v(" "),n("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 12;\nconst MIN = 0;\nconst MAX = 100;\n\nconst innerChart = Utils.getChart();\nconst innerDataset = innerChart.data.datasets[0];\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg),\n borderColor: innerDataset.backgroundColor[0],\n backgroundColor: 'transparent'\n }, {\n data: Utils.numbers(numberCfg),\n borderColor: innerDataset.backgroundColor[1],\n backgroundColor: 'transparent',\n hidden: true\n }, {\n data: Utils.numbers(numberCfg),\n borderColor: innerDataset.backgroundColor[2],\n backgroundColor: 'transparent',\n hidden: true\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'label',\n content: innerChart.canvas,\n xValue: 1,\n yValue: 135,\n enter: (ctx) => setCursor(ctx, 'pointer'),\n leave: (ctx) => setCursor(ctx, 'default'),\n click: clickOnInnerChart\n};\n// \n\n// \nconst annotation2 = {\n type: 'label',\n content: (ctx) => [innerChart.data.labels[getVisibleDatasetIndex(ctx)],\n 'items trend'],\n callout: {\n display: true,\n position: 'bottom',\n margin: 0\n },\n font: {\n size: 16\n },\n backgroundColor: 'white',\n borderWidth: 1,\n xAdjust: -60,\n xValue: (ctx) => point(ctx).x,\n yAdjust: -60,\n yValue: (ctx) => point(ctx).y\n};\n// \n\n// \nconst annotation3 = {\n type: 'label',\n content: ['Click on a slice of the pie chart', 'to see the data in the main chart'],\n color: 'rgba(0, 0, 0, 0.5)',\n xValue: 3.2,\n yValue: 150,\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n y: {\n beginAtZero: true,\n min: 0,\n max: 160\n }\n },\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2,\n annotation3\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction clickOnInnerChart(ctx, event) {\n event.x = event.x - ctx.element.x;\n event.y = event.y - ctx.element.y;\n const elements = innerChart.getElementsAtEventForMode(event, 'point', {}, true);\n if (elements.length) {\n const first = elements[0];\n ctx.chart.setDatasetVisibility(getVisibleDatasetIndex(ctx), false);\n ctx.chart.show(first.index);\n }\n}\n\nfunction getVisibleDatasetIndex(ctx) {\n const chart = ctx.chart;\n for (let i = 0; i < chart.data.datasets.length; i++) {\n if (chart.isDatasetVisible(i)) {\n return i;\n }\n }\n return 0;\n}\n\nfunction point(ctx) {\n const dataset = ctx.chart.data.datasets[getVisibleDatasetIndex(ctx)];\n const values = dataset.data.filter((value, i) => i > dataset.data.length - 4);\n const y = Math.max(...values);\n const x = dataset.data.lastIndexOf(y);\n return {x, y};\n}\n\nfunction setCursor(ctx, type) {\n ctx.chart.canvas.style.cursor = type;\n}\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n innerChart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n innerChart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config\n};\n"}})],1)}),[],!1,null,null,null);t.default=o.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[80],{499:function(n,t,a){"use strict";a.r(t);var e=a(4),o=Object(e.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"inner-chart"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#inner-chart"}},[this._v("#")]),this._v(" Inner chart")]),this._v(" "),n("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 12;\nconst MIN = 0;\nconst MAX = 100;\n\nconst innerChart = Utils.getChart();\nconst innerDataset = innerChart.data.datasets[0];\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg),\n borderColor: innerDataset.backgroundColor[0],\n backgroundColor: 'transparent'\n }, {\n data: Utils.numbers(numberCfg),\n borderColor: innerDataset.backgroundColor[1],\n backgroundColor: 'transparent',\n hidden: true\n }, {\n data: Utils.numbers(numberCfg),\n borderColor: innerDataset.backgroundColor[2],\n backgroundColor: 'transparent',\n hidden: true\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'label',\n content: innerChart.canvas,\n xValue: 1,\n yValue: 135,\n enter: (ctx) => setCursor(ctx, 'pointer'),\n leave: (ctx) => setCursor(ctx, 'default'),\n click: clickOnInnerChart\n};\n// \n\n// \nconst annotation2 = {\n type: 'label',\n content: (ctx) => [innerChart.data.labels[getVisibleDatasetIndex(ctx)],\n 'items trend'],\n callout: {\n display: true,\n position: 'bottom',\n margin: 0\n },\n font: {\n size: 16\n },\n backgroundColor: 'white',\n borderWidth: 1,\n xAdjust: -60,\n xValue: (ctx) => point(ctx).x,\n yAdjust: -60,\n yValue: (ctx) => point(ctx).y\n};\n// \n\n// \nconst annotation3 = {\n type: 'label',\n content: ['Click on a slice of the pie chart', 'to see the data in the main chart'],\n color: 'rgba(0, 0, 0, 0.5)',\n xValue: 3.2,\n yValue: 150,\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n y: {\n beginAtZero: true,\n min: 0,\n max: 160\n }\n },\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2,\n annotation3\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction clickOnInnerChart(ctx, event) {\n event.x = event.x - ctx.element.x;\n event.y = event.y - ctx.element.y;\n const elements = innerChart.getElementsAtEventForMode(event, 'point', {}, true);\n if (elements.length) {\n const first = elements[0];\n ctx.chart.setDatasetVisibility(getVisibleDatasetIndex(ctx), false);\n ctx.chart.show(first.index);\n }\n}\n\nfunction getVisibleDatasetIndex(ctx) {\n const chart = ctx.chart;\n for (let i = 0; i < chart.data.datasets.length; i++) {\n if (chart.isDatasetVisible(i)) {\n return i;\n }\n }\n return 0;\n}\n\nfunction point(ctx) {\n const dataset = ctx.chart.data.datasets[getVisibleDatasetIndex(ctx)];\n const values = dataset.data.filter((value, i) => i > dataset.data.length - 4);\n const y = Math.max(...values);\n const x = dataset.data.lastIndexOf(y);\n return {x, y};\n}\n\nfunction setCursor(ctx, type) {\n ctx.chart.canvas.style.cursor = type;\n}\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n innerChart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n innerChart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config\n};\n"}})],1)}),[],!1,null,null,null);t.default=o.exports}}]); \ No newline at end of file diff --git a/master/assets/js/81.0be02cde.js b/master/assets/js/81.7549bb51.js similarity index 98% rename from master/assets/js/81.0be02cde.js rename to master/assets/js/81.7549bb51.js index 5f80b9e56..12846b4f5 100644 --- a/master/assets/js/81.0be02cde.js +++ b/master/assets/js/81.7549bb51.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[81],{500:function(n,t,a){"use strict";a.r(t);var o=a(4),s=Object(o.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"lower-and-upper-bounds-labels"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#lower-and-upper-bounds-labels"}},[this._v("#")]),this._v(" Lower and upper bounds labels")]),this._v(" "),n("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 8;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(8);\n\nconst labels = [];\nfor (let i = 0; i < DATA_COUNT; ++i) {\n labels.push('' + i);\n}\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: labels,\n datasets: [{\n data: Utils.numbers(numberCfg)\n }, {\n data: Utils.numbers(numberCfg)\n }, {\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'label',\n content: (ctx) => 'Lower bound: ' + minValue(ctx).toFixed(3),\n position: {\n x: 'start',\n y: 'end'\n },\n xScaleID: 'x',\n xValue: 2,\n yScaleID: 'y',\n yValue: minValue\n};\n// \n\n// \nconst annotation2 = {\n type: 'label',\n content: (ctx) => 'Upper bound: ' + maxValue(ctx).toFixed(3),\n position: {\n x: 'start',\n y: 'start'\n },\n xScaleID: 'x',\n xValue: 2,\n yScaleID: 'y',\n yValue: maxValue\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n y: {\n stacked: true\n }\n },\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction minValue(ctx) {\n const dataset = ctx.chart.data.datasets[0];\n const min = dataset.data.reduce((max, point) => Math.min(point, max), Infinity);\n return isFinite(min) ? min : 0;\n}\n\nfunction maxValue(ctx) {\n const datasets = ctx.chart.data.datasets;\n const count = datasets[0].data.length;\n let max = 0;\n for (let i = 0; i < count; i++) {\n let sum = 0;\n for (const dataset of datasets) {\n sum += dataset.data[i];\n }\n max = Math.max(max, sum);\n }\n return max;\n}\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Add data',\n handler: function(chart) {\n chart.data.labels.push(chart.data.labels.length);\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.push(Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Remove data',\n handler: function(chart) {\n chart.data.labels.shift();\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.shift();\n });\n chart.update();\n }\n },\n {\n name: 'Cycle x-position',\n handler: function(chart) {\n const annotations = chart.options.plugins.annotation.annotations;\n if (annotations.annotation1.position.x === 'start') {\n annotations.annotation1.position.x = 'end';\n annotations.annotation2.position.x = 'end';\n } else if (annotations.annotation1.position.x === 'center') {\n annotations.annotation1.position.x = 'start';\n annotations.annotation2.position.x = 'start';\n } else {\n annotations.annotation1.position.x = 'center';\n annotations.annotation2.position.x = 'center';\n }\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n"}})],1)}),[],!1,null,null,null);t.default=s.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[81],{498:function(n,t,a){"use strict";a.r(t);var o=a(4),s=Object(o.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"lower-and-upper-bounds-labels"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#lower-and-upper-bounds-labels"}},[this._v("#")]),this._v(" Lower and upper bounds labels")]),this._v(" "),n("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 8;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(8);\n\nconst labels = [];\nfor (let i = 0; i < DATA_COUNT; ++i) {\n labels.push('' + i);\n}\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: labels,\n datasets: [{\n data: Utils.numbers(numberCfg)\n }, {\n data: Utils.numbers(numberCfg)\n }, {\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'label',\n content: (ctx) => 'Lower bound: ' + minValue(ctx).toFixed(3),\n position: {\n x: 'start',\n y: 'end'\n },\n xScaleID: 'x',\n xValue: 2,\n yScaleID: 'y',\n yValue: minValue\n};\n// \n\n// \nconst annotation2 = {\n type: 'label',\n content: (ctx) => 'Upper bound: ' + maxValue(ctx).toFixed(3),\n position: {\n x: 'start',\n y: 'start'\n },\n xScaleID: 'x',\n xValue: 2,\n yScaleID: 'y',\n yValue: maxValue\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n y: {\n stacked: true\n }\n },\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction minValue(ctx) {\n const dataset = ctx.chart.data.datasets[0];\n const min = dataset.data.reduce((max, point) => Math.min(point, max), Infinity);\n return isFinite(min) ? min : 0;\n}\n\nfunction maxValue(ctx) {\n const datasets = ctx.chart.data.datasets;\n const count = datasets[0].data.length;\n let max = 0;\n for (let i = 0; i < count; i++) {\n let sum = 0;\n for (const dataset of datasets) {\n sum += dataset.data[i];\n }\n max = Math.max(max, sum);\n }\n return max;\n}\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Add data',\n handler: function(chart) {\n chart.data.labels.push(chart.data.labels.length);\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.push(Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Remove data',\n handler: function(chart) {\n chart.data.labels.shift();\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.shift();\n });\n chart.update();\n }\n },\n {\n name: 'Cycle x-position',\n handler: function(chart) {\n const annotations = chart.options.plugins.annotation.annotations;\n if (annotations.annotation1.position.x === 'start') {\n annotations.annotation1.position.x = 'end';\n annotations.annotation2.position.x = 'end';\n } else if (annotations.annotation1.position.x === 'center') {\n annotations.annotation1.position.x = 'start';\n annotations.annotation2.position.x = 'start';\n } else {\n annotations.annotation1.position.x = 'center';\n annotations.annotation2.position.x = 'center';\n }\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n"}})],1)}),[],!1,null,null,null);t.default=s.exports}}]); \ No newline at end of file diff --git a/master/assets/js/82.2994b775.js b/master/assets/js/82.1db82ff5.js similarity index 97% rename from master/assets/js/82.2994b775.js rename to master/assets/js/82.1db82ff5.js index 3efa1a77e..8c28809a7 100644 --- a/master/assets/js/82.2994b775.js +++ b/master/assets/js/82.1db82ff5.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[82],{499:function(n,t,a){"use strict";a.r(t);var o=a(4),e=Object(o.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"point"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#point"}},[this._v("#")]),this._v(" Point")]),this._v(" "),n("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 12;\nconst MIN = 0;\nconst MAX = 100;\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'label',\n backgroundColor: 'rgba(245, 245, 245, 0.5)',\n content: (ctx) => 'Maximum value is ' + maxValue(ctx).toFixed(2),\n font: {\n size: 16\n },\n padding: {\n top: 6,\n left: 6,\n right: 6,\n bottom: 12\n },\n position: {\n x: (ctx) => maxIndex(ctx) <= 3 ? 'start' : maxIndex(ctx) >= 10 ? 'end' : 'center',\n y: 'end'\n },\n xValue: (ctx) => maxLabel(ctx),\n yAdjust: -6,\n yValue: (ctx) => maxValue(ctx)\n};\n// \n\n// \nconst annotation2 = {\n type: 'point',\n backgroundColor: 'transparent',\n borderColor: (ctx) => ctx.chart.data.datasets[0].borderColor,\n pointStyle: 'rectRounded',\n radius: 10,\n xValue: (ctx) => maxLabel(ctx),\n yValue: (ctx) => maxValue(ctx)\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n layout: {\n padding: {\n right: 10\n },\n },\n scales: {\n y: {\n beginAtZero: true,\n max: 120,\n min: 0\n }\n },\n plugins: {\n annotation: {\n clip: false,\n annotations: {\n annotation1,\n annotation2\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction maxValue(ctx) {\n let max = 0;\n const dataset = ctx.chart.data.datasets[0];\n dataset.data.forEach(function(el) {\n max = Math.max(max, el);\n });\n return max;\n}\n\nfunction maxIndex(ctx) {\n const max = maxValue(ctx);\n const dataset = ctx.chart.data.datasets[0];\n return dataset.data.indexOf(max);\n}\n\nfunction maxLabel(ctx) {\n return ctx.chart.data.labels[maxIndex(ctx)];\n}\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n"}})],1)}),[],!1,null,null,null);t.default=e.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[82],{500:function(n,t,a){"use strict";a.r(t);var o=a(4),e=Object(o.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"point"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#point"}},[this._v("#")]),this._v(" Point")]),this._v(" "),n("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 12;\nconst MIN = 0;\nconst MAX = 100;\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'label',\n backgroundColor: 'rgba(245, 245, 245, 0.5)',\n content: (ctx) => 'Maximum value is ' + maxValue(ctx).toFixed(2),\n font: {\n size: 16\n },\n padding: {\n top: 6,\n left: 6,\n right: 6,\n bottom: 12\n },\n position: {\n x: (ctx) => maxIndex(ctx) <= 3 ? 'start' : maxIndex(ctx) >= 10 ? 'end' : 'center',\n y: 'end'\n },\n xValue: (ctx) => maxLabel(ctx),\n yAdjust: -6,\n yValue: (ctx) => maxValue(ctx)\n};\n// \n\n// \nconst annotation2 = {\n type: 'point',\n backgroundColor: 'transparent',\n borderColor: (ctx) => ctx.chart.data.datasets[0].borderColor,\n pointStyle: 'rectRounded',\n radius: 10,\n xValue: (ctx) => maxLabel(ctx),\n yValue: (ctx) => maxValue(ctx)\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n layout: {\n padding: {\n right: 10\n },\n },\n scales: {\n y: {\n beginAtZero: true,\n max: 120,\n min: 0\n }\n },\n plugins: {\n annotation: {\n clip: false,\n annotations: {\n annotation1,\n annotation2\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction maxValue(ctx) {\n let max = 0;\n const dataset = ctx.chart.data.datasets[0];\n dataset.data.forEach(function(el) {\n max = Math.max(max, el);\n });\n return max;\n}\n\nfunction maxIndex(ctx) {\n const max = maxValue(ctx);\n const dataset = ctx.chart.data.datasets[0];\n return dataset.data.indexOf(max);\n}\n\nfunction maxLabel(ctx) {\n return ctx.chart.data.labels[maxIndex(ctx)];\n}\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n"}})],1)}),[],!1,null,null,null);t.default=e.exports}}]); \ No newline at end of file diff --git a/master/assets/js/88.5d1ec59a.js b/master/assets/js/88.5de385db.js similarity index 96% rename from master/assets/js/88.5d1ec59a.js rename to master/assets/js/88.5de385db.js index 89b1a6301..05701d2a4 100644 --- a/master/assets/js/88.5d1ec59a.js +++ b/master/assets/js/88.5de385db.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[88],{506:function(n,t,a){"use strict";a.r(t);var o=a(4),s=Object(o.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"curve"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#curve"}},[this._v("#")]),this._v(" Curve")]),this._v(" "),n("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 8;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(8);\n\nconst labels = [];\nfor (let i = 0; i < DATA_COUNT; ++i) {\n labels.push('' + i);\n}\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: labels,\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation = {\n type: 'line',\n borderColor: 'black',\n borderWidth: 3,\n xScaleID: 'x',\n yScaleID: 'y',\n xMin: 1,\n xMax: 6,\n yMin: ({chart}) => chart.data.datasets[0].data[1] / 2,\n yMax: ({chart}) => chart.data.datasets[0].data[6] / 2,\n curve: true,\n arrowHeads: {\n end: {\n display: true\n }\n }\n};\n// \n\n/* */\nconst config = {\n type: 'bar',\n data,\n options: {\n plugins: {\n annotation: {\n annotations: {\n annotation\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config\n};\n"}})],1)}),[],!1,null,null,null);t.default=s.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[88],{507:function(n,t,a){"use strict";a.r(t);var o=a(4),s=Object(o.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"curve"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#curve"}},[this._v("#")]),this._v(" Curve")]),this._v(" "),n("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 8;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(8);\n\nconst labels = [];\nfor (let i = 0; i < DATA_COUNT; ++i) {\n labels.push('' + i);\n}\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: labels,\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation = {\n type: 'line',\n borderColor: 'black',\n borderWidth: 3,\n xScaleID: 'x',\n yScaleID: 'y',\n xMin: 1,\n xMax: 6,\n yMin: ({chart}) => chart.data.datasets[0].data[1] / 2,\n yMax: ({chart}) => chart.data.datasets[0].data[6] / 2,\n curve: true,\n arrowHeads: {\n end: {\n display: true\n }\n }\n};\n// \n\n/* */\nconst config = {\n type: 'bar',\n data,\n options: {\n plugins: {\n annotation: {\n annotations: {\n annotation\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config\n};\n"}})],1)}),[],!1,null,null,null);t.default=s.exports}}]); \ No newline at end of file diff --git a/master/assets/js/89.a7f2b37e.js b/master/assets/js/89.d22c6e87.js similarity index 98% rename from master/assets/js/89.a7f2b37e.js rename to master/assets/js/89.d22c6e87.js index 64b5c8d02..c64b65026 100644 --- a/master/assets/js/89.a7f2b37e.js +++ b/master/assets/js/89.d22c6e87.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[89],{507:function(n,t,a){"use strict";a.r(t);var e=a(4),o=Object(e.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"annotating-dataset-bars"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#annotating-dataset-bars"}},[this._v("#")]),this._v(" Annotating dataset bars")]),this._v(" "),n("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 4;\nconst MIN = 20;\nconst MAX = 100;\n\nUtils.srand(8);\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'line',\n borderColor: 'green',\n borderWidth: 3,\n label: {\n display: true,\n backgroundColor: 'green',\n borderRadius: 0,\n color: 'white',\n content: (ctx) => middleValue(ctx, 0, 0.5).toFixed(0)\n },\n xMax: indexToMax(0) + 0.05,\n xMin: indexToMin(0) - 0.05,\n xScaleID: 'x',\n yMax: (ctx) => middleValue(ctx, 0, 0.5),\n yMin: (ctx) => middleValue(ctx, 0, 0.5),\n yScaleID: 'y'\n};\n// \n\n// \nconst annotation2 = {\n type: 'line',\n borderColor: 'green',\n borderWidth: 3,\n label: {\n display: true,\n backgroundColor: 'green',\n borderRadius: 0,\n color: 'white',\n content: (ctx) => middleValue(ctx, 1, 0.75).toFixed(0)\n },\n xMax: indexToMax(1) + 0.05,\n xMin: indexToMin(1) - 0.05,\n xScaleID: 'x',\n yMax: (ctx) => middleValue(ctx, 1, 0.75),\n yMin: (ctx) => middleValue(ctx, 1, 0.75),\n yScaleID: 'y'\n};\n// \n\n// \nconst annotation3 = {\n type: 'line',\n borderColor: 'green',\n borderWidth: 3,\n label: {\n display: true,\n backgroundColor: 'green',\n borderRadius: 0,\n color: 'white',\n content: (ctx) => middleValue(ctx, 2, 1).toFixed(0)\n },\n xMax: indexToMax(2) + 0.05,\n xMin: indexToMin(2) - 0.05,\n xScaleID: 'x',\n yMax: (ctx) => middleValue(ctx, 2, 1),\n yMin: (ctx) => middleValue(ctx, 2, 1),\n yScaleID: 'y'\n};\n// \n\n// \nconst annotation4 = {\n type: 'line',\n borderColor: 'green',\n borderWidth: 3,\n label: {\n display: true,\n backgroundColor: 'green',\n borderRadius: 0,\n color: 'white',\n content: (ctx) => middleValue(ctx, 3, 0.25).toFixed(0)\n },\n xMax: indexToMax(3) + 0.05,\n xMin: indexToMin(3) - 0.05,\n xScaleID: 'x',\n yMax: (ctx) => middleValue(ctx, 3, 0.25),\n yMin: (ctx) => middleValue(ctx, 3, 0.25),\n yScaleID: 'y'\n};\n// \n\n/* */\nconst config = {\n type: 'bar',\n data,\n options: {\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2,\n annotation3,\n annotation4\n }\n }\n }\n }\n};\n/* */\n\n// \n// categoryPercentage is 0.8 by default\n// barPercentage is 0.9 by default\n// 1 * 0.8 * 0.9 = 0.72\n// 0.72 / 2 = 0.36\n\nfunction indexToMin(index) {\n return index - 0.36;\n}\n\nfunction indexToMax(index) {\n return index + 0.36;\n}\n\nfunction middleValue(ctx, index, perc) {\n const chart = ctx.chart;\n const dataset = chart.data.datasets[0];\n return dataset.data[index] * perc;\n}\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n"}})],1)}),[],!1,null,null,null);t.default=o.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[89],{506:function(n,t,a){"use strict";a.r(t);var e=a(4),o=Object(e.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"annotating-dataset-bars"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#annotating-dataset-bars"}},[this._v("#")]),this._v(" Annotating dataset bars")]),this._v(" "),n("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 4;\nconst MIN = 20;\nconst MAX = 100;\n\nUtils.srand(8);\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'line',\n borderColor: 'green',\n borderWidth: 3,\n label: {\n display: true,\n backgroundColor: 'green',\n borderRadius: 0,\n color: 'white',\n content: (ctx) => middleValue(ctx, 0, 0.5).toFixed(0)\n },\n xMax: indexToMax(0) + 0.05,\n xMin: indexToMin(0) - 0.05,\n xScaleID: 'x',\n yMax: (ctx) => middleValue(ctx, 0, 0.5),\n yMin: (ctx) => middleValue(ctx, 0, 0.5),\n yScaleID: 'y'\n};\n// \n\n// \nconst annotation2 = {\n type: 'line',\n borderColor: 'green',\n borderWidth: 3,\n label: {\n display: true,\n backgroundColor: 'green',\n borderRadius: 0,\n color: 'white',\n content: (ctx) => middleValue(ctx, 1, 0.75).toFixed(0)\n },\n xMax: indexToMax(1) + 0.05,\n xMin: indexToMin(1) - 0.05,\n xScaleID: 'x',\n yMax: (ctx) => middleValue(ctx, 1, 0.75),\n yMin: (ctx) => middleValue(ctx, 1, 0.75),\n yScaleID: 'y'\n};\n// \n\n// \nconst annotation3 = {\n type: 'line',\n borderColor: 'green',\n borderWidth: 3,\n label: {\n display: true,\n backgroundColor: 'green',\n borderRadius: 0,\n color: 'white',\n content: (ctx) => middleValue(ctx, 2, 1).toFixed(0)\n },\n xMax: indexToMax(2) + 0.05,\n xMin: indexToMin(2) - 0.05,\n xScaleID: 'x',\n yMax: (ctx) => middleValue(ctx, 2, 1),\n yMin: (ctx) => middleValue(ctx, 2, 1),\n yScaleID: 'y'\n};\n// \n\n// \nconst annotation4 = {\n type: 'line',\n borderColor: 'green',\n borderWidth: 3,\n label: {\n display: true,\n backgroundColor: 'green',\n borderRadius: 0,\n color: 'white',\n content: (ctx) => middleValue(ctx, 3, 0.25).toFixed(0)\n },\n xMax: indexToMax(3) + 0.05,\n xMin: indexToMin(3) - 0.05,\n xScaleID: 'x',\n yMax: (ctx) => middleValue(ctx, 3, 0.25),\n yMin: (ctx) => middleValue(ctx, 3, 0.25),\n yScaleID: 'y'\n};\n// \n\n/* */\nconst config = {\n type: 'bar',\n data,\n options: {\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2,\n annotation3,\n annotation4\n }\n }\n }\n }\n};\n/* */\n\n// \n// categoryPercentage is 0.8 by default\n// barPercentage is 0.9 by default\n// 1 * 0.8 * 0.9 = 0.72\n// 0.72 / 2 = 0.36\n\nfunction indexToMin(index) {\n return index - 0.36;\n}\n\nfunction indexToMax(index) {\n return index + 0.36;\n}\n\nfunction middleValue(ctx, index, perc) {\n const chart = ctx.chart;\n const dataset = chart.data.datasets[0];\n return dataset.data[index] * perc;\n}\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n"}})],1)}),[],!1,null,null,null);t.default=o.exports}}]); \ No newline at end of file diff --git a/master/assets/js/92.70311316.js b/master/assets/js/92.15c111f2.js similarity index 98% rename from master/assets/js/92.70311316.js rename to master/assets/js/92.15c111f2.js index c1236ee62..04e7a2c15 100644 --- a/master/assets/js/92.70311316.js +++ b/master/assets/js/92.15c111f2.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[92],{510:function(n,t,a){"use strict";a.r(t);var e=a(4),o=Object(e.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"label-visibility"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#label-visibility"}},[this._v("#")]),this._v(" Label visibility")]),this._v(" "),n("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 8;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(8);\n\nconst labels = [];\nfor (let i = 0; i < DATA_COUNT; ++i) {\n labels.push('' + i);\n}\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: labels,\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'line',\n borderColor: 'lightGreen',\n borderWidth: 10,\n label: {\n display: false,\n backgroundColor: 'green',\n drawTime: 'afterDatasetsDraw',\n content: (ctx) => ['Average of dataset', 'is: ' + average(ctx).toFixed(3)]\n },\n scaleID: 'y',\n value: (ctx) => average(ctx),\n // For simple property changes, you can directly modify the annotation\n // element's properties then return true to force chart re-drawing. This is faster.\n enter({element}, event) {\n element.label.options.display = true;\n return true;\n },\n leave({element}, event) {\n element.label.options.display = false;\n return true;\n }\n};\n// \n\n// \nconst annotation2 = {\n type: 'line',\n borderColor: 'lightBlue',\n borderWidth: 10,\n label: {\n display: (ctx) => ctx.hovered,\n backgroundColor: 'blue',\n drawTime: 'afterDatasetsDraw',\n content: (ctx) => ['Min of dataset', 'is: ' + min(ctx).toFixed(3)],\n position: (ctx) => ctx.hoverPosition\n },\n scaleID: 'y',\n value: (ctx) => min(ctx),\n // For more complex dynamic properties, you can store values on the persistent\n // context object then retrieve them via scriptable properties. You'll have\n // to call chart.update() to reprocess the chart.\n enter(ctx, event) {\n ctx.hovered = true;\n ctx.hoverPosition = (event.x / ctx.chart.chartArea.width * 100) + '%';\n ctx.chart.update();\n },\n leave(ctx, event) {\n ctx.hovered = false;\n ctx.chart.update();\n }\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n plugins: {\n tooltip: {\n display: false,\n },\n annotation: {\n common: {\n drawTime: 'beforeDatasetsDraw'\n },\n annotations: {\n annotation1,\n annotation2\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction average(ctx) {\n const values = ctx.chart.data.datasets[0].data;\n return values.reduce((a, b) => a + b, 0) / values.length;\n}\n\nfunction min(ctx) {\n const values = ctx.chart.data.datasets[0].data;\n return values.reduce((a, b) => Math.min(a, b), Infinity);\n}\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Add data',\n handler: function(chart) {\n chart.data.labels.push(chart.data.labels.length);\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.push(Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Remove data',\n handler: function(chart) {\n chart.data.labels.shift();\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.shift();\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n"}})],1)}),[],!1,null,null,null);t.default=o.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[92],{512:function(n,t,a){"use strict";a.r(t);var e=a(4),o=Object(e.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"label-visibility"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#label-visibility"}},[this._v("#")]),this._v(" Label visibility")]),this._v(" "),n("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 8;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(8);\n\nconst labels = [];\nfor (let i = 0; i < DATA_COUNT; ++i) {\n labels.push('' + i);\n}\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: labels,\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'line',\n borderColor: 'lightGreen',\n borderWidth: 10,\n label: {\n display: false,\n backgroundColor: 'green',\n drawTime: 'afterDatasetsDraw',\n content: (ctx) => ['Average of dataset', 'is: ' + average(ctx).toFixed(3)]\n },\n scaleID: 'y',\n value: (ctx) => average(ctx),\n // For simple property changes, you can directly modify the annotation\n // element's properties then return true to force chart re-drawing. This is faster.\n enter({element}, event) {\n element.label.options.display = true;\n return true;\n },\n leave({element}, event) {\n element.label.options.display = false;\n return true;\n }\n};\n// \n\n// \nconst annotation2 = {\n type: 'line',\n borderColor: 'lightBlue',\n borderWidth: 10,\n label: {\n display: (ctx) => ctx.hovered,\n backgroundColor: 'blue',\n drawTime: 'afterDatasetsDraw',\n content: (ctx) => ['Min of dataset', 'is: ' + min(ctx).toFixed(3)],\n position: (ctx) => ctx.hoverPosition\n },\n scaleID: 'y',\n value: (ctx) => min(ctx),\n // For more complex dynamic properties, you can store values on the persistent\n // context object then retrieve them via scriptable properties. You'll have\n // to call chart.update() to reprocess the chart.\n enter(ctx, event) {\n ctx.hovered = true;\n ctx.hoverPosition = (event.x / ctx.chart.chartArea.width * 100) + '%';\n ctx.chart.update();\n },\n leave(ctx, event) {\n ctx.hovered = false;\n ctx.chart.update();\n }\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n plugins: {\n tooltip: {\n display: false,\n },\n annotation: {\n common: {\n drawTime: 'beforeDatasetsDraw'\n },\n annotations: {\n annotation1,\n annotation2\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction average(ctx) {\n const values = ctx.chart.data.datasets[0].data;\n return values.reduce((a, b) => a + b, 0) / values.length;\n}\n\nfunction min(ctx) {\n const values = ctx.chart.data.datasets[0].data;\n return values.reduce((a, b) => Math.min(a, b), Infinity);\n}\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Add data',\n handler: function(chart) {\n chart.data.labels.push(chart.data.labels.length);\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.push(Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Remove data',\n handler: function(chart) {\n chart.data.labels.shift();\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.shift();\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n"}})],1)}),[],!1,null,null,null);t.default=o.exports}}]); \ No newline at end of file diff --git a/master/assets/js/93.ef8c758c.js b/master/assets/js/93.3d57126c.js similarity index 97% rename from master/assets/js/93.ef8c758c.js rename to master/assets/js/93.3d57126c.js index c2db93312..00df6c77e 100644 --- a/master/assets/js/93.ef8c758c.js +++ b/master/assets/js/93.3d57126c.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[93],{513:function(n,t,a){"use strict";a.r(t);var o=a(4),e=Object(o.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"limited-lines"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#limited-lines"}},[this._v("#")]),this._v(" Limited lines")]),this._v(" "),n("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 12;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(8);\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }, {\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'line',\n borderColor: 'green',\n borderWidth: 3,\n label: {\n display: true,\n backgroundColor: 'lightGreen',\n borderRadius: 0,\n color: 'green',\n content: 'Summer time'\n },\n arrowHeads: {\n start: {\n display: true,\n borderColor: 'green'\n },\n end: {\n display: true,\n borderColor: 'green'\n }\n },\n xMax: 8,\n xMin: 5,\n xScaleID: 'x',\n yMax: 110,\n yMin: 110,\n yScaleID: 'y'\n};\n// \n\n// \nconst annotation2 = {\n type: 'line',\n borderColor: 'green',\n borderDash: [6, 6],\n borderWidth: 1,\n xMax: 5,\n xMin: 5,\n xScaleID: 'x',\n yMax: 0,\n yMin: 110,\n yScaleID: 'y'\n};\n// \n\n// \nconst annotation3 = {\n type: 'line',\n borderColor: 'green',\n borderDash: [6, 6],\n borderWidth: 1,\n xMax: 8,\n xMin: 8,\n xScaleID: 'x',\n yMax: 0,\n yMin: 110,\n yScaleID: 'y'\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scale: {\n y: {\n beginAtZero: true,\n max: 120,\n min: 0\n }\n },\n plugins: {\n annotation: {\n common: {\n drawTime: 'beforeDraw'\n },\n annotations: {\n annotation1,\n annotation2,\n annotation3\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n"}})],1)}),[],!1,null,null,null);t.default=e.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[93],{510:function(n,t,a){"use strict";a.r(t);var o=a(4),e=Object(o.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"limited-lines"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#limited-lines"}},[this._v("#")]),this._v(" Limited lines")]),this._v(" "),n("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 12;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(8);\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }, {\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'line',\n borderColor: 'green',\n borderWidth: 3,\n label: {\n display: true,\n backgroundColor: 'lightGreen',\n borderRadius: 0,\n color: 'green',\n content: 'Summer time'\n },\n arrowHeads: {\n start: {\n display: true,\n borderColor: 'green'\n },\n end: {\n display: true,\n borderColor: 'green'\n }\n },\n xMax: 8,\n xMin: 5,\n xScaleID: 'x',\n yMax: 110,\n yMin: 110,\n yScaleID: 'y'\n};\n// \n\n// \nconst annotation2 = {\n type: 'line',\n borderColor: 'green',\n borderDash: [6, 6],\n borderWidth: 1,\n xMax: 5,\n xMin: 5,\n xScaleID: 'x',\n yMax: 0,\n yMin: 110,\n yScaleID: 'y'\n};\n// \n\n// \nconst annotation3 = {\n type: 'line',\n borderColor: 'green',\n borderDash: [6, 6],\n borderWidth: 1,\n xMax: 8,\n xMin: 8,\n xScaleID: 'x',\n yMax: 0,\n yMin: 110,\n yScaleID: 'y'\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scale: {\n y: {\n beginAtZero: true,\n max: 120,\n min: 0\n }\n },\n plugins: {\n annotation: {\n common: {\n drawTime: 'beforeDraw'\n },\n annotations: {\n annotation1,\n annotation2,\n annotation3\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n"}})],1)}),[],!1,null,null,null);t.default=e.exports}}]); \ No newline at end of file diff --git a/master/assets/js/94.4b1c884d.js b/master/assets/js/94.549219b8.js similarity index 98% rename from master/assets/js/94.4b1c884d.js rename to master/assets/js/94.549219b8.js index 34cde6916..a97432d04 100644 --- a/master/assets/js/94.4b1c884d.js +++ b/master/assets/js/94.549219b8.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[94],{511:function(n,t,a){"use strict";a.r(t);var o=a(4),e=Object(o.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"lower-and-upper-bounds"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#lower-and-upper-bounds"}},[this._v("#")]),this._v(" Lower and upper bounds")]),this._v(" "),n("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 8;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(8);\n\nconst labels = [];\nfor (let i = 0; i < DATA_COUNT; ++i) {\n labels.push('' + i);\n}\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: labels,\n datasets: [{\n data: Utils.numbers(numberCfg)\n }, {\n data: Utils.numbers(numberCfg)\n }, {\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'line',\n borderColor: 'black',\n borderWidth: 3,\n label: {\n display: true,\n backgroundColor: 'black',\n borderColor: 'black',\n borderRadius: 10,\n borderWidth: 2,\n content: (ctx) => 'Lower bound: ' + minValue(ctx).toFixed(3),\n rotation: 'auto'\n },\n scaleID: 'y',\n value: minValue\n};\n// \n\n// \nconst annotation2 = {\n type: 'line',\n borderWidth: 3,\n borderColor: 'black',\n label: {\n display: true,\n backgroundColor: 'black',\n borderColor: 'black',\n borderRadius: 10,\n borderWidth: 2,\n content: (ctx) => 'Upper bound: ' + maxValue(ctx).toFixed(3),\n rotation: 'auto'\n },\n scaleID: 'y',\n value: maxValue\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n y: {\n stacked: true\n }\n },\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction minValue(ctx) {\n const dataset = ctx.chart.data.datasets[0];\n const min = dataset.data.reduce((max, point) => Math.min(point, max), Infinity);\n return isFinite(min) ? min : 0;\n}\n\nfunction maxValue(ctx) {\n const datasets = ctx.chart.data.datasets;\n const count = datasets[0].data.length;\n let max = 0;\n for (let i = 0; i < count; i++) {\n let sum = 0;\n for (const dataset of datasets) {\n sum += dataset.data[i];\n }\n max = Math.max(max, sum);\n }\n return max;\n}\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Add data',\n handler: function(chart) {\n chart.data.labels.push(chart.data.labels.length);\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.push(Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Remove data',\n handler: function(chart) {\n chart.data.labels.shift();\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.shift();\n });\n chart.update();\n }\n },\n {\n name: 'Cycle position',\n handler: function(chart) {\n const annotations = chart.options.plugins.annotation.annotations;\n if (annotations.annotation1.label.position === 'start') {\n annotations.annotation1.label.position = 'end';\n annotations.annotation2.label.position = 'end';\n } else if (annotations.annotation1.label.position === 'center') {\n annotations.annotation1.label.position = 'start';\n annotations.annotation2.label.position = 'start';\n } else {\n annotations.annotation1.label.position = 'center';\n annotations.annotation2.label.position = 'center';\n }\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n"}})],1)}),[],!1,null,null,null);t.default=e.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[94],{514:function(n,t,a){"use strict";a.r(t);var o=a(4),e=Object(o.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"lower-and-upper-bounds"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#lower-and-upper-bounds"}},[this._v("#")]),this._v(" Lower and upper bounds")]),this._v(" "),n("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 8;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(8);\n\nconst labels = [];\nfor (let i = 0; i < DATA_COUNT; ++i) {\n labels.push('' + i);\n}\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: labels,\n datasets: [{\n data: Utils.numbers(numberCfg)\n }, {\n data: Utils.numbers(numberCfg)\n }, {\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'line',\n borderColor: 'black',\n borderWidth: 3,\n label: {\n display: true,\n backgroundColor: 'black',\n borderColor: 'black',\n borderRadius: 10,\n borderWidth: 2,\n content: (ctx) => 'Lower bound: ' + minValue(ctx).toFixed(3),\n rotation: 'auto'\n },\n scaleID: 'y',\n value: minValue\n};\n// \n\n// \nconst annotation2 = {\n type: 'line',\n borderWidth: 3,\n borderColor: 'black',\n label: {\n display: true,\n backgroundColor: 'black',\n borderColor: 'black',\n borderRadius: 10,\n borderWidth: 2,\n content: (ctx) => 'Upper bound: ' + maxValue(ctx).toFixed(3),\n rotation: 'auto'\n },\n scaleID: 'y',\n value: maxValue\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n y: {\n stacked: true\n }\n },\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction minValue(ctx) {\n const dataset = ctx.chart.data.datasets[0];\n const min = dataset.data.reduce((max, point) => Math.min(point, max), Infinity);\n return isFinite(min) ? min : 0;\n}\n\nfunction maxValue(ctx) {\n const datasets = ctx.chart.data.datasets;\n const count = datasets[0].data.length;\n let max = 0;\n for (let i = 0; i < count; i++) {\n let sum = 0;\n for (const dataset of datasets) {\n sum += dataset.data[i];\n }\n max = Math.max(max, sum);\n }\n return max;\n}\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Add data',\n handler: function(chart) {\n chart.data.labels.push(chart.data.labels.length);\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.push(Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Remove data',\n handler: function(chart) {\n chart.data.labels.shift();\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.shift();\n });\n chart.update();\n }\n },\n {\n name: 'Cycle position',\n handler: function(chart) {\n const annotations = chart.options.plugins.annotation.annotations;\n if (annotations.annotation1.label.position === 'start') {\n annotations.annotation1.label.position = 'end';\n annotations.annotation2.label.position = 'end';\n } else if (annotations.annotation1.label.position === 'center') {\n annotations.annotation1.label.position = 'start';\n annotations.annotation2.label.position = 'start';\n } else {\n annotations.annotation1.label.position = 'center';\n annotations.annotation2.label.position = 'center';\n }\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n"}})],1)}),[],!1,null,null,null);t.default=e.exports}}]); \ No newline at end of file diff --git a/master/assets/js/95.0c8ab88d.js b/master/assets/js/95.b41fc00c.js similarity index 98% rename from master/assets/js/95.0c8ab88d.js rename to master/assets/js/95.b41fc00c.js index 3a90a09cb..dbdffdfc7 100644 --- a/master/assets/js/95.0c8ab88d.js +++ b/master/assets/js/95.b41fc00c.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[95],{512:function(n,t,a){"use strict";a.r(t);var o=a(4),e=Object(o.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"standard-deviation"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#standard-deviation"}},[this._v("#")]),this._v(" Standard deviation")]),this._v(" "),n("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 16;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(8);\n\nconst labels = [];\nfor (let i = 0; i < DATA_COUNT; ++i) {\n labels.push('' + i);\n}\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: labels,\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'line',\n borderColor: 'rgb(100, 149, 237)',\n borderDash: [6, 6],\n borderDashOffset: 0,\n borderWidth: 3,\n label: {\n display: true,\n backgroundColor: 'rgb(100, 149, 237)',\n content: (ctx) => 'Average: ' + average(ctx).toFixed(2)\n },\n scaleID: 'y',\n value: (ctx) => average(ctx)\n};\n// \n\n// \nconst annotation2 = {\n type: 'line',\n borderColor: 'rgba(102, 102, 102, 0.5)',\n borderDash: [6, 6],\n borderDashOffset: 0,\n borderWidth: 3,\n label: {\n display: true,\n backgroundColor: 'rgba(102, 102, 102, 0.5)',\n color: 'black',\n content: (ctx) => (average(ctx) + standardDeviation(ctx)).toFixed(2),\n position: 'start',\n rotation: -90,\n yAdjust: -28\n },\n scaleID: 'y',\n value: (ctx) => average(ctx) + standardDeviation(ctx)\n};\n// \n\n// \nconst annotation3 = {\n type: 'line',\n borderColor: 'rgba(102, 102, 102, 0.5)',\n borderDash: [6, 6],\n borderDashOffset: 0,\n borderWidth: 3,\n label: {\n display: true,\n backgroundColor: 'rgba(102, 102, 102, 0.5)',\n color: 'black',\n content: (ctx) => (average(ctx) - standardDeviation(ctx)).toFixed(2),\n position: 'end',\n rotation: 90,\n yAdjust: 28\n },\n scaleID: 'y',\n value: (ctx) => average(ctx) - standardDeviation(ctx)\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scale: {\n y: {\n beginAtZero: true,\n max: 120,\n min: 0\n }\n },\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2,\n annotation3\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction average(ctx) {\n const values = ctx.chart.data.datasets[0].data;\n return values.reduce((a, b) => a + b, 0) / values.length;\n}\n\nfunction standardDeviation(ctx) {\n const values = ctx.chart.data.datasets[0].data;\n const n = values.length;\n const mean = average(ctx);\n return Math.sqrt(values.map(x => Math.pow(x - mean, 2)).reduce((a, b) => a + b) / n);\n}\n\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Add data',\n handler: function(chart) {\n chart.data.labels.push(chart.data.labels.length);\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.push(Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Remove data',\n handler: function(chart) {\n chart.data.labels.shift();\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.shift();\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n"}})],1)}),[],!1,null,null,null);t.default=e.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[95],{511:function(n,t,a){"use strict";a.r(t);var o=a(4),e=Object(o.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"standard-deviation"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#standard-deviation"}},[this._v("#")]),this._v(" Standard deviation")]),this._v(" "),n("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 16;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(8);\n\nconst labels = [];\nfor (let i = 0; i < DATA_COUNT; ++i) {\n labels.push('' + i);\n}\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: labels,\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'line',\n borderColor: 'rgb(100, 149, 237)',\n borderDash: [6, 6],\n borderDashOffset: 0,\n borderWidth: 3,\n label: {\n display: true,\n backgroundColor: 'rgb(100, 149, 237)',\n content: (ctx) => 'Average: ' + average(ctx).toFixed(2)\n },\n scaleID: 'y',\n value: (ctx) => average(ctx)\n};\n// \n\n// \nconst annotation2 = {\n type: 'line',\n borderColor: 'rgba(102, 102, 102, 0.5)',\n borderDash: [6, 6],\n borderDashOffset: 0,\n borderWidth: 3,\n label: {\n display: true,\n backgroundColor: 'rgba(102, 102, 102, 0.5)',\n color: 'black',\n content: (ctx) => (average(ctx) + standardDeviation(ctx)).toFixed(2),\n position: 'start',\n rotation: -90,\n yAdjust: -28\n },\n scaleID: 'y',\n value: (ctx) => average(ctx) + standardDeviation(ctx)\n};\n// \n\n// \nconst annotation3 = {\n type: 'line',\n borderColor: 'rgba(102, 102, 102, 0.5)',\n borderDash: [6, 6],\n borderDashOffset: 0,\n borderWidth: 3,\n label: {\n display: true,\n backgroundColor: 'rgba(102, 102, 102, 0.5)',\n color: 'black',\n content: (ctx) => (average(ctx) - standardDeviation(ctx)).toFixed(2),\n position: 'end',\n rotation: 90,\n yAdjust: 28\n },\n scaleID: 'y',\n value: (ctx) => average(ctx) - standardDeviation(ctx)\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scale: {\n y: {\n beginAtZero: true,\n max: 120,\n min: 0\n }\n },\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2,\n annotation3\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction average(ctx) {\n const values = ctx.chart.data.datasets[0].data;\n return values.reduce((a, b) => a + b, 0) / values.length;\n}\n\nfunction standardDeviation(ctx) {\n const values = ctx.chart.data.datasets[0].data;\n const n = values.length;\n const mean = average(ctx);\n return Math.sqrt(values.map(x => Math.pow(x - mean, 2)).reduce((a, b) => a + b) / n);\n}\n\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Add data',\n handler: function(chart) {\n chart.data.labels.push(chart.data.labels.length);\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.push(Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Remove data',\n handler: function(chart) {\n chart.data.labels.shift();\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.shift();\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n"}})],1)}),[],!1,null,null,null);t.default=e.exports}}]); \ No newline at end of file diff --git a/master/assets/js/96.bce9cd31.js b/master/assets/js/96.1ff52b61.js similarity index 97% rename from master/assets/js/96.bce9cd31.js rename to master/assets/js/96.1ff52b61.js index 4b086d20e..90481e377 100644 --- a/master/assets/js/96.bce9cd31.js +++ b/master/assets/js/96.1ff52b61.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[96],{514:function(n,t,a){"use strict";a.r(t);var i=a(4),s=Object(i.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"line-visibility"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#line-visibility"}},[this._v("#")]),this._v(" Line visibility")]),this._v(" "),n("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 6;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(8);\nconst jointValue = Utils.rand(MIN, MAX);\n\nconst dataCfg = Utils.numbers({count: DATA_COUNT, min: MIN, max: MAX});\ndataCfg.push(jointValue, NaN, NaN, NaN, NaN, NaN, NaN);\n\nconst futureCfg = Utils.numbers({count: DATA_COUNT - 1, min: MIN, max: MAX});\nfutureCfg.splice(0, 0, NaN, NaN, NaN, NaN, NaN, NaN, jointValue);\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: dataCfg\n }, {\n data: futureCfg,\n borderDash: [6, 6]\n }]\n};\n// \n\n// \nconst annotation = {\n type: 'line',\n borderColor: 'black',\n borderWidth: 1,\n display: (ctx) => ctx.chart.isDatasetVisible(1),\n label: {\n display: true,\n content: 'Now',\n position: 'start'\n },\n scaleID: 'x',\n value: 'July'\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n plugins: {\n annotation: {\n annotations: {\n annotation\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Toggle annotation',\n handler: function(chart) {\n const visible = chart.isDatasetVisible(1);\n if (visible) {\n chart.options.scales.x.max = 'July';\n } else {\n chart.options.scales.x.max = undefined;\n }\n chart.setDatasetVisibility(1, !visible);\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n"}})],1)}),[],!1,null,null,null);t.default=s.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[96],{513:function(n,t,a){"use strict";a.r(t);var i=a(4),s=Object(i.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"line-visibility"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#line-visibility"}},[this._v("#")]),this._v(" Line visibility")]),this._v(" "),n("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 6;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(8);\nconst jointValue = Utils.rand(MIN, MAX);\n\nconst dataCfg = Utils.numbers({count: DATA_COUNT, min: MIN, max: MAX});\ndataCfg.push(jointValue, NaN, NaN, NaN, NaN, NaN, NaN);\n\nconst futureCfg = Utils.numbers({count: DATA_COUNT - 1, min: MIN, max: MAX});\nfutureCfg.splice(0, 0, NaN, NaN, NaN, NaN, NaN, NaN, jointValue);\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: dataCfg\n }, {\n data: futureCfg,\n borderDash: [6, 6]\n }]\n};\n// \n\n// \nconst annotation = {\n type: 'line',\n borderColor: 'black',\n borderWidth: 1,\n display: (ctx) => ctx.chart.isDatasetVisible(1),\n label: {\n display: true,\n content: 'Now',\n position: 'start'\n },\n scaleID: 'x',\n value: 'July'\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n plugins: {\n annotation: {\n annotations: {\n annotation\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Toggle annotation',\n handler: function(chart) {\n const visible = chart.isDatasetVisible(1);\n if (visible) {\n chart.options.scales.x.max = 'July';\n } else {\n chart.options.scales.x.max = undefined;\n }\n chart.setDatasetVisibility(1, !visible);\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n"}})],1)}),[],!1,null,null,null);t.default=s.exports}}]); \ No newline at end of file diff --git a/master/assets/js/app.35213a3b.js b/master/assets/js/app.e76541d1.js similarity index 75% rename from master/assets/js/app.35213a3b.js rename to master/assets/js/app.e76541d1.js index 5d3358084..acac14835 100644 --- a/master/assets/js/app.35213a3b.js +++ b/master/assets/js/app.e76541d1.js @@ -1,4 +1,4 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[0],[]]);!function(n){function t(t){for(var o,r,s=t[0],l=t[1],c=t[2],u=0,h=[];u=n.length?{done:!0}:{done:!1,value:n[o++]}},e:function(n){throw n},f:a}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var i,r=!0,s=!1;return{s:function(){e=e.call(n)},n:function(){var n=e.next();return r=n.done,n},e:function(n){s=!0,i=n},f:function(){try{r||null==e.return||e.return()}finally{if(s)throw i}}}}function d(n,t){if(n){if("string"==typeof n)return u(n,t);var e=Object.prototype.toString.call(n).slice(8,-1);return"Object"===e&&n.constructor&&(e=n.constructor.name),"Map"===e||"Set"===e?Array.from(n):"Arguments"===e||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e)?u(n,t):void 0}}function u(n,t){(null==t||t>n.length)&&(t=n.length);for(var e=0,o=new Array(t);e=n.length?{done:!0}:{done:!1,value:n[o++]}},e:function(n){throw n},f:a}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var i,r=!0,s=!1;return{s:function(){e=e.call(n)},n:function(){var n=e.next();return r=n.done,n},e:function(n){s=!0,i=n},f:function(){try{r||null==e.return||e.return()}finally{if(s)throw i}}}}function d(n,t){if(n){if("string"==typeof n)return u(n,t);var e=Object.prototype.toString.call(n).slice(8,-1);return"Object"===e&&n.constructor&&(e=n.constructor.name),"Map"===e||"Set"===e?Array.from(n):"Arguments"===e||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e)?u(n,t):void 0}}function u(n,t){(null==t||t>n.length)&&(t=n.length);for(var e=0,o=new Array(t);eM * vue-router v3.6.5 * (c) 2022 Evan You * @license MIT - */function s(n,t){for(var e in t)n[e]=t[e];return n}var l=/[!'()*]/g,c=function(n){return"%"+n.charCodeAt(0).toString(16)},d=/%2C/g,u=function(n){return encodeURIComponent(n).replace(l,c).replace(d,",")};function h(n){try{return decodeURIComponent(n)}catch(n){0}return n}var f=function(n){return null==n||"object"==typeof n?n:String(n)};function p(n){var t={};return(n=n.trim().replace(/^(\?|#|&)/,""))?(n.split("&").forEach((function(n){var e=n.replace(/\+/g," ").split("="),o=h(e.shift()),a=e.length>0?h(e.join("=")):null;void 0===t[o]?t[o]=a:Array.isArray(t[o])?t[o].push(a):t[o]=[t[o],a]})),t):t}function b(n){var t=n?Object.keys(n).map((function(t){var e=n[t];if(void 0===e)return"";if(null===e)return u(t);if(Array.isArray(e)){var o=[];return e.forEach((function(n){void 0!==n&&(null===n?o.push(u(t)):o.push(u(t)+"="+u(n)))})),o.join("&")}return u(t)+"="+u(e)})).filter((function(n){return n.length>0})).join("&"):null;return t?"?"+t:""}var v=/\/?$/;function g(n,t,e,o){var a=o&&o.options.stringifyQuery,i=t.query||{};try{i=m(i)}catch(n){}var r={name:t.name||n&&n.name,meta:n&&n.meta||{},path:t.path||"/",hash:t.hash||"",query:i,params:t.params||{},fullPath:w(t,a),matched:n?x(n):[]};return e&&(r.redirectedFrom=w(e,a)),Object.freeze(r)}function m(n){if(Array.isArray(n))return n.map(m);if(n&&"object"==typeof n){var t={};for(var e in n)t[e]=m(n[e]);return t}return n}var y=g(null,{path:"/"});function x(n){for(var t=[];n;)t.unshift(n),n=n.parent;return t}function w(n,t){var e=n.path,o=n.query;void 0===o&&(o={});var a=n.hash;return void 0===a&&(a=""),(e||"/")+(t||b)(o)+a}function O(n,t,e){return t===y?n===t:!!t&&(n.path&&t.path?n.path.replace(v,"")===t.path.replace(v,"")&&(e||n.hash===t.hash&&C(n.query,t.query)):!(!n.name||!t.name)&&(n.name===t.name&&(e||n.hash===t.hash&&C(n.query,t.query)&&C(n.params,t.params))))}function C(n,t){if(void 0===n&&(n={}),void 0===t&&(t={}),!n||!t)return n===t;var e=Object.keys(n).sort(),o=Object.keys(t).sort();return e.length===o.length&&e.every((function(e,a){var i=n[e];if(o[a]!==e)return!1;var r=t[e];return null==i||null==r?i===r:"object"==typeof i&&"object"==typeof r?C(i,r):String(i)===String(r)}))}function k(n){for(var t=0;t=0&&(t=n.slice(o),n=n.slice(0,o));var a=n.indexOf("?");return a>=0&&(e=n.slice(a+1),n=n.slice(0,a)),{path:n,query:e,hash:t}}(a.path||""),d=t&&t.path||"/",u=c.path?D(c.path,d,e||a.append):d,h=function(n,t,e){void 0===t&&(t={});var o,a=e||p;try{o=a(n||"")}catch(n){o={}}for(var i in t){var r=t[i];o[i]=Array.isArray(r)?r.map(f):f(r)}return o}(c.query,a.query,o&&o.options.parseQuery),b=a.hash||c.hash;return b&&"#"!==b.charAt(0)&&(b="#"+b),{_normalized:!0,path:u,query:h,hash:b}}var J,q=function(){},G={name:"RouterLink",props:{to:{type:[String,Object],required:!0},tag:{type:String,default:"a"},custom:Boolean,exact:Boolean,exactPath:Boolean,append:Boolean,replace:Boolean,activeClass:String,exactActiveClass:String,ariaCurrentValue:{type:String,default:"page"},event:{type:[String,Array],default:"click"}},render:function(n){var t=this,e=this.$router,o=this.$route,a=e.resolve(this.to,o,this.append),i=a.location,r=a.route,l=a.href,c={},d=e.options.linkActiveClass,u=e.options.linkExactActiveClass,h=null==d?"router-link-active":d,f=null==u?"router-link-exact-active":u,p=null==this.activeClass?h:this.activeClass,b=null==this.exactActiveClass?f:this.exactActiveClass,m=r.redirectedFrom?g(null,H(r.redirectedFrom),null,e):r;c[b]=O(o,m,this.exactPath),c[p]=this.exact||this.exactPath?c[b]:function(n,t){return 0===n.path.replace(v,"/").indexOf(t.path.replace(v,"/"))&&(!t.hash||n.hash===t.hash)&&function(n,t){for(var e in t)if(!(e in n))return!1;return!0}(n.query,t.query)}(o,m);var y=c[b]?this.ariaCurrentValue:null,x=function(n){K(n)&&(t.replace?e.replace(i,q):e.push(i,q))},w={click:K};Array.isArray(this.event)?this.event.forEach((function(n){w[n]=x})):w[this.event]=x;var C={class:c},k=!this.$scopedSlots.$hasNormal&&this.$scopedSlots.default&&this.$scopedSlots.default({href:l,route:r,navigate:x,isActive:c[p],isExactActive:c[b]});if(k){if(1===k.length)return k[0];if(k.length>1||!k.length)return 0===k.length?n():n("span",{},k)}if("a"===this.tag)C.on=w,C.attrs={href:l,"aria-current":y};else{var _=function n(t){var e;if(t)for(var o=0;o-1&&(s.params[h]=e.params[h]);return s.path=X(d.path,s.params),l(d,s,r)}if(s.path){s.params={};for(var f=0;f-1}function An(n,t){return Mn(n)&&n._isRouter&&(null==t||n.type===t)}function Pn(n,t,e){var o=function(a){a>=n.length?e():n[a]?t(n[a],(function(){o(a+1)})):o(a+1)};o(0)}function jn(n){return function(t,e,o){var a=!1,i=0,r=null;Tn(n,(function(n,t,e,s){if("function"==typeof n&&void 0===n.cid){a=!0,i++;var l,c=Ln((function(t){var a;((a=t).__esModule||En&&"Module"===a[Symbol.toStringTag])&&(t=t.default),n.resolved="function"==typeof t?t:J.extend(t),e.components[s]=t,--i<=0&&o()})),d=Ln((function(n){var t="Failed to resolve async component "+s+": "+n;r||(r=Mn(n)?n:new Error(t),o(r))}));try{l=n(c,d)}catch(n){d(n)}if(l)if("function"==typeof l.then)l.then(c,d);else{var u=l.component;u&&"function"==typeof u.then&&u.then(c,d)}}})),a||o()}}function Tn(n,t){return In(n.map((function(n){return Object.keys(n.components).map((function(e){return t(n.components[e],n.instances[e],n,e)}))})))}function In(n){return Array.prototype.concat.apply([],n)}var En="function"==typeof Symbol&&"symbol"==typeof Symbol.toStringTag;function Ln(n){var t=!1;return function(){for(var e=[],o=arguments.length;o--;)e[o]=arguments[o];if(!t)return t=!0,n.apply(this,e)}}var Nn=function(n,t){this.router=n,this.base=function(n){if(!n)if(Z){var t=document.querySelector("base");n=(n=t&&t.getAttribute("href")||"/").replace(/^https?:\/\/[^\/]+/,"")}else n="/";"/"!==n.charAt(0)&&(n="/"+n);return n.replace(/\/$/,"")}(t),this.current=y,this.pending=null,this.ready=!1,this.readyCbs=[],this.readyErrorCbs=[],this.errorCbs=[],this.listeners=[]};function Rn(n,t,e,o){var a=Tn(n,(function(n,o,a,i){var r=function(n,t){"function"!=typeof n&&(n=J.extend(n));return n.options[t]}(n,t);if(r)return Array.isArray(r)?r.map((function(n){return e(n,o,a,i)})):e(r,o,a,i)}));return In(o?a.reverse():a)}function Vn(n,t){if(t)return function(){return n.apply(t,arguments)}}Nn.prototype.listen=function(n){this.cb=n},Nn.prototype.onReady=function(n,t){this.ready?n():(this.readyCbs.push(n),t&&this.readyErrorCbs.push(t))},Nn.prototype.onError=function(n){this.errorCbs.push(n)},Nn.prototype.transitionTo=function(n,t,e){var o,a=this;try{o=this.router.match(n,this.current)}catch(n){throw this.errorCbs.forEach((function(t){t(n)})),n}var i=this.current;this.confirmTransition(o,(function(){a.updateRoute(o),t&&t(o),a.ensureURL(),a.router.afterHooks.forEach((function(n){n&&n(o,i)})),a.ready||(a.ready=!0,a.readyCbs.forEach((function(n){n(o)})))}),(function(n){e&&e(n),n&&!a.ready&&(An(n,Cn.redirected)&&i===y||(a.ready=!0,a.readyErrorCbs.forEach((function(t){t(n)}))))}))},Nn.prototype.confirmTransition=function(n,t,e){var o=this,a=this.current;this.pending=n;var i,r,s=function(n){!An(n)&&Mn(n)&&(o.errorCbs.length?o.errorCbs.forEach((function(t){t(n)})):console.error(n)),e&&e(n)},l=n.matched.length-1,c=a.matched.length-1;if(O(n,a)&&l===c&&n.matched[l]===a.matched[c])return this.ensureURL(),n.hash&&un(this.router,a,n,!1),s(((r=Sn(i=a,n,Cn.duplicated,'Avoided redundant navigation to current location: "'+i.fullPath+'".')).name="NavigationDuplicated",r));var d=function(n,t){var e,o=Math.max(n.length,t.length);for(e=0;e0)){var t=this.router,e=t.options.scrollBehavior,o=xn&&e;o&&this.listeners.push(dn());var a=function(){var e=n.current,a=zn(n.base);n.current===y&&a===n._startLocation||n.transitionTo(a,(function(n){o&&un(t,n,e,!0)}))};window.addEventListener("popstate",a),this.listeners.push((function(){window.removeEventListener("popstate",a)}))}},t.prototype.go=function(n){window.history.go(n)},t.prototype.push=function(n,t,e){var o=this,a=this.current;this.transitionTo(n,(function(n){wn(M(o.base+n.fullPath)),un(o.router,n,a,!1),t&&t(n)}),e)},t.prototype.replace=function(n,t,e){var o=this,a=this.current;this.transitionTo(n,(function(n){On(M(o.base+n.fullPath)),un(o.router,n,a,!1),t&&t(n)}),e)},t.prototype.ensureURL=function(n){if(zn(this.base)!==this.current.fullPath){var t=M(this.base+this.current.fullPath);n?wn(t):On(t)}},t.prototype.getCurrentLocation=function(){return zn(this.base)},t}(Nn);function zn(n){var t=window.location.pathname,e=t.toLowerCase(),o=n.toLowerCase();return!n||e!==o&&0!==e.indexOf(M(o+"/"))||(t=t.slice(n.length)),(t||"/")+window.location.search+window.location.hash}var Wn=function(n){function t(t,e,o){n.call(this,t,e),o&&function(n){var t=zn(n);if(!/^\/#/.test(t))return window.location.replace(M(n+"/#"+t)),!0}(this.base)||Fn()}return n&&(t.__proto__=n),t.prototype=Object.create(n&&n.prototype),t.prototype.constructor=t,t.prototype.setupListeners=function(){var n=this;if(!(this.listeners.length>0)){var t=this.router.options.scrollBehavior,e=xn&&t;e&&this.listeners.push(dn());var o=function(){var t=n.current;Fn()&&n.transitionTo(Bn(),(function(o){e&&un(n.router,o,t,!0),xn||Xn(o.fullPath)}))},a=xn?"popstate":"hashchange";window.addEventListener(a,o),this.listeners.push((function(){window.removeEventListener(a,o)}))}},t.prototype.push=function(n,t,e){var o=this,a=this.current;this.transitionTo(n,(function(n){$n(n.fullPath),un(o.router,n,a,!1),t&&t(n)}),e)},t.prototype.replace=function(n,t,e){var o=this,a=this.current;this.transitionTo(n,(function(n){Xn(n.fullPath),un(o.router,n,a,!1),t&&t(n)}),e)},t.prototype.go=function(n){window.history.go(n)},t.prototype.ensureURL=function(n){var t=this.current.fullPath;Bn()!==t&&(n?$n(t):Xn(t))},t.prototype.getCurrentLocation=function(){return Bn()},t}(Nn);function Fn(){var n=Bn();return"/"===n.charAt(0)||(Xn("/"+n),!1)}function Bn(){var n=window.location.href,t=n.indexOf("#");return t<0?"":n=n.slice(t+1)}function Yn(n){var t=window.location.href,e=t.indexOf("#");return(e>=0?t.slice(0,e):t)+"#"+n}function $n(n){xn?wn(Yn(n)):window.location.hash=n}function Xn(n){xn?On(Yn(n)):window.location.replace(Yn(n))}var Hn=function(n){function t(t,e){n.call(this,t,e),this.stack=[],this.index=-1}return n&&(t.__proto__=n),t.prototype=Object.create(n&&n.prototype),t.prototype.constructor=t,t.prototype.push=function(n,t,e){var o=this;this.transitionTo(n,(function(n){o.stack=o.stack.slice(0,o.index+1).concat(n),o.index++,t&&t(n)}),e)},t.prototype.replace=function(n,t,e){var o=this;this.transitionTo(n,(function(n){o.stack=o.stack.slice(0,o.index).concat(n),t&&t(n)}),e)},t.prototype.go=function(n){var t=this,e=this.index+n;if(!(e<0||e>=this.stack.length)){var o=this.stack[e];this.confirmTransition(o,(function(){var n=t.current;t.index=e,t.updateRoute(o),t.router.afterHooks.forEach((function(t){t&&t(o,n)}))}),(function(n){An(n,Cn.duplicated)&&(t.index=e)}))}},t.prototype.getCurrentLocation=function(){var n=this.stack[this.stack.length-1];return n?n.fullPath:"/"},t.prototype.ensureURL=function(){},t}(Nn),Jn=function(n){void 0===n&&(n={}),this.app=null,this.apps=[],this.options=n,this.beforeHooks=[],this.resolveHooks=[],this.afterHooks=[],this.matcher=tn(n.routes||[],this);var t=n.mode||"hash";switch(this.fallback="history"===t&&!xn&&!1!==n.fallback,this.fallback&&(t="hash"),Z||(t="abstract"),this.mode=t,t){case"history":this.history=new Un(this,n.base);break;case"hash":this.history=new Wn(this,n.base,this.fallback);break;case"abstract":this.history=new Hn(this,n.base);break;default:0}},qn={currentRoute:{configurable:!0}};Jn.prototype.match=function(n,t,e){return this.matcher.match(n,t,e)},qn.currentRoute.get=function(){return this.history&&this.history.current},Jn.prototype.init=function(n){var t=this;if(this.apps.push(n),n.$once("hook:destroyed",(function(){var e=t.apps.indexOf(n);e>-1&&t.apps.splice(e,1),t.app===n&&(t.app=t.apps[0]||null),t.app||t.history.teardown()})),!this.app){this.app=n;var e=this.history;if(e instanceof Un||e instanceof Wn){var o=function(n){e.setupListeners(),function(n){var o=e.current,a=t.options.scrollBehavior;xn&&a&&"fullPath"in n&&un(t,n,o,!1)}(n)};e.transitionTo(e.getCurrentLocation(),o,o)}e.listen((function(n){t.apps.forEach((function(t){t._route=n}))}))}},Jn.prototype.beforeEach=function(n){return Kn(this.beforeHooks,n)},Jn.prototype.beforeResolve=function(n){return Kn(this.resolveHooks,n)},Jn.prototype.afterEach=function(n){return Kn(this.afterHooks,n)},Jn.prototype.onReady=function(n,t){this.history.onReady(n,t)},Jn.prototype.onError=function(n){this.history.onError(n)},Jn.prototype.push=function(n,t,e){var o=this;if(!t&&!e&&"undefined"!=typeof Promise)return new Promise((function(t,e){o.history.push(n,t,e)}));this.history.push(n,t,e)},Jn.prototype.replace=function(n,t,e){var o=this;if(!t&&!e&&"undefined"!=typeof Promise)return new Promise((function(t,e){o.history.replace(n,t,e)}));this.history.replace(n,t,e)},Jn.prototype.go=function(n){this.history.go(n)},Jn.prototype.back=function(){this.go(-1)},Jn.prototype.forward=function(){this.go(1)},Jn.prototype.getMatchedComponents=function(n){var t=n?n.matched?n:this.resolve(n).route:this.currentRoute;return t?[].concat.apply([],t.matched.map((function(n){return Object.keys(n.components).map((function(t){return n.components[t]}))}))):[]},Jn.prototype.resolve=function(n,t,e){var o=H(n,t=t||this.history.current,e,this),a=this.match(o,t),i=a.redirectedFrom||a.fullPath;return{location:o,route:a,href:function(n,t,e){var o="hash"===e?"#"+t:t;return n?M(n+"/"+o):o}(this.history.base,i,this.mode),normalizedTo:o,resolved:a}},Jn.prototype.getRoutes=function(){return this.matcher.getRoutes()},Jn.prototype.addRoute=function(n,t){this.matcher.addRoute(n,t),this.history.current!==y&&this.history.transitionTo(this.history.getCurrentLocation())},Jn.prototype.addRoutes=function(n){this.matcher.addRoutes(n),this.history.current!==y&&this.history.transitionTo(this.history.getCurrentLocation())},Object.defineProperties(Jn.prototype,qn);var Gn=Jn;function Kn(n,t){return n.push(t),function(){var e=n.indexOf(t);e>-1&&n.splice(e,1)}}Jn.install=function n(t){if(!n.installed||J!==t){n.installed=!0,J=t;var e=function(n){return void 0!==n},o=function(n,t){var o=n.$options._parentVnode;e(o)&&e(o=o.data)&&e(o=o.registerRouteInstance)&&o(n,t)};t.mixin({beforeCreate:function(){e(this.$options.router)?(this._routerRoot=this,this._router=this.$options.router,this._router.init(this),t.util.defineReactive(this,"_route",this._router.history.current)):this._routerRoot=this.$parent&&this.$parent._routerRoot||this,o(this,this)},destroyed:function(){o(this)}}),Object.defineProperty(t.prototype,"$router",{get:function(){return this._routerRoot._router}}),Object.defineProperty(t.prototype,"$route",{get:function(){return this._routerRoot._route}}),t.component("RouterView",_),t.component("RouterLink",G);var a=t.config.optionMergeStrategies;a.beforeRouteEnter=a.beforeRouteLeave=a.beforeRouteUpdate=a.created}},Jn.version="3.6.5",Jn.isNavigationFailure=An,Jn.NavigationFailureType=Cn,Jn.START_LOCATION=y,Z&&window.Vue&&window.Vue.use(Jn);e(59);e(17),e(56);var Zn={NotFound:()=>e.e(15).then(e.bind(null,422)),Layout:()=>Promise.all([e.e(0),e.e(2)]).then(e.bind(null,420))},Qn={"v-3b83533d":()=>e.e(17).then(e.bind(null,426)),"v-19fc5046":()=>e.e(19).then(e.bind(null,427)),"v-2bdf7887":()=>e.e(20).then(e.bind(null,428)),"v-d5f286de":()=>e.e(21).then(e.bind(null,429)),"v-2d43a12f":()=>e.e(18).then(e.bind(null,430)),"v-4a62f668":()=>e.e(16).then(e.bind(null,431)),"v-25f1271d":()=>e.e(22).then(e.bind(null,432)),"v-1c40ad9d":()=>e.e(23).then(e.bind(null,433)),"v-bc74aa06":()=>e.e(24).then(e.bind(null,434)),"v-15088ca1":()=>e.e(25).then(e.bind(null,435)),"v-2e4ca05d":()=>e.e(26).then(e.bind(null,436)),"v-1915dd1f":()=>e.e(27).then(e.bind(null,437)),"v-ec8d56c6":()=>e.e(28).then(e.bind(null,438)),"v-7fae43e2":()=>e.e(29).then(e.bind(null,439)),"v-6b2059b3":()=>e.e(30).then(e.bind(null,440)),"v-4b4d89e9":()=>e.e(31).then(e.bind(null,441)),"v-c42c2106":()=>e.e(32).then(e.bind(null,442)),"v-49180d06":()=>e.e(33).then(e.bind(null,443)),"v-29e3487d":()=>e.e(34).then(e.bind(null,444)),"v-f13aec06":()=>e.e(35).then(e.bind(null,445)),"v-3e5dcf1d":()=>e.e(36).then(e.bind(null,446)),"v-35d1c17d":()=>e.e(37).then(e.bind(null,447)),"v-361cec5e":()=>e.e(38).then(e.bind(null,448)),"v-07090646":()=>e.e(39).then(e.bind(null,449)),"v-16482446":()=>e.e(41).then(e.bind(null,450)),"v-42745613":()=>e.e(40).then(e.bind(null,451)),"v-86eb5006":()=>e.e(43).then(e.bind(null,452)),"v-5dd3097d":()=>e.e(42).then(e.bind(null,453)),"v-7b380066":()=>e.e(44).then(e.bind(null,454)),"v-54682062":()=>e.e(46).then(e.bind(null,455)),"v-64ad1186":()=>e.e(45).then(e.bind(null,456)),"v-0e308dd1":()=>e.e(47).then(e.bind(null,457)),"v-4d8c7bf6":()=>e.e(8).then(e.bind(null,458)),"v-51daecc6":()=>e.e(49).then(e.bind(null,459)),"v-121872fd":()=>e.e(4).then(e.bind(null,460)),"v-4d1e5c5d":()=>e.e(50).then(e.bind(null,461)),"v-1b86f686":()=>e.e(48).then(e.bind(null,462)),"v-15f8e6fd":()=>e.e(51).then(e.bind(null,463)),"v-0db22306":()=>e.e(52).then(e.bind(null,464)),"v-67fac0e2":()=>e.e(53).then(e.bind(null,465)),"v-5b88421d":()=>e.e(9).then(e.bind(null,466)),"v-26692906":()=>e.e(10).then(e.bind(null,467)),"v-49aea27d":()=>e.e(11).then(e.bind(null,468)),"v-37e66462":()=>e.e(12).then(e.bind(null,469)),"v-90c1ce06":()=>e.e(13).then(e.bind(null,470)),"v-942110c6":()=>e.e(54).then(e.bind(null,471)),"v-ebb19754":()=>e.e(55).then(e.bind(null,472)),"v-54f14cdd":()=>e.e(56).then(e.bind(null,473)),"v-43e4cf76":()=>e.e(57).then(e.bind(null,474)),"v-fac884d6":()=>e.e(59).then(e.bind(null,475)),"v-366650ca":()=>e.e(58).then(e.bind(null,476)),"v-33db82fd":()=>e.e(14).then(e.bind(null,477)),"v-f46f9a86":()=>e.e(60).then(e.bind(null,478)),"v-b3a5649a":()=>e.e(61).then(e.bind(null,479)),"v-a827b1b2":()=>e.e(62).then(e.bind(null,480)),"v-f0a8046a":()=>e.e(63).then(e.bind(null,481)),"v-1ac7de46":()=>e.e(64).then(e.bind(null,482)),"v-2215247d":()=>e.e(65).then(e.bind(null,483)),"v-475451bd":()=>e.e(67).then(e.bind(null,484)),"v-14c8b49f":()=>e.e(68).then(e.bind(null,485)),"v-532157ca":()=>e.e(69).then(e.bind(null,486)),"v-06766846":()=>e.e(66).then(e.bind(null,487)),"v-de7917b6":()=>e.e(70).then(e.bind(null,488)),"v-0f11953d":()=>e.e(71).then(e.bind(null,489)),"v-8f774586":()=>e.e(72).then(e.bind(null,490)),"v-ffcf4406":()=>e.e(74).then(e.bind(null,491)),"v-ed85c306":()=>e.e(75).then(e.bind(null,492)),"v-4f17a19d":()=>e.e(73).then(e.bind(null,493)),"v-188d5d06":()=>e.e(76).then(e.bind(null,494)),"v-79f854d2":()=>e.e(77).then(e.bind(null,495)),"v-a53ecf06":()=>e.e(78).then(e.bind(null,496)),"v-224dfd1d":()=>e.e(79).then(e.bind(null,497)),"v-e1c46312":()=>e.e(80).then(e.bind(null,498)),"v-5cbaa4bd":()=>e.e(82).then(e.bind(null,499)),"v-4dd91745":()=>e.e(81).then(e.bind(null,500)),"v-25be76ab":()=>e.e(83).then(e.bind(null,501)),"v-fe2fae0e":()=>e.e(84).then(e.bind(null,502)),"v-14b16052":()=>e.e(85).then(e.bind(null,503)),"v-0d73d593":()=>e.e(86).then(e.bind(null,504)),"v-9e862306":()=>e.e(87).then(e.bind(null,505)),"v-22325356":()=>e.e(88).then(e.bind(null,506)),"v-c5c24e7a":()=>e.e(89).then(e.bind(null,507)),"v-76c7a746":()=>e.e(90).then(e.bind(null,508)),"v-19c0057d":()=>e.e(91).then(e.bind(null,509)),"v-940803b2":()=>e.e(92).then(e.bind(null,510)),"v-5f6c329d":()=>e.e(94).then(e.bind(null,511)),"v-bc3af7aa":()=>e.e(95).then(e.bind(null,512)),"v-2f3a8d3f":()=>e.e(93).then(e.bind(null,513)),"v-5eb79d3d":()=>e.e(96).then(e.bind(null,514)),"v-13db7dfd":()=>e.e(97).then(e.bind(null,515)),"v-21782935":()=>e.e(98).then(e.bind(null,516)),"v-246c16bd":()=>e.e(99).then(e.bind(null,517)),"v-0fc2653f":()=>e.e(101).then(e.bind(null,518)),"v-3ae674fd":()=>e.e(102).then(e.bind(null,519)),"v-39b04a87":()=>e.e(103).then(e.bind(null,520)),"v-dd2b401a":()=>e.e(100).then(e.bind(null,521)),"v-45140bd3":()=>e.e(104).then(e.bind(null,522)),"v-f2852e62":()=>e.e(105).then(e.bind(null,523)),"v-4719da06":()=>e.e(106).then(e.bind(null,524))};function nt(n){const t=Object.create(null);return function(e){return t[e]||(t[e]=n(e))}}const tt=/-(\w)/g,et=nt(n=>n.replace(tt,(n,t)=>t?t.toUpperCase():"")),ot=/\B([A-Z])/g,at=nt(n=>n.replace(ot,"-$1").toLowerCase()),it=nt(n=>n.charAt(0).toUpperCase()+n.slice(1));function rt(n,t){if(!t)return;if(n(t))return n(t);return t.includes("-")?n(it(et(t))):n(it(t))||n(at(t))}const st=Object.assign({},Zn,Qn),lt=n=>st[n],ct=n=>Qn[n],dt=n=>Zn[n],ut=n=>r.a.component(n);function ht(n){return rt(ct,n)}function ft(n){return rt(dt,n)}function pt(n){return rt(lt,n)}function bt(n){return rt(ut,n)}function vt(...n){return Promise.all(n.filter(n=>n).map(async n=>{if(!bt(n)&&pt(n)){const t=await pt(n)();r.a.component(n,t.default)}}))}function gt(n,t){"undefined"!=typeof window&&window.__VUEPRESS__&&(window.__VUEPRESS__[n]=t)}var mt=e(106),yt=e.n(mt),xt=e(107),wt=e.n(xt),Ot={created(){if(this.siteMeta=this.$site.headTags.filter(([n])=>"meta"===n).map(([n,t])=>t),this.$ssrContext){const t=this.getMergedMetaTags();this.$ssrContext.title=this.$title,this.$ssrContext.lang=this.$lang,this.$ssrContext.pageMeta=(n=t)?n.map(n=>{let t="{t+=` ${e}="${wt()(n[e])}"`}),t+">"}).join("\n "):"",this.$ssrContext.canonicalLink=kt(this.$canonicalUrl)}var n},mounted(){this.currentMetaTags=[...document.querySelectorAll("meta")],this.updateMeta(),this.updateCanonicalLink()},methods:{updateMeta(){document.title=this.$title,document.documentElement.lang=this.$lang;const n=this.getMergedMetaTags();this.currentMetaTags=_t(n,this.currentMetaTags)},getMergedMetaTags(){const n=this.$page.frontmatter.meta||[];return yt()([{name:"description",content:this.$description}],n,this.siteMeta,St)},updateCanonicalLink(){Ct(),this.$canonicalUrl&&document.head.insertAdjacentHTML("beforeend",kt(this.$canonicalUrl))}},watch:{$page(){this.updateMeta(),this.updateCanonicalLink()}},beforeDestroy(){_t(null,this.currentMetaTags),Ct()}};function Ct(){const n=document.querySelector("link[rel='canonical']");n&&n.remove()}function kt(n=""){return n?``:""}function _t(n,t){if(t&&[...t].filter(n=>n.parentNode===document.head).forEach(n=>document.head.removeChild(n)),n)return n.map(n=>{const t=document.createElement("meta");return Object.keys(n).forEach(e=>{t.setAttribute(e,n[e])}),document.head.appendChild(t),t})}function St(n){for(const t of["name","property","itemprop"])if(n.hasOwnProperty(t))return n[t]+t;return JSON.stringify(n)}var Dt=e(108),Mt={mounted(){window.addEventListener("scroll",this.onScroll)},methods:{onScroll:e.n(Dt)()((function(){this.setActiveHash()}),300),setActiveHash(){const n=[].slice.call(document.querySelectorAll(".sidebar-link")),t=[].slice.call(document.querySelectorAll(".header-anchor")).filter(t=>n.some(n=>n.hash===t.hash)),e=Math.max(window.pageYOffset,document.documentElement.scrollTop,document.body.scrollTop),o=Math.max(document.documentElement.scrollHeight,document.body.scrollHeight),a=window.innerHeight+e;for(let n=0;n=i.parentElement.offsetTop+10&&(!r||e{this.$nextTick(()=>{this.$vuepress.$set("disableScrollBehavior",!1)})})}}}},beforeDestroy(){window.removeEventListener("scroll",this.onScroll)}},At=e(31),Pt=e.n(At),jt={mounted(){Pt.a.configure({showSpinner:!1}),this.$router.beforeEach((n,t,e)=>{n.path===t.path||r.a.component(n.name)||Pt.a.start(),e()}),this.$router.afterEach(()=>{Pt.a.done(),this.isSidebarOpen=!1})}},Tt=e(12),It=e.n(Tt),Et=e(109),Lt=e(110),Nt=e(22),Rt=e(23),Vt=e(104),Ut=r.a.extend({components:{DropdownLink:Vt.a},props:{item:{type:Object,required:!0}}}),zt=(e(254),e(4)),Wt=Object(zt.a)(Ut,(function(){var n=this._self._c;this._self._setupProxy;return n("div",{staticClass:"versions-dropdown nav-item can-hide"},[n("dropdown-link",{attrs:{item:this.item}})],1)}),[],!1,null,"3dd359e2",null).exports;const Ft=It.a.filters||{};function Bt(n,t,e){let o=Object(Nt.resolveTemplate)(n,t,e);o.startsWith("/")&&(o=`${window.location.origin}${o}`);const a=`${window.location.origin}${It.a.base}`;return o.startsWith(a)?o.substring(a.length)+"/":o}function Yt(n,t){if(n.exclude){const e=new RegExp(n.exclude);t=t.filter(({name:n})=>!n.match(e))}let e=Object(Rt.collapseVersions)(n,t);return n.limit>0&&(e=e.slice(0,n.limit)),e.map(t=>{const{target:e}=n,o=Object(Rt.describeVersion)(t);return{target:e,text:Object(Nt.resolveTemplate)(n.text,o,Ft),link:Bt(n.link,o,Ft)}})}function $t(n,t){const e=n.menu;if(!e)return{};const o=t.find(t=>t.name===n.version)||{name:n.version,tag:null},a=Object(Rt.describeVersion)(o),i=Object(Nt.resolveTemplate)(e.text,a,Ft);return{items:function n(t,e,o){const a=[];for(const i of t)if("versions"===i.type)a.push(...Yt({group:"minor",link:"/{{version}}/",text:"{{version}}",...i},e));else{const t=Object(Rt.describeVersion)(o),r=Object(Nt.resolveTemplate)(i.text||"",t,Ft);i.items?a.push({...i,text:r,type:"links",items:n(i.items,e,o)}):a.push({...i,text:r,link:Bt(i.link||"",t,Ft)})}return a}(e.items||[],t,o),text:i}}const Xt=r.a.observable({inserted:!1,dropdown:{}});var Ht=[Ot,Mt,jt,{async mounted(){{const n=$t(It.a,It.a.versions||[]);r.a.set(Xt,"dropdown",n)}try{const n=await Object(Lt.fetchNpmVersions)(fetch,It.a.name),t=$t(It.a,n);Object.assign(Xt.dropdown,t)}catch(n){console.error("Failed to retrieve available versions")}},async updated(){const n=this.$router;if(!Xt.inserted){for(const t of It.a.menu.locations){const e={item:Xt.dropdown},o=new Wt({router:n,propsData:e}).$mount();Object(Et.injectElement)(this.$el,o.$el,t)}Xt.inserted=!0}}}],Jt={name:"GlobalLayout",computed:{layout(){const n=this.getLayout();return gt("layout",n),r.a.component(n)}},methods:{getLayout(){if(this.$page.path){const n=this.$page.frontmatter.layout;return n&&(this.$vuepress.getLayoutAsyncComponent(n)||this.$vuepress.getVueComponent(n))?n:"Layout"}return"NotFound"}}},qt=Object(zt.a)(Jt,(function(){return(0,this._self._c)(this.layout,{tag:"component"})}),[],!1,null,null,null).exports;!function(n,t,e){switch(t){case"components":n[t]||(n[t]={}),Object.assign(n[t],e);break;case"mixins":n[t]||(n[t]=[]),n[t].push(...e);break;default:throw new Error("Unknown option name.")}}(qt,"mixins",Ht);const Gt=[{name:"v-3b83533d",path:"/api/interfaces/AnnotationBoxModel.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-3b83533d").then(e)}},{name:"v-19fc5046",path:"/api/interfaces/AnnotationEvents.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-19fc5046").then(e)}},{name:"v-2bdf7887",path:"/api/interfaces/AnnotationHooks.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-2bdf7887").then(e)}},{name:"v-d5f286de",path:"/api/interfaces/AnnotationPluginOptions.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-d5f286de").then(e)}},{name:"v-2d43a12f",path:"/api/interfaces/AnnotationElement.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-2d43a12f").then(e)}},{name:"v-4a62f668",path:"/api/",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-4a62f668").then(e)}},{path:"/api/index.html",redirect:"/api/"},{name:"v-25f1271d",path:"/api/interfaces/AnnotationPointCoordinates.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-25f1271d").then(e)}},{name:"v-1c40ad9d",path:"/api/interfaces/AnnotationTypeRegistry.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-1c40ad9d").then(e)}},{name:"v-bc74aa06",path:"/api/interfaces/ArrowHeadOptions.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-bc74aa06").then(e)}},{name:"v-15088ca1",path:"/api/interfaces/ArrowHeadsOptions.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-15088ca1").then(e)}},{name:"v-2e4ca05d",path:"/api/interfaces/BoxAnnotationOptions.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-2e4ca05d").then(e)}},{name:"v-1915dd1f",path:"/api/interfaces/BoxLabelOptions.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-1915dd1f").then(e)}},{name:"v-ec8d56c6",path:"/api/interfaces/CalloutOptions.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-ec8d56c6").then(e)}},{name:"v-7fae43e2",path:"/api/interfaces/ContainedLabelOptions.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-7fae43e2").then(e)}},{name:"v-6b2059b3",path:"/api/interfaces/ControlPointOptions.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-6b2059b3").then(e)}},{name:"v-4b4d89e9",path:"/api/interfaces/CoreAnnotationOptions.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-4b4d89e9").then(e)}},{name:"v-c42c2106",path:"/api/interfaces/CoreLabelOptions.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-c42c2106").then(e)}},{name:"v-49180d06",path:"/api/interfaces/EllipseAnnotationOptions.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-49180d06").then(e)}},{name:"v-29e3487d",path:"/api/interfaces/EventContext.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-29e3487d").then(e)}},{name:"v-f13aec06",path:"/api/interfaces/LabelAnnotationOptions.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-f13aec06").then(e)}},{name:"v-3e5dcf1d",path:"/api/interfaces/LabelOptions.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-3e5dcf1d").then(e)}},{name:"v-35d1c17d",path:"/api/interfaces/LabelPadding.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-35d1c17d").then(e)}},{name:"v-361cec5e",path:"/api/interfaces/LabelPositionObject.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-361cec5e").then(e)}},{name:"v-07090646",path:"/api/interfaces/LabelTypeOptions.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-07090646").then(e)}},{name:"v-16482446",path:"/api/interfaces/PartialEventContext.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-16482446").then(e)}},{name:"v-42745613",path:"/api/interfaces/LineAnnotationOptions.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-42745613").then(e)}},{name:"v-86eb5006",path:"/api/interfaces/PolygonAnnotationOptions.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-86eb5006").then(e)}},{name:"v-5dd3097d",path:"/api/interfaces/PointAnnotationOptions.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-5dd3097d").then(e)}},{name:"v-7b380066",path:"/api/interfaces/ShadowOptions.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-7b380066").then(e)}},{name:"v-54682062",path:"/guide/contributing.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-54682062").then(e)}},{name:"v-64ad1186",path:"/guide/configuration.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-64ad1186").then(e)}},{name:"v-0e308dd1",path:"/guide/developers.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-0e308dd1").then(e)}},{name:"v-4d8c7bf6",path:"/guide/",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-4d8c7bf6").then(e)}},{path:"/guide/index.html",redirect:"/guide/"},{name:"v-51daecc6",path:"/guide/migrationV1.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-51daecc6").then(e)}},{name:"v-121872fd",path:"/guide/migrationV2.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-121872fd").then(e)}},{name:"v-4d1e5c5d",path:"/guide/migrationV3.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-4d1e5c5d").then(e)}},{name:"v-1b86f686",path:"/guide/integration.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-1b86f686").then(e)}},{name:"v-15f8e6fd",path:"/guide/options.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-15f8e6fd").then(e)}},{name:"v-0db22306",path:"/guide/types/_commonInnerLabel.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-0db22306").then(e)}},{name:"v-67fac0e2",path:"/guide/types/_commonOptions.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-67fac0e2").then(e)}},{name:"v-5b88421d",path:"/guide/types/box.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-5b88421d").then(e)}},{name:"v-26692906",path:"/guide/types/ellipse.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-26692906").then(e)}},{name:"v-49aea27d",path:"/guide/types/label.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-49aea27d").then(e)}},{name:"v-37e66462",path:"/guide/types/line.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-37e66462").then(e)}},{name:"v-90c1ce06",path:"/guide/types/point.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-90c1ce06").then(e)}},{name:"v-942110c6",path:"/guide/usage.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-942110c6").then(e)}},{name:"v-ebb19754",path:"/",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-ebb19754").then(e)}},{path:"/index.html",redirect:"/"},{name:"v-54f14cdd",path:"/samples/box/basic.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-54f14cdd").then(e)}},{name:"v-43e4cf76",path:"/samples/box/canvas.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-43e4cf76").then(e)}},{name:"v-fac884d6",path:"/samples/box/gradient.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-fac884d6").then(e)}},{name:"v-366650ca",path:"/samples/box/disclosure.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-366650ca").then(e)}},{name:"v-33db82fd",path:"/guide/types/polygon.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-33db82fd").then(e)}},{name:"v-f46f9a86",path:"/samples/box/image.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-f46f9a86").then(e)}},{name:"v-b3a5649a",path:"/samples/box/initAnim.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-b3a5649a").then(e)}},{name:"v-a827b1b2",path:"/samples/box/quarters.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-a827b1b2").then(e)}},{name:"v-f0a8046a",path:"/samples/charts/bar.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-f0a8046a").then(e)}},{name:"v-1ac7de46",path:"/samples/charts/line.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-1ac7de46").then(e)}},{name:"v-2215247d",path:"/samples/ellipse/basic.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-2215247d").then(e)}},{name:"v-475451bd",path:"/samples/ellipse/label.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-475451bd").then(e)}},{name:"v-14c8b49f",path:"/samples/ellipse/rotation.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-14c8b49f").then(e)}},{name:"v-532157ca",path:"/samples/interaction/cartesianplane.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-532157ca").then(e)}},{name:"v-06766846",path:"/samples/ellipse/image.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-06766846").then(e)}},{name:"v-de7917b6",path:"/samples/interaction/dragging.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-de7917b6").then(e)}},{name:"v-0f11953d",path:"/samples/interaction/interaction.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-0f11953d").then(e)}},{name:"v-8f774586",path:"/samples/interaction/selection.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-8f774586").then(e)}},{name:"v-ffcf4406",path:"/samples/label/autoscaling.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-ffcf4406").then(e)}},{name:"v-ed85c306",path:"/samples/label/basic.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-ed85c306").then(e)}},{name:"v-4f17a19d",path:"/samples/intro.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-4f17a19d").then(e)}},{name:"v-188d5d06",path:"/samples/label/callout.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-188d5d06").then(e)}},{name:"v-79f854d2",path:"/samples/label/canvas.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-79f854d2").then(e)}},{name:"v-a53ecf06",path:"/samples/label/fontsColors.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-a53ecf06").then(e)}},{name:"v-224dfd1d",path:"/samples/label/image.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-224dfd1d").then(e)}},{name:"v-e1c46312",path:"/samples/label/innerChart.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-e1c46312").then(e)}},{name:"v-5cbaa4bd",path:"/samples/label/point.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-5cbaa4bd").then(e)}},{name:"v-4dd91745",path:"/samples/label/lowerUpper.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-4dd91745").then(e)}},{name:"v-25be76ab",path:"/samples/line/animation.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-25be76ab").then(e)}},{name:"v-fe2fae0e",path:"/samples/line/average.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-fe2fae0e").then(e)}},{name:"v-14b16052",path:"/samples/line/basic.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-14b16052").then(e)}},{name:"v-0d73d593",path:"/samples/line/callout.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-0d73d593").then(e)}},{name:"v-9e862306",path:"/samples/line/canvas.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-9e862306").then(e)}},{name:"v-22325356",path:"/samples/line/curve.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-22325356").then(e)}},{name:"v-c5c24e7a",path:"/samples/line/datasetBars.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-c5c24e7a").then(e)}},{name:"v-76c7a746",path:"/samples/line/hook.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-76c7a746").then(e)}},{name:"v-19c0057d",path:"/samples/line/image.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-19c0057d").then(e)}},{name:"v-940803b2",path:"/samples/line/labelVisibility.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-940803b2").then(e)}},{name:"v-5f6c329d",path:"/samples/line/lowerUpper.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-5f6c329d").then(e)}},{name:"v-bc3af7aa",path:"/samples/line/standardDeviation.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-bc3af7aa").then(e)}},{name:"v-2f3a8d3f",path:"/samples/line/limited.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-2f3a8d3f").then(e)}},{name:"v-5eb79d3d",path:"/samples/line/visibility.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-5eb79d3d").then(e)}},{name:"v-13db7dfd",path:"/samples/point/basic.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-13db7dfd").then(e)}},{name:"v-21782935",path:"/samples/point/combined.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-21782935").then(e)}},{name:"v-246c16bd",path:"/samples/point/initAnim.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-246c16bd").then(e)}},{name:"v-0fc2653f",path:"/samples/point/shadow.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-0fc2653f").then(e)}},{name:"v-3ae674fd",path:"/samples/polygon/basic.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-3ae674fd").then(e)}},{name:"v-39b04a87",path:"/samples/polygon/outsideChartArea.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-39b04a87").then(e)}},{name:"v-dd2b401a",path:"/samples/point/outsideChartArea.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-dd2b401a").then(e)}},{name:"v-45140bd3",path:"/samples/polygon/shadow.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-45140bd3").then(e)}},{name:"v-f2852e62",path:"/samples/polygon/stop.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-f2852e62").then(e)}},{name:"v-4719da06",path:"/samples/utils.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-4719da06").then(e)}},{path:"*",component:qt}],Kt={title:"chartjs-plugin-annotation",description:"Annotations for Chart.js",base:"/chartjs-plugin-annotation/master/",headTags:[["link",{rel:"icon",href:"/chartjs-plugin-annotation/master/favicon.png"}]],pages:[{title:"Interface: AnnotationBoxModel",frontmatter:{},regularPath:"/api/interfaces/AnnotationBoxModel.html",relativePath:"api/interfaces/AnnotationBoxModel.md",key:"v-3b83533d",path:"/api/interfaces/AnnotationBoxModel.html",headers:[{level:2,title:"Hierarchy",slug:"hierarchy"},{level:2,title:"Properties",slug:"properties"},{level:3,title:"centerX",slug:"centerx"},{level:3,title:"centerY",slug:"centery"},{level:3,title:"height",slug:"height"},{level:3,title:"radius",slug:"radius"},{level:3,title:"width",slug:"width"},{level:3,title:"x",slug:"x"},{level:3,title:"x2",slug:"x2"},{level:3,title:"y",slug:"y"},{level:3,title:"y2",slug:"y2"}],content:" Interface: AnnotationBoxModel \n Hierarchy \n \n \n AnnotationBoxModel \n ↳ AnnotationElement \n Properties \n centerX \n • centerX : number \n Defined in \n element.d.ts:8 \n centerY \n • centerY : number \n Defined in \n element.d.ts:9 \n height \n • height : number \n Defined in \n element.d.ts:10 \n radius \n • Optional radius : number \n Defined in \n element.d.ts:12 \n width \n • width : number \n Defined in \n element.d.ts:11 \n x \n • x : number \n Defined in \n element.d.ts:4 \n x2 \n • x2 : number \n Defined in \n element.d.ts:6 \n y \n • y : number \n Defined in \n element.d.ts:5 \n y2 \n • y2 : number \n Defined in \n element.d.ts:7 \n"},{title:"Interface: AnnotationEvents",frontmatter:{},regularPath:"/api/interfaces/AnnotationEvents.html",relativePath:"api/interfaces/AnnotationEvents.md",key:"v-19fc5046",path:"/api/interfaces/AnnotationEvents.html",headers:[{level:2,title:"Hierarchy",slug:"hierarchy"},{level:2,title:"Methods",slug:"methods"},{level:3,title:"click",slug:"click"},{level:3,title:"enter",slug:"enter"},{level:3,title:"leave",slug:"leave"}],content:" Interface: AnnotationEvents \n Hierarchy \n \n \n AnnotationEvents \n ↳ CoreAnnotationOptions \n ↳ AnnotationPluginOptions \n Methods \n click \n ▸ Optional click ( context , event ): boolean | void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n \n \n event \n ChartEvent \n Returns \n boolean | void \n Defined in \n events.d.ts:27 \n enter \n ▸ Optional enter ( context , event ): boolean | void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n \n \n event \n ChartEvent \n Returns \n boolean | void \n Defined in \n events.d.ts:25 \n leave \n ▸ Optional leave ( context , event ): boolean | void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n \n \n event \n ChartEvent \n Returns \n boolean | void \n Defined in \n events.d.ts:26 \n"},{title:"Interface: AnnotationHooks",frontmatter:{},regularPath:"/api/interfaces/AnnotationHooks.html",relativePath:"api/interfaces/AnnotationHooks.md",key:"v-2bdf7887",path:"/api/interfaces/AnnotationHooks.html",headers:[{level:2,title:"Hierarchy",slug:"hierarchy"},{level:2,title:"Methods",slug:"methods"},{level:3,title:"afterDraw",slug:"afterdraw"},{level:3,title:"beforeDraw",slug:"beforedraw"}],content:" Interface: AnnotationHooks \n Hierarchy \n \n \n AnnotationHooks \n ↳ CoreAnnotationOptions \n ↳ AnnotationPluginOptions \n Methods \n afterDraw \n ▸ Optional afterDraw ( context ): void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n Returns \n void \n Defined in \n options.d.ts:23 \n beforeDraw \n ▸ Optional beforeDraw ( context ): void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n Returns \n void \n Defined in \n options.d.ts:22 \n"},{title:"Interface: AnnotationPluginOptions",frontmatter:{},regularPath:"/api/interfaces/AnnotationPluginOptions.html",relativePath:"api/interfaces/AnnotationPluginOptions.md",key:"v-d5f286de",path:"/api/interfaces/AnnotationPluginOptions.html",headers:[{level:2,title:"Hierarchy",slug:"hierarchy"},{level:2,title:"Properties",slug:"properties"},{level:3,title:"animations",slug:"animations"},{level:3,title:"annotations",slug:"annotations"},{level:3,title:"clip",slug:"clip"},{level:3,title:"common",slug:"common"},{level:3,title:"interaction",slug:"interaction"},{level:2,title:"Methods",slug:"methods"},{level:3,title:"afterDraw",slug:"afterdraw"},{level:3,title:"beforeDraw",slug:"beforedraw"},{level:3,title:"click",slug:"click"},{level:3,title:"enter",slug:"enter"},{level:3,title:"leave",slug:"leave"}],content:" Interface: AnnotationPluginOptions \n Hierarchy \n \n \n AnnotationEvents \n \n \n AnnotationHooks \n ↳ AnnotationPluginOptions \n Properties \n animations \n • Optional animations : Record < string , unknown > \n Defined in \n options.d.ts:153 \n annotations \n • annotations : Record < string , AnnotationOptions > | AnnotationOptions [] \n Defined in \n options.d.ts:154 \n clip \n • Optional clip : boolean \n Defined in \n options.d.ts:155 \n common \n • Optional common : BoxAnnotationOptions | EllipseAnnotationOptions | LabelAnnotationOptions | LineAnnotationOptions | PointAnnotationOptions | PolygonAnnotationOptions \n Defined in \n options.d.ts:156 \n interaction \n • Optional interaction : CoreInteractionOptions \n Defined in \n options.d.ts:157 \n Methods \n afterDraw \n ▸ Optional afterDraw ( context ): void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n Returns \n void \n Inherited from \n AnnotationHooks . afterDraw \n Defined in \n options.d.ts:23 \n beforeDraw \n ▸ Optional beforeDraw ( context ): void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n Returns \n void \n Inherited from \n AnnotationHooks . beforeDraw \n Defined in \n options.d.ts:22 \n click \n ▸ Optional click ( context , event ): boolean | void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n \n \n event \n ChartEvent \n Returns \n boolean | void \n Inherited from \n AnnotationEvents . click \n Defined in \n events.d.ts:27 \n enter \n ▸ Optional enter ( context , event ): boolean | void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n \n \n event \n ChartEvent \n Returns \n boolean | void \n Inherited from \n AnnotationEvents . enter \n Defined in \n events.d.ts:25 \n leave \n ▸ Optional leave ( context , event ): boolean | void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n \n \n event \n ChartEvent \n Returns \n boolean | void \n Inherited from \n AnnotationEvents . leave \n Defined in \n events.d.ts:26 \n"},{title:"Interface: AnnotationElement",frontmatter:{},regularPath:"/api/interfaces/AnnotationElement.html",relativePath:"api/interfaces/AnnotationElement.md",key:"v-2d43a12f",path:"/api/interfaces/AnnotationElement.html",headers:[{level:2,title:"Hierarchy",slug:"hierarchy"},{level:2,title:"Properties",slug:"properties"},{level:3,title:"centerX",slug:"centerx"},{level:3,title:"centerY",slug:"centery"},{level:3,title:"height",slug:"height"},{level:3,title:"label",slug:"label"},{level:3,title:"options",slug:"options"},{level:3,title:"radius",slug:"radius"},{level:3,title:"width",slug:"width"},{level:3,title:"x",slug:"x"},{level:3,title:"x2",slug:"x2"},{level:3,title:"y",slug:"y"},{level:3,title:"y2",slug:"y2"}],content:" Interface: AnnotationElement \n Hierarchy \n \n \n AnnotationBoxModel \n ↳ AnnotationElement \n Properties \n centerX \n • centerX : number \n Inherited from \n AnnotationBoxModel . centerX \n Defined in \n element.d.ts:8 \n centerY \n • centerY : number \n Inherited from \n AnnotationBoxModel . centerY \n Defined in \n element.d.ts:9 \n height \n • height : number \n Inherited from \n AnnotationBoxModel . height \n Defined in \n element.d.ts:10 \n label \n • Optional label : AnnotationElement \n Defined in \n element.d.ts:16 \n options \n • options : AnnotationOptions \n Defined in \n element.d.ts:17 \n radius \n • Optional radius : number \n Inherited from \n AnnotationBoxModel . radius \n Defined in \n element.d.ts:12 \n width \n • width : number \n Inherited from \n AnnotationBoxModel . width \n Defined in \n element.d.ts:11 \n x \n • x : number \n Inherited from \n AnnotationBoxModel . x \n Defined in \n element.d.ts:4 \n x2 \n • x2 : number \n Inherited from \n AnnotationBoxModel . x2 \n Defined in \n element.d.ts:6 \n y \n • y : number \n Inherited from \n AnnotationBoxModel . y \n Defined in \n element.d.ts:5 \n y2 \n • y2 : number \n Inherited from \n AnnotationBoxModel . y2 \n Defined in \n element.d.ts:7 \n"},{title:"Chart.js annotation - v3.0.1",frontmatter:{},regularPath:"/api/",relativePath:"api/README.md",key:"v-4a62f668",path:"/api/",headers:[{level:2,title:"Interfaces",slug:"interfaces"},{level:2,title:"Type Aliases",slug:"type-aliases"},{level:3,title:"AnnotationOptions",slug:"annotationoptions"},{level:3,title:"AnnotationType",slug:"annotationtype"},{level:3,title:"CalloutPosition",slug:"calloutposition"},{level:3,title:"DrawTime",slug:"drawtime"},{level:3,title:"LabelPosition",slug:"labelposition"},{level:3,title:"LabelTextAlign",slug:"labeltextalign"},{level:3,title:"ScaleValue",slug:"scalevalue"},{level:3,title:"Scriptable",slug:"scriptable"},{level:3,title:"percentString",slug:"percentstring"},{level:2,title:"Variables",slug:"variables"},{level:3,title:"default",slug:"default"}],content:' Chart.js annotation - v3.0.1 \n Interfaces \n \n AnnotationBoxModel \n AnnotationElement \n AnnotationEvents \n AnnotationHooks \n AnnotationPluginOptions \n AnnotationPointCoordinates \n AnnotationTypeRegistry \n ArrowHeadOptions \n ArrowHeadsOptions \n BoxAnnotationOptions \n BoxLabelOptions \n CalloutOptions \n ContainedLabelOptions \n ControlPointOptions \n CoreAnnotationOptions \n CoreLabelOptions \n EllipseAnnotationOptions \n EventContext \n LabelAnnotationOptions \n LabelOptions \n LabelPadding \n LabelPositionObject \n LabelTypeOptions \n LineAnnotationOptions \n PartialEventContext \n PointAnnotationOptions \n PolygonAnnotationOptions \n ShadowOptions \n Type Aliases \n AnnotationOptions \n Ƭ AnnotationOptions < TYPE >: { [key in TYPE]: Object & AnnotationTypeRegistry[key] }[ TYPE ] \n Type parameters \n \n \n \n Name \n Type \n \n \n \n \n TYPE \n extends AnnotationType = AnnotationType \n Defined in \n options.d.ts:18 \n AnnotationType \n Ƭ AnnotationType : keyof AnnotationTypeRegistry \n Defined in \n options.d.ts:17 \n CalloutPosition \n Ƭ CalloutPosition : "left" | "top" | "bottom" | "right" | "auto" \n Defined in \n label.d.ts:10 \n DrawTime \n Ƭ DrawTime : "afterDraw" | "afterDatasetsDraw" | "beforeDraw" | "beforeDatasetsDraw" | number \n Defined in \n options.d.ts:6 \n LabelPosition \n Ƭ LabelPosition : "start" | "center" | "end" | percentString \n Defined in \n label.d.ts:6 \n LabelTextAlign \n Ƭ LabelTextAlign : "left" | "start" | "center" | "right" | "end" \n Defined in \n label.d.ts:8 \n ScaleValue \n Ƭ ScaleValue : number | string \n Defined in \n options.d.ts:27 \n Scriptable \n Ƭ Scriptable < T , TContext >: T | ( ctx : TContext , options : AnnotationOptions ) => T \n Type parameters \n \n \n \n Name \n \n \n \n \n T \n \n \n TContext \n Defined in \n options.d.ts:26 \n percentString \n Ƭ percentString : `${number}%` \n Defined in \n label.d.ts:5 \n Variables \n default \n • Const default : Plugin & { getAnnotations : ( chart : Chart ) => AnnotationElement [] } \n Defined in \n index.d.ts:21 \n'},{title:"Interface: AnnotationPointCoordinates",frontmatter:{},regularPath:"/api/interfaces/AnnotationPointCoordinates.html",relativePath:"api/interfaces/AnnotationPointCoordinates.md",key:"v-25f1271d",path:"/api/interfaces/AnnotationPointCoordinates.html",headers:[{level:2,title:"Hierarchy",slug:"hierarchy"},{level:2,title:"Properties",slug:"properties"},{level:3,title:"xValue",slug:"xvalue"},{level:3,title:"yValue",slug:"yvalue"}],content:" Interface: AnnotationPointCoordinates \n Hierarchy \n \n \n AnnotationPointCoordinates \n ↳ PointAnnotationOptions \n ↳ LabelAnnotationOptions \n ↳ PolygonAnnotationOptions \n Properties \n xValue \n • Optional xValue : Scriptable < ScaleValue , PartialEventContext > \n Defined in \n options.d.ts:58 \n yValue \n • Optional yValue : Scriptable < ScaleValue , PartialEventContext > \n Defined in \n options.d.ts:59 \n"},{title:"Interface: AnnotationTypeRegistry",frontmatter:{},regularPath:"/api/interfaces/AnnotationTypeRegistry.html",relativePath:"api/interfaces/AnnotationTypeRegistry.md",key:"v-1c40ad9d",path:"/api/interfaces/AnnotationTypeRegistry.html",headers:[{level:2,title:"Properties",slug:"properties"},{level:3,title:"box",slug:"box"},{level:3,title:"ellipse",slug:"ellipse"},{level:3,title:"label",slug:"label"},{level:3,title:"line",slug:"line"},{level:3,title:"point",slug:"point"},{level:3,title:"polygon",slug:"polygon"}],content:" Interface: AnnotationTypeRegistry \n Properties \n box \n • box : BoxAnnotationOptions \n Defined in \n options.d.ts:9 \n ellipse \n • ellipse : EllipseAnnotationOptions \n Defined in \n options.d.ts:10 \n label \n • label : LabelAnnotationOptions \n Defined in \n options.d.ts:11 \n line \n • line : LineAnnotationOptions \n Defined in \n options.d.ts:12 \n point \n • point : PointAnnotationOptions \n Defined in \n options.d.ts:13 \n polygon \n • polygon : PolygonAnnotationOptions \n Defined in \n options.d.ts:14 \n"},{title:"Interface: ArrowHeadOptions",frontmatter:{},regularPath:"/api/interfaces/ArrowHeadOptions.html",relativePath:"api/interfaces/ArrowHeadOptions.md",key:"v-bc74aa06",path:"/api/interfaces/ArrowHeadOptions.html",headers:[{level:2,title:"Hierarchy",slug:"hierarchy"},{level:2,title:"Properties",slug:"properties"},{level:3,title:"backgroundColor",slug:"backgroundcolor"},{level:3,title:"backgroundShadowColor",slug:"backgroundshadowcolor"},{level:3,title:"borderColor",slug:"bordercolor"},{level:3,title:"borderDash",slug:"borderdash"},{level:3,title:"borderDashOffset",slug:"borderdashoffset"},{level:3,title:"borderShadowColor",slug:"bordershadowcolor"},{level:3,title:"borderWidth",slug:"borderwidth"},{level:3,title:"display",slug:"display"},{level:3,title:"fill",slug:"fill"},{level:3,title:"length",slug:"length"},{level:3,title:"shadowBlur",slug:"shadowblur"},{level:3,title:"shadowOffsetX",slug:"shadowoffsetx"},{level:3,title:"shadowOffsetY",slug:"shadowoffsety"},{level:3,title:"width",slug:"width"}],content:" Interface: ArrowHeadOptions \n Hierarchy \n \n \n ShadowOptions \n ↳ ArrowHeadOptions \n ↳↳ ArrowHeadsOptions \n Properties \n backgroundColor \n • Optional backgroundColor : Scriptable < Color , PartialEventContext > \n Defined in \n options.d.ts:63 \n backgroundShadowColor \n • Optional backgroundShadowColor : Scriptable < Color , PartialEventContext > \n Inherited from \n ShadowOptions . backgroundShadowColor \n Defined in \n options.d.ts:30 \n borderColor \n • Optional borderColor : Scriptable < Color , PartialEventContext > \n Defined in \n options.d.ts:64 \n borderDash \n • Optional borderDash : Scriptable < number [], PartialEventContext > \n Defined in \n options.d.ts:65 \n borderDashOffset \n • Optional borderDashOffset : Scriptable < number , PartialEventContext > \n Defined in \n options.d.ts:66 \n borderShadowColor \n • Optional borderShadowColor : Scriptable < Color , PartialEventContext > \n Inherited from \n ShadowOptions . borderShadowColor \n Defined in \n options.d.ts:31 \n borderWidth \n • Optional borderWidth : Scriptable < number , PartialEventContext > \n Defined in \n options.d.ts:67 \n display \n • Optional display : Scriptable < boolean , PartialEventContext > \n Defined in \n options.d.ts:68 \n fill \n • Optional fill : Scriptable < boolean , PartialEventContext > \n Defined in \n options.d.ts:69 \n length \n • Optional length : Scriptable < number , PartialEventContext > \n Defined in \n options.d.ts:70 \n shadowBlur \n • Optional shadowBlur : Scriptable < number , PartialEventContext > \n Inherited from \n ShadowOptions . shadowBlur \n Defined in \n options.d.ts:32 \n shadowOffsetX \n • Optional shadowOffsetX : Scriptable < number , PartialEventContext > \n Inherited from \n ShadowOptions . shadowOffsetX \n Defined in \n options.d.ts:33 \n shadowOffsetY \n • Optional shadowOffsetY : Scriptable < number , PartialEventContext > \n Inherited from \n ShadowOptions . shadowOffsetY \n Defined in \n options.d.ts:34 \n width \n • Optional width : Scriptable < number , PartialEventContext > \n Defined in \n options.d.ts:71 \n"},{title:"Interface: ArrowHeadsOptions",frontmatter:{},regularPath:"/api/interfaces/ArrowHeadsOptions.html",relativePath:"api/interfaces/ArrowHeadsOptions.md",key:"v-15088ca1",path:"/api/interfaces/ArrowHeadsOptions.html",headers:[{level:2,title:"Hierarchy",slug:"hierarchy"},{level:2,title:"Properties",slug:"properties"},{level:3,title:"backgroundColor",slug:"backgroundcolor"},{level:3,title:"backgroundShadowColor",slug:"backgroundshadowcolor"},{level:3,title:"borderColor",slug:"bordercolor"},{level:3,title:"borderDash",slug:"borderdash"},{level:3,title:"borderDashOffset",slug:"borderdashoffset"},{level:3,title:"borderShadowColor",slug:"bordershadowcolor"},{level:3,title:"borderWidth",slug:"borderwidth"},{level:3,title:"display",slug:"display"},{level:3,title:"end",slug:"end"},{level:3,title:"fill",slug:"fill"},{level:3,title:"length",slug:"length"},{level:3,title:"shadowBlur",slug:"shadowblur"},{level:3,title:"shadowOffsetX",slug:"shadowoffsetx"},{level:3,title:"shadowOffsetY",slug:"shadowoffsety"},{level:3,title:"start",slug:"start"},{level:3,title:"width",slug:"width"}],content:" Interface: ArrowHeadsOptions \n Hierarchy \n \n \n ArrowHeadOptions \n ↳ ArrowHeadsOptions \n Properties \n backgroundColor \n • Optional backgroundColor : Scriptable < Color , PartialEventContext > \n Inherited from \n ArrowHeadOptions . backgroundColor \n Defined in \n options.d.ts:63 \n backgroundShadowColor \n • Optional backgroundShadowColor : Scriptable < Color , PartialEventContext > \n Inherited from \n ArrowHeadOptions . backgroundShadowColor \n Defined in \n options.d.ts:30 \n borderColor \n • Optional borderColor : Scriptable < Color , PartialEventContext > \n Inherited from \n ArrowHeadOptions . borderColor \n Defined in \n options.d.ts:64 \n borderDash \n • Optional borderDash : Scriptable < number [], PartialEventContext > \n Inherited from \n ArrowHeadOptions . borderDash \n Defined in \n options.d.ts:65 \n borderDashOffset \n • Optional borderDashOffset : Scriptable < number , PartialEventContext > \n Inherited from \n ArrowHeadOptions . borderDashOffset \n Defined in \n options.d.ts:66 \n borderShadowColor \n • Optional borderShadowColor : Scriptable < Color , PartialEventContext > \n Inherited from \n ArrowHeadOptions . borderShadowColor \n Defined in \n options.d.ts:31 \n borderWidth \n • Optional borderWidth : Scriptable < number , PartialEventContext > \n Inherited from \n ArrowHeadOptions . borderWidth \n Defined in \n options.d.ts:67 \n display \n • Optional display : Scriptable < boolean , PartialEventContext > \n Inherited from \n ArrowHeadOptions . display \n Defined in \n options.d.ts:68 \n end \n • Optional end : ArrowHeadOptions \n Defined in \n options.d.ts:75 \n fill \n • Optional fill : Scriptable < boolean , PartialEventContext > \n Inherited from \n ArrowHeadOptions . fill \n Defined in \n options.d.ts:69 \n length \n • Optional length : Scriptable < number , PartialEventContext > \n Inherited from \n ArrowHeadOptions . length \n Defined in \n options.d.ts:70 \n shadowBlur \n • Optional shadowBlur : Scriptable < number , PartialEventContext > \n Inherited from \n ArrowHeadOptions . shadowBlur \n Defined in \n options.d.ts:32 \n shadowOffsetX \n • Optional shadowOffsetX : Scriptable < number , PartialEventContext > \n Inherited from \n ArrowHeadOptions . shadowOffsetX \n Defined in \n options.d.ts:33 \n shadowOffsetY \n • Optional shadowOffsetY : Scriptable < number , PartialEventContext > \n Inherited from \n ArrowHeadOptions . shadowOffsetY \n Defined in \n options.d.ts:34 \n start \n • Optional start : ArrowHeadOptions \n Defined in \n options.d.ts:76 \n width \n • Optional width : Scriptable < number , PartialEventContext > \n Inherited from \n ArrowHeadOptions . width \n Defined in \n options.d.ts:71 \n"},{title:"Interface: BoxAnnotationOptions",frontmatter:{},regularPath:"/api/interfaces/BoxAnnotationOptions.html",relativePath:"api/interfaces/BoxAnnotationOptions.md",key:"v-2e4ca05d",path:"/api/interfaces/BoxAnnotationOptions.html",headers:[{level:2,title:"Hierarchy",slug:"hierarchy"},{level:2,title:"Properties",slug:"properties"},{level:3,title:"adjustScaleRange",slug:"adjustscalerange"},{level:3,title:"backgroundColor",slug:"backgroundcolor"},{level:3,title:"backgroundShadowColor",slug:"backgroundshadowcolor"},{level:3,title:"borderCapStyle",slug:"bordercapstyle"},{level:3,title:"borderColor",slug:"bordercolor"},{level:3,title:"borderDash",slug:"borderdash"},{level:3,title:"borderDashOffset",slug:"borderdashoffset"},{level:3,title:"borderJoinStyle",slug:"borderjoinstyle"},{level:3,title:"borderRadius",slug:"borderradius"},{level:3,title:"borderShadowColor",slug:"bordershadowcolor"},{level:3,title:"borderWidth",slug:"borderwidth"},{level:3,title:"display",slug:"display"},{level:3,title:"drawTime",slug:"drawtime"},{level:3,title:"hitTolerance",slug:"hittolerance"},{level:3,title:"id",slug:"id"},{level:3,title:"init",slug:"init"},{level:3,title:"label",slug:"label"},{level:3,title:"rotation",slug:"rotation"},{level:3,title:"shadowBlur",slug:"shadowblur"},{level:3,title:"shadowOffsetX",slug:"shadowoffsetx"},{level:3,title:"shadowOffsetY",slug:"shadowoffsety"},{level:3,title:"xMax",slug:"xmax"},{level:3,title:"xMin",slug:"xmin"},{level:3,title:"xScaleID",slug:"xscaleid"},{level:3,title:"yMax",slug:"ymax"},{level:3,title:"yMin",slug:"ymin"},{level:3,title:"yScaleID",slug:"yscaleid"},{level:3,title:"z",slug:"z"},{level:2,title:"Methods",slug:"methods"},{level:3,title:"afterDraw",slug:"afterdraw"},{level:3,title:"beforeDraw",slug:"beforedraw"},{level:3,title:"click",slug:"click"},{level:3,title:"enter",slug:"enter"},{level:3,title:"leave",slug:"leave"}],content:" Interface: BoxAnnotationOptions \n Hierarchy \n \n \n CoreAnnotationOptions \n ↳ BoxAnnotationOptions \n Properties \n adjustScaleRange \n • Optional adjustScaleRange : Scriptable < boolean , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . adjustScaleRange \n Defined in \n options.d.ts:38 \n backgroundColor \n • Optional backgroundColor : Scriptable < Color , PartialEventContext > \n Defined in \n options.d.ts:95 \n backgroundShadowColor \n • Optional backgroundShadowColor : Scriptable < Color , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . backgroundShadowColor \n Defined in \n options.d.ts:30 \n borderCapStyle \n • Optional borderCapStyle : Scriptable < CanvasLineCap , PartialEventContext > \n Border line cap style. See MDN. \n Default \n 'butt' \n Defined in \n options.d.ts:100 \n borderColor \n • Optional borderColor : Scriptable < Color , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . borderColor \n Defined in \n options.d.ts:39 \n borderDash \n • Optional borderDash : Scriptable < number [], PartialEventContext > \n Border line dash. See MDN. \n Default \n [] \n Overrides \n CoreAnnotationOptions . borderDash \n Defined in \n options.d.ts:105 \n borderDashOffset \n • Optional borderDashOffset : Scriptable < number , PartialEventContext > \n Border line dash offset. See MDN. \n Default \n 0.0 \n Overrides \n CoreAnnotationOptions . borderDashOffset \n Defined in \n options.d.ts:110 \n borderJoinStyle \n • Optional borderJoinStyle : Scriptable < CanvasLineJoin , PartialEventContext > \n Border line join style. See MDN. \n Default \n 'miter' \n Defined in \n options.d.ts:115 \n borderRadius \n • Optional borderRadius : Scriptable < number | BorderRadius , PartialEventContext > \n Defined in \n options.d.ts:116 \n borderShadowColor \n • Optional borderShadowColor : Scriptable < Color , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . borderShadowColor \n Defined in \n options.d.ts:31 \n borderWidth \n • Optional borderWidth : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . borderWidth \n Defined in \n options.d.ts:42 \n display \n • Optional display : Scriptable < boolean , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . display \n Defined in \n options.d.ts:43 \n drawTime \n • Optional drawTime : Scriptable < DrawTime , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . drawTime \n Defined in \n options.d.ts:44 \n hitTolerance \n • Optional hitTolerance : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . hitTolerance \n Defined in \n options.d.ts:45 \n id \n • Optional id : string \n Inherited from \n CoreAnnotationOptions . id \n Defined in \n options.d.ts:47 \n init \n • Optional init : boolean | ( __namedParameters : Object ) => boolean | void | Partial < AnnotationElement > \n Inherited from \n CoreAnnotationOptions . init \n Defined in \n options.d.ts:46 \n label \n • Optional label : BoxLabelOptions \n Defined in \n options.d.ts:117 \n rotation \n • Optional rotation : Scriptable < number , PartialEventContext > \n Defined in \n options.d.ts:118 \n shadowBlur \n • Optional shadowBlur : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . shadowBlur \n Defined in \n options.d.ts:32 \n shadowOffsetX \n • Optional shadowOffsetX : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . shadowOffsetX \n Defined in \n options.d.ts:33 \n shadowOffsetY \n • Optional shadowOffsetY : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . shadowOffsetY \n Defined in \n options.d.ts:34 \n xMax \n • Optional xMax : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . xMax \n Defined in \n options.d.ts:48 \n xMin \n • Optional xMin : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . xMin \n Defined in \n options.d.ts:49 \n xScaleID \n • Optional xScaleID : Scriptable < string , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . xScaleID \n Defined in \n options.d.ts:50 \n yMax \n • Optional yMax : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . yMax \n Defined in \n options.d.ts:51 \n yMin \n • Optional yMin : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . yMin \n Defined in \n options.d.ts:52 \n yScaleID \n • Optional yScaleID : Scriptable < string , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . yScaleID \n Defined in \n options.d.ts:53 \n z \n • Optional z : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . z \n Defined in \n options.d.ts:54 \n Methods \n afterDraw \n ▸ Optional afterDraw ( context ): void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n Returns \n void \n Inherited from \n CoreAnnotationOptions . afterDraw \n Defined in \n options.d.ts:23 \n beforeDraw \n ▸ Optional beforeDraw ( context ): void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n Returns \n void \n Inherited from \n CoreAnnotationOptions . beforeDraw \n Defined in \n options.d.ts:22 \n click \n ▸ Optional click ( context , event ): boolean | void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n \n \n event \n ChartEvent \n Returns \n boolean | void \n Inherited from \n CoreAnnotationOptions . click \n Defined in \n events.d.ts:27 \n enter \n ▸ Optional enter ( context , event ): boolean | void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n \n \n event \n ChartEvent \n Returns \n boolean | void \n Inherited from \n CoreAnnotationOptions . enter \n Defined in \n events.d.ts:25 \n leave \n ▸ Optional leave ( context , event ): boolean | void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n \n \n event \n ChartEvent \n Returns \n boolean | void \n Inherited from \n CoreAnnotationOptions . leave \n Defined in \n events.d.ts:26 \n"},{title:"Interface: BoxLabelOptions",frontmatter:{},regularPath:"/api/interfaces/BoxLabelOptions.html",relativePath:"api/interfaces/BoxLabelOptions.md",key:"v-1915dd1f",path:"/api/interfaces/BoxLabelOptions.html",headers:[{level:2,title:"Hierarchy",slug:"hierarchy"},{level:2,title:"Properties",slug:"properties"},{level:3,title:"color",slug:"color"},{level:3,title:"content",slug:"content"},{level:3,title:"display",slug:"display"},{level:3,title:"drawTime",slug:"drawtime"},{level:3,title:"font",slug:"font"},{level:3,title:"height",slug:"height"},{level:3,title:"hitTolerance",slug:"hittolerance"},{level:3,title:"opacity",slug:"opacity"},{level:3,title:"padding",slug:"padding"},{level:3,title:"position",slug:"position"},{level:3,title:"rotation",slug:"rotation"},{level:3,title:"textAlign",slug:"textalign"},{level:3,title:"textStrokeColor",slug:"textstrokecolor"},{level:3,title:"textStrokeWidth",slug:"textstrokewidth"},{level:3,title:"width",slug:"width"},{level:3,title:"xAdjust",slug:"xadjust"},{level:3,title:"yAdjust",slug:"yadjust"},{level:3,title:"z",slug:"z"}],content:" Interface: BoxLabelOptions \n Hierarchy \n \n \n CoreLabelOptions \n ↳ BoxLabelOptions \n Properties \n color \n • Optional color : Scriptable < Color | Color [], PartialEventContext > \n Inherited from \n CoreLabelOptions . color \n Defined in \n label.d.ts:43 \n content \n • content : Scriptable < string | string [] | HTMLCanvasElement | HTMLImageElement , PartialEventContext > \n Text to display in label. Provide an array to display multiple lines \n Inherited from \n CoreLabelOptions . content \n Defined in \n label.d.ts:73 \n display \n • Optional display : Scriptable < boolean , PartialEventContext > \n Whether the label should be displayed \n Default \n true \n Defined in \n label.d.ts:144 \n drawTime \n • Optional drawTime : Scriptable < DrawTime , PartialEventContext > \n Inherited from \n CoreLabelOptions . drawTime \n Defined in \n label.d.ts:41 \n font \n • Optional font : Scriptable < Partial < FontSpec > | Partial < FontSpec >[], PartialEventContext > \n Inherited from \n CoreLabelOptions . font \n Defined in \n label.d.ts:42 \n height \n • Optional height : Scriptable < number | `${number}%`, PartialEventContext > \n Overrides the height of the image. Could be set in pixel by a number,\nor in percentage of current height of image by a string \n Inherited from \n CoreLabelOptions . height \n Defined in \n label.d.ts:83 \n hitTolerance \n • Optional hitTolerance : Scriptable < number , PartialEventContext > \n Defined in \n label.d.ts:145 \n opacity \n • Optional opacity : Scriptable < number , PartialEventContext > \n Overrides the opacity of the image. \n Inherited from \n CoreLabelOptions . opacity \n Defined in \n label.d.ts:87 \n padding \n • Optional padding : Scriptable < number | LabelPadding , PartialEventContext > \n Padding of label \n Default \n 6 \n Inherited from \n CoreLabelOptions . padding \n Defined in \n label.d.ts:48 \n position \n • Optional position : Scriptable < LabelPosition | LabelPositionObject , PartialEventContext > \n Defined in \n label.d.ts:139 \n rotation \n • Optional rotation : Scriptable < number , PartialEventContext > \n Defined in \n label.d.ts:146 \n textAlign \n • Optional textAlign : Scriptable < LabelTextAlign , PartialEventContext > \n Text alignment when the content of the label is multi-line. \n Default \n 'center' \n Inherited from \n CoreLabelOptions . textAlign \n Defined in \n label.d.ts:53 \n textStrokeColor \n • Optional textStrokeColor : Scriptable < Color , PartialEventContext > \n Inherited from \n CoreLabelOptions . textStrokeColor \n Defined in \n label.d.ts:54 \n textStrokeWidth \n • Optional textStrokeWidth : Scriptable < number , PartialEventContext > \n Inherited from \n CoreLabelOptions . textStrokeWidth \n Defined in \n label.d.ts:55 \n width \n • Optional width : Scriptable < number | `${number}%`, PartialEventContext > \n Overrides the width of the image. Could be set in pixel by a number,\nor in percentage of current width of image by a string \n Inherited from \n CoreLabelOptions . width \n Defined in \n label.d.ts:78 \n xAdjust \n • Optional xAdjust : Scriptable < number , PartialEventContext > \n Adjustment along x-axis (left-right) of label relative to above number (can be negative)\nFor horizontal lines positioned left or right, negative values move\nthe label toward the edge, and positive values toward the center. \n Default \n 0 \n Inherited from \n CoreLabelOptions . xAdjust \n Defined in \n label.d.ts:62 \n yAdjust \n • Optional yAdjust : Scriptable < number , PartialEventContext > \n Adjustment along y-axis (top-bottom) of label relative to above number (can be negative)\nFor vertical lines positioned top or bottom, negative values move\nthe label toward the edge, and positive values toward the center. \n Default \n 0 \n Inherited from \n CoreLabelOptions . yAdjust \n Defined in \n label.d.ts:69 \n z \n • Optional z : Scriptable < number , PartialEventContext > \n Inherited from \n CoreLabelOptions . z \n Defined in \n label.d.ts:88 \n"},{title:"Interface: CalloutOptions",frontmatter:{},regularPath:"/api/interfaces/CalloutOptions.html",relativePath:"api/interfaces/CalloutOptions.md",key:"v-ec8d56c6",path:"/api/interfaces/CalloutOptions.html",headers:[{level:2,title:"Properties",slug:"properties"},{level:3,title:"borderCapStyle",slug:"bordercapstyle"},{level:3,title:"borderColor",slug:"bordercolor"},{level:3,title:"borderDash",slug:"borderdash"},{level:3,title:"borderDashOffset",slug:"borderdashoffset"},{level:3,title:"borderJoinStyle",slug:"borderjoinstyle"},{level:3,title:"borderWidth",slug:"borderwidth"},{level:3,title:"display",slug:"display"},{level:3,title:"margin",slug:"margin"},{level:3,title:"position",slug:"position"},{level:3,title:"side",slug:"side"},{level:3,title:"start",slug:"start"}],content:" Interface: CalloutOptions \n Properties \n borderCapStyle \n • Optional borderCapStyle : Scriptable < CanvasLineCap , PartialEventContext > \n Defined in \n label.d.ts:27 \n borderColor \n • Optional borderColor : Scriptable < Color , PartialEventContext > \n Defined in \n label.d.ts:28 \n borderDash \n • Optional borderDash : Scriptable < number [], PartialEventContext > \n Defined in \n label.d.ts:29 \n borderDashOffset \n • Optional borderDashOffset : Scriptable < number , PartialEventContext > \n Defined in \n label.d.ts:30 \n borderJoinStyle \n • Optional borderJoinStyle : Scriptable < CanvasLineJoin , PartialEventContext > \n Defined in \n label.d.ts:31 \n borderWidth \n • Optional borderWidth : Scriptable < number , PartialEventContext > \n Defined in \n label.d.ts:32 \n display \n • Optional display : Scriptable < boolean , PartialEventContext > \n Defined in \n label.d.ts:33 \n margin \n • Optional margin : Scriptable < number , PartialEventContext > \n Defined in \n label.d.ts:34 \n position \n • Optional position : Scriptable < CalloutPosition , PartialEventContext > \n Defined in \n label.d.ts:35 \n side \n • Optional side : Scriptable < number , PartialEventContext > \n Defined in \n label.d.ts:36 \n start \n • Optional start : Scriptable < string | number , PartialEventContext > \n Defined in \n label.d.ts:37 \n"},{title:"Interface: ContainedLabelOptions",frontmatter:{},regularPath:"/api/interfaces/ContainedLabelOptions.html",relativePath:"api/interfaces/ContainedLabelOptions.md",key:"v-7fae43e2",path:"/api/interfaces/ContainedLabelOptions.html",headers:[{level:2,title:"Hierarchy",slug:"hierarchy"},{level:2,title:"Properties",slug:"properties"},{level:3,title:"backgroundColor",slug:"backgroundcolor"},{level:3,title:"borderCapStyle",slug:"bordercapstyle"},{level:3,title:"borderColor",slug:"bordercolor"},{level:3,title:"borderDash",slug:"borderdash"},{level:3,title:"borderDashOffset",slug:"borderdashoffset"},{level:3,title:"borderJoinStyle",slug:"borderjoinstyle"},{level:3,title:"borderRadius",slug:"borderradius"},{level:3,title:"borderWidth",slug:"borderwidth"},{level:3,title:"callout",slug:"callout"},{level:3,title:"color",slug:"color"},{level:3,title:"content",slug:"content"},{level:3,title:"drawTime",slug:"drawtime"},{level:3,title:"font",slug:"font"},{level:3,title:"height",slug:"height"},{level:3,title:"opacity",slug:"opacity"},{level:3,title:"padding",slug:"padding"},{level:3,title:"textAlign",slug:"textalign"},{level:3,title:"textStrokeColor",slug:"textstrokecolor"},{level:3,title:"textStrokeWidth",slug:"textstrokewidth"},{level:3,title:"width",slug:"width"},{level:3,title:"xAdjust",slug:"xadjust"},{level:3,title:"yAdjust",slug:"yadjust"},{level:3,title:"z",slug:"z"}],content:" Interface: ContainedLabelOptions \n Hierarchy \n \n \n CoreLabelOptions \n ↳ ContainedLabelOptions \n ↳↳ LabelOptions \n ↳↳ LabelTypeOptions \n Properties \n backgroundColor \n • Optional backgroundColor : Scriptable < Color , PartialEventContext > \n Defined in \n label.d.ts:92 \n borderCapStyle \n • Optional borderCapStyle : Scriptable < CanvasLineCap , PartialEventContext > \n Border line cap style. See MDN. \n Default \n 'butt' \n Defined in \n label.d.ts:99 \n borderColor \n • Optional borderColor : Scriptable < Color , PartialEventContext > \n Defined in \n label.d.ts:94 \n borderDash \n • Optional borderDash : Scriptable < number [], PartialEventContext > \n Border line dash. See MDN. \n Default \n [] \n Defined in \n label.d.ts:104 \n borderDashOffset \n • Optional borderDashOffset : Scriptable < number , PartialEventContext > \n Border line dash offset. See MDN. \n Default \n 0.0 \n Defined in \n label.d.ts:109 \n borderJoinStyle \n • Optional borderJoinStyle : Scriptable < CanvasLineJoin , PartialEventContext > \n Border line join style. See MDN. \n Default \n 'miter' \n Defined in \n label.d.ts:114 \n borderRadius \n • Optional borderRadius : Scriptable < number | BorderRadius , PartialEventContext > \n Border radius of the label rectangle \n Default \n 6 \n Defined in \n label.d.ts:119 \n borderWidth \n • Optional borderWidth : Scriptable < number , PartialEventContext > \n Defined in \n label.d.ts:93 \n callout \n • Optional callout : CalloutOptions \n Defined in \n label.d.ts:120 \n color \n • Optional color : Scriptable < Color | Color [], PartialEventContext > \n Inherited from \n CoreLabelOptions . color \n Defined in \n label.d.ts:43 \n content \n • content : Scriptable < string | string [] | HTMLCanvasElement | HTMLImageElement , PartialEventContext > \n Text to display in label. Provide an array to display multiple lines \n Inherited from \n CoreLabelOptions . content \n Defined in \n label.d.ts:73 \n drawTime \n • Optional drawTime : Scriptable < DrawTime , PartialEventContext > \n Inherited from \n CoreLabelOptions . drawTime \n Defined in \n label.d.ts:41 \n font \n • Optional font : Scriptable < Partial < FontSpec > | Partial < FontSpec >[], PartialEventContext > \n Inherited from \n CoreLabelOptions . font \n Defined in \n label.d.ts:42 \n height \n • Optional height : Scriptable < number | `${number}%`, PartialEventContext > \n Overrides the height of the image. Could be set in pixel by a number,\nor in percentage of current height of image by a string \n Inherited from \n CoreLabelOptions . height \n Defined in \n label.d.ts:83 \n opacity \n • Optional opacity : Scriptable < number , PartialEventContext > \n Overrides the opacity of the image. \n Inherited from \n CoreLabelOptions . opacity \n Defined in \n label.d.ts:87 \n padding \n • Optional padding : Scriptable < number | LabelPadding , PartialEventContext > \n Padding of label \n Default \n 6 \n Inherited from \n CoreLabelOptions . padding \n Defined in \n label.d.ts:48 \n textAlign \n • Optional textAlign : Scriptable < LabelTextAlign , PartialEventContext > \n Text alignment when the content of the label is multi-line. \n Default \n 'center' \n Inherited from \n CoreLabelOptions . textAlign \n Defined in \n label.d.ts:53 \n textStrokeColor \n • Optional textStrokeColor : Scriptable < Color , PartialEventContext > \n Inherited from \n CoreLabelOptions . textStrokeColor \n Defined in \n label.d.ts:54 \n textStrokeWidth \n • Optional textStrokeWidth : Scriptable < number , PartialEventContext > \n Inherited from \n CoreLabelOptions . textStrokeWidth \n Defined in \n label.d.ts:55 \n width \n • Optional width : Scriptable < number | `${number}%`, PartialEventContext > \n Overrides the width of the image. Could be set in pixel by a number,\nor in percentage of current width of image by a string \n Inherited from \n CoreLabelOptions . width \n Defined in \n label.d.ts:78 \n xAdjust \n • Optional xAdjust : Scriptable < number , PartialEventContext > \n Adjustment along x-axis (left-right) of label relative to above number (can be negative)\nFor horizontal lines positioned left or right, negative values move\nthe label toward the edge, and positive values toward the center. \n Default \n 0 \n Inherited from \n CoreLabelOptions . xAdjust \n Defined in \n label.d.ts:62 \n yAdjust \n • Optional yAdjust : Scriptable < number , PartialEventContext > \n Adjustment along y-axis (top-bottom) of label relative to above number (can be negative)\nFor vertical lines positioned top or bottom, negative values move\nthe label toward the edge, and positive values toward the center. \n Default \n 0 \n Inherited from \n CoreLabelOptions . yAdjust \n Defined in \n label.d.ts:69 \n z \n • Optional z : Scriptable < number , PartialEventContext > \n Inherited from \n CoreLabelOptions . z \n Defined in \n label.d.ts:88 \n"},{title:"Interface: ControlPointOptions",frontmatter:{},regularPath:"/api/interfaces/ControlPointOptions.html",relativePath:"api/interfaces/ControlPointOptions.md",key:"v-6b2059b3",path:"/api/interfaces/ControlPointOptions.html",headers:[{level:2,title:"Properties",slug:"properties"},{level:3,title:"x",slug:"x"},{level:3,title:"y",slug:"y"}],content:" Interface: ControlPointOptions \n Properties \n x \n • Optional x : Scriptable < string | number , PartialEventContext > \n Defined in \n options.d.ts:80 \n y \n • Optional y : Scriptable < string | number , PartialEventContext > \n Defined in \n options.d.ts:81 \n"},{title:"Interface: CoreAnnotationOptions",frontmatter:{},regularPath:"/api/interfaces/CoreAnnotationOptions.html",relativePath:"api/interfaces/CoreAnnotationOptions.md",key:"v-4b4d89e9",path:"/api/interfaces/CoreAnnotationOptions.html",headers:[{level:2,title:"Hierarchy",slug:"hierarchy"},{level:2,title:"Properties",slug:"properties"},{level:3,title:"adjustScaleRange",slug:"adjustscalerange"},{level:3,title:"backgroundShadowColor",slug:"backgroundshadowcolor"},{level:3,title:"borderColor",slug:"bordercolor"},{level:3,title:"borderDash",slug:"borderdash"},{level:3,title:"borderDashOffset",slug:"borderdashoffset"},{level:3,title:"borderShadowColor",slug:"bordershadowcolor"},{level:3,title:"borderWidth",slug:"borderwidth"},{level:3,title:"display",slug:"display"},{level:3,title:"drawTime",slug:"drawtime"},{level:3,title:"hitTolerance",slug:"hittolerance"},{level:3,title:"id",slug:"id"},{level:3,title:"init",slug:"init"},{level:3,title:"shadowBlur",slug:"shadowblur"},{level:3,title:"shadowOffsetX",slug:"shadowoffsetx"},{level:3,title:"shadowOffsetY",slug:"shadowoffsety"},{level:3,title:"xMax",slug:"xmax"},{level:3,title:"xMin",slug:"xmin"},{level:3,title:"xScaleID",slug:"xscaleid"},{level:3,title:"yMax",slug:"ymax"},{level:3,title:"yMin",slug:"ymin"},{level:3,title:"yScaleID",slug:"yscaleid"},{level:3,title:"z",slug:"z"},{level:2,title:"Methods",slug:"methods"},{level:3,title:"afterDraw",slug:"afterdraw"},{level:3,title:"beforeDraw",slug:"beforedraw"},{level:3,title:"click",slug:"click"},{level:3,title:"enter",slug:"enter"},{level:3,title:"leave",slug:"leave"}],content:" Interface: CoreAnnotationOptions \n Hierarchy \n \n \n AnnotationEvents \n \n \n ShadowOptions \n \n \n AnnotationHooks \n ↳ CoreAnnotationOptions \n ↳↳ LineAnnotationOptions \n ↳↳ BoxAnnotationOptions \n ↳↳ EllipseAnnotationOptions \n ↳↳ PointAnnotationOptions \n ↳↳ LabelAnnotationOptions \n ↳↳ PolygonAnnotationOptions \n Properties \n adjustScaleRange \n • Optional adjustScaleRange : Scriptable < boolean , PartialEventContext > \n Defined in \n options.d.ts:38 \n backgroundShadowColor \n • Optional backgroundShadowColor : Scriptable < Color , PartialEventContext > \n Inherited from \n ShadowOptions . backgroundShadowColor \n Defined in \n options.d.ts:30 \n borderColor \n • Optional borderColor : Scriptable < Color , PartialEventContext > \n Defined in \n options.d.ts:39 \n borderDash \n • Optional borderDash : Scriptable < number [], PartialEventContext > \n Defined in \n options.d.ts:40 \n borderDashOffset \n • Optional borderDashOffset : Scriptable < number , PartialEventContext > \n Defined in \n options.d.ts:41 \n borderShadowColor \n • Optional borderShadowColor : Scriptable < Color , PartialEventContext > \n Inherited from \n ShadowOptions . borderShadowColor \n Defined in \n options.d.ts:31 \n borderWidth \n • Optional borderWidth : Scriptable < number , PartialEventContext > \n Defined in \n options.d.ts:42 \n display \n • Optional display : Scriptable < boolean , PartialEventContext > \n Defined in \n options.d.ts:43 \n drawTime \n • Optional drawTime : Scriptable < DrawTime , PartialEventContext > \n Defined in \n options.d.ts:44 \n hitTolerance \n • Optional hitTolerance : Scriptable < number , PartialEventContext > \n Defined in \n options.d.ts:45 \n id \n • Optional id : string \n Defined in \n options.d.ts:47 \n init \n • Optional init : boolean | ( __namedParameters : Object ) => boolean | void | Partial < AnnotationElement > \n Defined in \n options.d.ts:46 \n shadowBlur \n • Optional shadowBlur : Scriptable < number , PartialEventContext > \n Inherited from \n ShadowOptions . shadowBlur \n Defined in \n options.d.ts:32 \n shadowOffsetX \n • Optional shadowOffsetX : Scriptable < number , PartialEventContext > \n Inherited from \n ShadowOptions . shadowOffsetX \n Defined in \n options.d.ts:33 \n shadowOffsetY \n • Optional shadowOffsetY : Scriptable < number , PartialEventContext > \n Inherited from \n ShadowOptions . shadowOffsetY \n Defined in \n options.d.ts:34 \n xMax \n • Optional xMax : Scriptable < ScaleValue , PartialEventContext > \n Defined in \n options.d.ts:48 \n xMin \n • Optional xMin : Scriptable < ScaleValue , PartialEventContext > \n Defined in \n options.d.ts:49 \n xScaleID \n • Optional xScaleID : Scriptable < string , PartialEventContext > \n Defined in \n options.d.ts:50 \n yMax \n • Optional yMax : Scriptable < ScaleValue , PartialEventContext > \n Defined in \n options.d.ts:51 \n yMin \n • Optional yMin : Scriptable < ScaleValue , PartialEventContext > \n Defined in \n options.d.ts:52 \n yScaleID \n • Optional yScaleID : Scriptable < string , PartialEventContext > \n Defined in \n options.d.ts:53 \n z \n • Optional z : Scriptable < number , PartialEventContext > \n Defined in \n options.d.ts:54 \n Methods \n afterDraw \n ▸ Optional afterDraw ( context ): void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n Returns \n void \n Inherited from \n AnnotationHooks . afterDraw \n Defined in \n options.d.ts:23 \n beforeDraw \n ▸ Optional beforeDraw ( context ): void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n Returns \n void \n Inherited from \n AnnotationHooks . beforeDraw \n Defined in \n options.d.ts:22 \n click \n ▸ Optional click ( context , event ): boolean | void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n \n \n event \n ChartEvent \n Returns \n boolean | void \n Inherited from \n AnnotationEvents . click \n Defined in \n events.d.ts:27 \n enter \n ▸ Optional enter ( context , event ): boolean | void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n \n \n event \n ChartEvent \n Returns \n boolean | void \n Inherited from \n AnnotationEvents . enter \n Defined in \n events.d.ts:25 \n leave \n ▸ Optional leave ( context , event ): boolean | void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n \n \n event \n ChartEvent \n Returns \n boolean | void \n Inherited from \n AnnotationEvents . leave \n Defined in \n events.d.ts:26 \n"},{title:"Interface: CoreLabelOptions",frontmatter:{},regularPath:"/api/interfaces/CoreLabelOptions.html",relativePath:"api/interfaces/CoreLabelOptions.md",key:"v-c42c2106",path:"/api/interfaces/CoreLabelOptions.html",headers:[{level:2,title:"Hierarchy",slug:"hierarchy"},{level:2,title:"Properties",slug:"properties"},{level:3,title:"color",slug:"color"},{level:3,title:"content",slug:"content"},{level:3,title:"drawTime",slug:"drawtime"},{level:3,title:"font",slug:"font"},{level:3,title:"height",slug:"height"},{level:3,title:"opacity",slug:"opacity"},{level:3,title:"padding",slug:"padding"},{level:3,title:"textAlign",slug:"textalign"},{level:3,title:"textStrokeColor",slug:"textstrokecolor"},{level:3,title:"textStrokeWidth",slug:"textstrokewidth"},{level:3,title:"width",slug:"width"},{level:3,title:"xAdjust",slug:"xadjust"},{level:3,title:"yAdjust",slug:"yadjust"},{level:3,title:"z",slug:"z"}],content:" Interface: CoreLabelOptions \n Hierarchy \n \n \n CoreLabelOptions \n ↳ ContainedLabelOptions \n ↳ BoxLabelOptions \n Properties \n color \n • Optional color : Scriptable < Color | Color [], PartialEventContext > \n Defined in \n label.d.ts:43 \n content \n • content : Scriptable < string | string [] | HTMLCanvasElement | HTMLImageElement , PartialEventContext > \n Text to display in label. Provide an array to display multiple lines \n Defined in \n label.d.ts:73 \n drawTime \n • Optional drawTime : Scriptable < DrawTime , PartialEventContext > \n Defined in \n label.d.ts:41 \n font \n • Optional font : Scriptable < Partial < FontSpec > | Partial < FontSpec >[], PartialEventContext > \n Defined in \n label.d.ts:42 \n height \n • Optional height : Scriptable < number | `${number}%`, PartialEventContext > \n Overrides the height of the image. Could be set in pixel by a number,\nor in percentage of current height of image by a string \n Defined in \n label.d.ts:83 \n opacity \n • Optional opacity : Scriptable < number , PartialEventContext > \n Overrides the opacity of the image. \n Defined in \n label.d.ts:87 \n padding \n • Optional padding : Scriptable < number | LabelPadding , PartialEventContext > \n Padding of label \n Default \n 6 \n Defined in \n label.d.ts:48 \n textAlign \n • Optional textAlign : Scriptable < LabelTextAlign , PartialEventContext > \n Text alignment when the content of the label is multi-line. \n Default \n 'center' \n Defined in \n label.d.ts:53 \n textStrokeColor \n • Optional textStrokeColor : Scriptable < Color , PartialEventContext > \n Defined in \n label.d.ts:54 \n textStrokeWidth \n • Optional textStrokeWidth : Scriptable < number , PartialEventContext > \n Defined in \n label.d.ts:55 \n width \n • Optional width : Scriptable < number | `${number}%`, PartialEventContext > \n Overrides the width of the image. Could be set in pixel by a number,\nor in percentage of current width of image by a string \n Defined in \n label.d.ts:78 \n xAdjust \n • Optional xAdjust : Scriptable < number , PartialEventContext > \n Adjustment along x-axis (left-right) of label relative to above number (can be negative)\nFor horizontal lines positioned left or right, negative values move\nthe label toward the edge, and positive values toward the center. \n Default \n 0 \n Defined in \n label.d.ts:62 \n yAdjust \n • Optional yAdjust : Scriptable < number , PartialEventContext > \n Adjustment along y-axis (top-bottom) of label relative to above number (can be negative)\nFor vertical lines positioned top or bottom, negative values move\nthe label toward the edge, and positive values toward the center. \n Default \n 0 \n Defined in \n label.d.ts:69 \n z \n • Optional z : Scriptable < number , PartialEventContext > \n Defined in \n label.d.ts:88 \n"},{title:"Interface: EllipseAnnotationOptions",frontmatter:{},regularPath:"/api/interfaces/EllipseAnnotationOptions.html",relativePath:"api/interfaces/EllipseAnnotationOptions.md",key:"v-49180d06",path:"/api/interfaces/EllipseAnnotationOptions.html",headers:[{level:2,title:"Hierarchy",slug:"hierarchy"},{level:2,title:"Properties",slug:"properties"},{level:3,title:"adjustScaleRange",slug:"adjustscalerange"},{level:3,title:"backgroundColor",slug:"backgroundcolor"},{level:3,title:"backgroundShadowColor",slug:"backgroundshadowcolor"},{level:3,title:"borderColor",slug:"bordercolor"},{level:3,title:"borderDash",slug:"borderdash"},{level:3,title:"borderDashOffset",slug:"borderdashoffset"},{level:3,title:"borderShadowColor",slug:"bordershadowcolor"},{level:3,title:"borderWidth",slug:"borderwidth"},{level:3,title:"display",slug:"display"},{level:3,title:"drawTime",slug:"drawtime"},{level:3,title:"hitTolerance",slug:"hittolerance"},{level:3,title:"id",slug:"id"},{level:3,title:"init",slug:"init"},{level:3,title:"label",slug:"label"},{level:3,title:"rotation",slug:"rotation"},{level:3,title:"shadowBlur",slug:"shadowblur"},{level:3,title:"shadowOffsetX",slug:"shadowoffsetx"},{level:3,title:"shadowOffsetY",slug:"shadowoffsety"},{level:3,title:"xMax",slug:"xmax"},{level:3,title:"xMin",slug:"xmin"},{level:3,title:"xScaleID",slug:"xscaleid"},{level:3,title:"yMax",slug:"ymax"},{level:3,title:"yMin",slug:"ymin"},{level:3,title:"yScaleID",slug:"yscaleid"},{level:3,title:"z",slug:"z"},{level:2,title:"Methods",slug:"methods"},{level:3,title:"afterDraw",slug:"afterdraw"},{level:3,title:"beforeDraw",slug:"beforedraw"},{level:3,title:"click",slug:"click"},{level:3,title:"enter",slug:"enter"},{level:3,title:"leave",slug:"leave"}],content:" Interface: EllipseAnnotationOptions \n Hierarchy \n \n \n CoreAnnotationOptions \n ↳ EllipseAnnotationOptions \n Properties \n adjustScaleRange \n • Optional adjustScaleRange : Scriptable < boolean , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . adjustScaleRange \n Defined in \n options.d.ts:38 \n backgroundColor \n • Optional backgroundColor : Scriptable < Color , PartialEventContext > \n Defined in \n options.d.ts:122 \n backgroundShadowColor \n • Optional backgroundShadowColor : Scriptable < Color , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . backgroundShadowColor \n Defined in \n options.d.ts:30 \n borderColor \n • Optional borderColor : Scriptable < Color , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . borderColor \n Defined in \n options.d.ts:39 \n borderDash \n • Optional borderDash : Scriptable < number [], PartialEventContext > \n Inherited from \n CoreAnnotationOptions . borderDash \n Defined in \n options.d.ts:40 \n borderDashOffset \n • Optional borderDashOffset : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . borderDashOffset \n Defined in \n options.d.ts:41 \n borderShadowColor \n • Optional borderShadowColor : Scriptable < Color , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . borderShadowColor \n Defined in \n options.d.ts:31 \n borderWidth \n • Optional borderWidth : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . borderWidth \n Defined in \n options.d.ts:42 \n display \n • Optional display : Scriptable < boolean , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . display \n Defined in \n options.d.ts:43 \n drawTime \n • Optional drawTime : Scriptable < DrawTime , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . drawTime \n Defined in \n options.d.ts:44 \n hitTolerance \n • Optional hitTolerance : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . hitTolerance \n Defined in \n options.d.ts:45 \n id \n • Optional id : string \n Inherited from \n CoreAnnotationOptions . id \n Defined in \n options.d.ts:47 \n init \n • Optional init : boolean | ( __namedParameters : Object ) => boolean | void | Partial < AnnotationElement > \n Inherited from \n CoreAnnotationOptions . init \n Defined in \n options.d.ts:46 \n label \n • Optional label : BoxLabelOptions \n Defined in \n options.d.ts:123 \n rotation \n • Optional rotation : Scriptable < number , PartialEventContext > \n Defined in \n options.d.ts:124 \n shadowBlur \n • Optional shadowBlur : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . shadowBlur \n Defined in \n options.d.ts:32 \n shadowOffsetX \n • Optional shadowOffsetX : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . shadowOffsetX \n Defined in \n options.d.ts:33 \n shadowOffsetY \n • Optional shadowOffsetY : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . shadowOffsetY \n Defined in \n options.d.ts:34 \n xMax \n • Optional xMax : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . xMax \n Defined in \n options.d.ts:48 \n xMin \n • Optional xMin : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . xMin \n Defined in \n options.d.ts:49 \n xScaleID \n • Optional xScaleID : Scriptable < string , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . xScaleID \n Defined in \n options.d.ts:50 \n yMax \n • Optional yMax : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . yMax \n Defined in \n options.d.ts:51 \n yMin \n • Optional yMin : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . yMin \n Defined in \n options.d.ts:52 \n yScaleID \n • Optional yScaleID : Scriptable < string , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . yScaleID \n Defined in \n options.d.ts:53 \n z \n • Optional z : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . z \n Defined in \n options.d.ts:54 \n Methods \n afterDraw \n ▸ Optional afterDraw ( context ): void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n Returns \n void \n Inherited from \n CoreAnnotationOptions . afterDraw \n Defined in \n options.d.ts:23 \n beforeDraw \n ▸ Optional beforeDraw ( context ): void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n Returns \n void \n Inherited from \n CoreAnnotationOptions . beforeDraw \n Defined in \n options.d.ts:22 \n click \n ▸ Optional click ( context , event ): boolean | void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n \n \n event \n ChartEvent \n Returns \n boolean | void \n Inherited from \n CoreAnnotationOptions . click \n Defined in \n events.d.ts:27 \n enter \n ▸ Optional enter ( context , event ): boolean | void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n \n \n event \n ChartEvent \n Returns \n boolean | void \n Inherited from \n CoreAnnotationOptions . enter \n Defined in \n events.d.ts:25 \n leave \n ▸ Optional leave ( context , event ): boolean | void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n \n \n event \n ChartEvent \n Returns \n boolean | void \n Inherited from \n CoreAnnotationOptions . leave \n Defined in \n events.d.ts:26 \n"},{title:"Interface: EventContext",frontmatter:{},regularPath:"/api/interfaces/EventContext.html",relativePath:"api/interfaces/EventContext.md",key:"v-29e3487d",path:"/api/interfaces/EventContext.html",headers:[{level:2,title:"Properties",slug:"properties"},{level:3,title:"chart",slug:"chart"},{level:3,title:"element",slug:"element"},{level:3,title:"elements",slug:"elements"},{level:3,title:"id",slug:"id"},{level:3,title:"type",slug:"type"}],content:" Interface: EventContext \n Properties \n chart \n • chart : Chart \n Defined in \n events.d.ts:5 \n element \n • element : AnnotationElement \n Defined in \n events.d.ts:6 \n elements \n • elements : AnnotationElement [] \n Defined in \n events.d.ts:7 \n id \n • id : string \n Defined in \n events.d.ts:8 \n type \n • type : string \n Defined in \n events.d.ts:9 \n"},{title:"Interface: LabelAnnotationOptions",frontmatter:{},regularPath:"/api/interfaces/LabelAnnotationOptions.html",relativePath:"api/interfaces/LabelAnnotationOptions.md",key:"v-f13aec06",path:"/api/interfaces/LabelAnnotationOptions.html",headers:[{level:2,title:"Hierarchy",slug:"hierarchy"},{level:2,title:"Properties",slug:"properties"},{level:3,title:"adjustScaleRange",slug:"adjustscalerange"},{level:3,title:"backgroundColor",slug:"backgroundcolor"},{level:3,title:"backgroundShadowColor",slug:"backgroundshadowcolor"},{level:3,title:"borderCapStyle",slug:"bordercapstyle"},{level:3,title:"borderColor",slug:"bordercolor"},{level:3,title:"borderDash",slug:"borderdash"},{level:3,title:"borderDashOffset",slug:"borderdashoffset"},{level:3,title:"borderJoinStyle",slug:"borderjoinstyle"},{level:3,title:"borderRadius",slug:"borderradius"},{level:3,title:"borderShadowColor",slug:"bordershadowcolor"},{level:3,title:"borderWidth",slug:"borderwidth"},{level:3,title:"callout",slug:"callout"},{level:3,title:"color",slug:"color"},{level:3,title:"content",slug:"content"},{level:3,title:"display",slug:"display"},{level:3,title:"drawTime",slug:"drawtime"},{level:3,title:"font",slug:"font"},{level:3,title:"height",slug:"height"},{level:3,title:"hitTolerance",slug:"hittolerance"},{level:3,title:"id",slug:"id"},{level:3,title:"init",slug:"init"},{level:3,title:"opacity",slug:"opacity"},{level:3,title:"padding",slug:"padding"},{level:3,title:"position",slug:"position"},{level:3,title:"rotation",slug:"rotation"},{level:3,title:"shadowBlur",slug:"shadowblur"},{level:3,title:"shadowOffsetX",slug:"shadowoffsetx"},{level:3,title:"shadowOffsetY",slug:"shadowoffsety"},{level:3,title:"textAlign",slug:"textalign"},{level:3,title:"textStrokeColor",slug:"textstrokecolor"},{level:3,title:"textStrokeWidth",slug:"textstrokewidth"},{level:3,title:"width",slug:"width"},{level:3,title:"xAdjust",slug:"xadjust"},{level:3,title:"xMax",slug:"xmax"},{level:3,title:"xMin",slug:"xmin"},{level:3,title:"xScaleID",slug:"xscaleid"},{level:3,title:"xValue",slug:"xvalue"},{level:3,title:"yAdjust",slug:"yadjust"},{level:3,title:"yMax",slug:"ymax"},{level:3,title:"yMin",slug:"ymin"},{level:3,title:"yScaleID",slug:"yscaleid"},{level:3,title:"yValue",slug:"yvalue"},{level:3,title:"z",slug:"z"},{level:2,title:"Methods",slug:"methods"},{level:3,title:"afterDraw",slug:"afterdraw"},{level:3,title:"beforeDraw",slug:"beforedraw"},{level:3,title:"click",slug:"click"},{level:3,title:"enter",slug:"enter"},{level:3,title:"leave",slug:"leave"}],content:" Interface: LabelAnnotationOptions \n Hierarchy \n \n \n CoreAnnotationOptions \n \n \n LabelTypeOptions \n \n \n AnnotationPointCoordinates \n ↳ LabelAnnotationOptions \n Properties \n adjustScaleRange \n • Optional adjustScaleRange : Scriptable < boolean , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . adjustScaleRange \n Defined in \n options.d.ts:38 \n backgroundColor \n • Optional backgroundColor : Scriptable < Color , PartialEventContext > \n Inherited from \n LabelTypeOptions . backgroundColor \n Defined in \n label.d.ts:92 \n backgroundShadowColor \n • Optional backgroundShadowColor : Scriptable < Color , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . backgroundShadowColor \n Defined in \n options.d.ts:30 \n borderCapStyle \n • Optional borderCapStyle : Scriptable < CanvasLineCap , PartialEventContext > \n Border line cap style. See MDN. \n Default \n 'butt' \n Inherited from \n LabelTypeOptions . borderCapStyle \n Defined in \n label.d.ts:99 \n borderColor \n • Optional borderColor : Scriptable < Color , PartialEventContext > \n Inherited from \n LabelTypeOptions . borderColor \n Defined in \n options.d.ts:39 \n borderDash \n • Optional borderDash : Scriptable < number [], PartialEventContext > \n Border line dash. See MDN. \n Default \n [] \n Inherited from \n LabelTypeOptions . borderDash \n Defined in \n options.d.ts:40 \n borderDashOffset \n • Optional borderDashOffset : Scriptable < number , PartialEventContext > \n Border line dash offset. See MDN. \n Default \n 0.0 \n Inherited from \n LabelTypeOptions . borderDashOffset \n Defined in \n options.d.ts:41 \n borderJoinStyle \n • Optional borderJoinStyle : Scriptable < CanvasLineJoin , PartialEventContext > \n Border line join style. See MDN. \n Default \n 'miter' \n Inherited from \n LabelTypeOptions . borderJoinStyle \n Defined in \n label.d.ts:114 \n borderRadius \n • Optional borderRadius : Scriptable < number | BorderRadius , PartialEventContext > \n Border radius of the label rectangle \n Default \n 6 \n Inherited from \n LabelTypeOptions . borderRadius \n Defined in \n label.d.ts:119 \n borderShadowColor \n • Optional borderShadowColor : Scriptable < Color , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . borderShadowColor \n Defined in \n options.d.ts:31 \n borderWidth \n • Optional borderWidth : Scriptable < number , PartialEventContext > \n Inherited from \n LabelTypeOptions . borderWidth \n Defined in \n options.d.ts:42 \n callout \n • Optional callout : CalloutOptions \n Inherited from \n LabelTypeOptions . callout \n Defined in \n label.d.ts:120 \n color \n • Optional color : Scriptable < Color | Color [], PartialEventContext > \n Inherited from \n LabelTypeOptions . color \n Defined in \n label.d.ts:43 \n content \n • content : Scriptable < string | string [] | HTMLCanvasElement | HTMLImageElement , PartialEventContext > \n Text to display in label. Provide an array to display multiple lines \n Inherited from \n LabelTypeOptions . content \n Defined in \n label.d.ts:73 \n display \n • Optional display : Scriptable < boolean , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . display \n Defined in \n options.d.ts:43 \n drawTime \n • Optional drawTime : Scriptable < DrawTime , PartialEventContext > \n Inherited from \n LabelTypeOptions . drawTime \n Defined in \n options.d.ts:44 \n font \n • Optional font : Scriptable < Partial < FontSpec > | Partial < FontSpec >[], PartialEventContext > \n Inherited from \n LabelTypeOptions . font \n Defined in \n label.d.ts:42 \n height \n • Optional height : Scriptable < number | `${number}%`, PartialEventContext > \n Overrides the height of the image. Could be set in pixel by a number,\nor in percentage of current height of image by a string \n Inherited from \n LabelTypeOptions . height \n Defined in \n label.d.ts:83 \n hitTolerance \n • Optional hitTolerance : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . hitTolerance \n Defined in \n options.d.ts:45 \n id \n • Optional id : string \n Inherited from \n CoreAnnotationOptions . id \n Defined in \n options.d.ts:47 \n init \n • Optional init : boolean | ( __namedParameters : Object ) => boolean | void | Partial < AnnotationElement > \n Inherited from \n CoreAnnotationOptions . init \n Defined in \n options.d.ts:46 \n opacity \n • Optional opacity : Scriptable < number , PartialEventContext > \n Overrides the opacity of the image. \n Inherited from \n LabelTypeOptions . opacity \n Defined in \n label.d.ts:87 \n padding \n • Optional padding : Scriptable < number | LabelPadding , PartialEventContext > \n Padding of label \n Default \n 6 \n Inherited from \n LabelTypeOptions . padding \n Defined in \n label.d.ts:48 \n position \n • Optional position : Scriptable < LabelPosition | LabelPositionObject , PartialEventContext > \n Inherited from \n LabelTypeOptions . position \n Defined in \n label.d.ts:150 \n rotation \n • Optional rotation : Scriptable < number , PartialEventContext > \n Defined in \n options.d.ts:137 \n shadowBlur \n • Optional shadowBlur : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . shadowBlur \n Defined in \n options.d.ts:32 \n shadowOffsetX \n • Optional shadowOffsetX : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . shadowOffsetX \n Defined in \n options.d.ts:33 \n shadowOffsetY \n • Optional shadowOffsetY : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . shadowOffsetY \n Defined in \n options.d.ts:34 \n textAlign \n • Optional textAlign : Scriptable < LabelTextAlign , PartialEventContext > \n Text alignment when the content of the label is multi-line. \n Default \n 'center' \n Inherited from \n LabelTypeOptions . textAlign \n Defined in \n label.d.ts:53 \n textStrokeColor \n • Optional textStrokeColor : Scriptable < Color , PartialEventContext > \n Inherited from \n LabelTypeOptions . textStrokeColor \n Defined in \n label.d.ts:54 \n textStrokeWidth \n • Optional textStrokeWidth : Scriptable < number , PartialEventContext > \n Inherited from \n LabelTypeOptions . textStrokeWidth \n Defined in \n label.d.ts:55 \n width \n • Optional width : Scriptable < number | `${number}%`, PartialEventContext > \n Overrides the width of the image. Could be set in pixel by a number,\nor in percentage of current width of image by a string \n Inherited from \n LabelTypeOptions . width \n Defined in \n label.d.ts:78 \n xAdjust \n • Optional xAdjust : Scriptable < number , PartialEventContext > \n Adjustment along x-axis (left-right) of label relative to above number (can be negative)\nFor horizontal lines positioned left or right, negative values move\nthe label toward the edge, and positive values toward the center. \n Default \n 0 \n Inherited from \n LabelTypeOptions . xAdjust \n Defined in \n label.d.ts:62 \n xMax \n • Optional xMax : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . xMax \n Defined in \n options.d.ts:48 \n xMin \n • Optional xMin : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . xMin \n Defined in \n options.d.ts:49 \n xScaleID \n • Optional xScaleID : Scriptable < string , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . xScaleID \n Defined in \n options.d.ts:50 \n xValue \n • Optional xValue : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n AnnotationPointCoordinates . xValue \n Defined in \n options.d.ts:58 \n yAdjust \n • Optional yAdjust : Scriptable < number , PartialEventContext > \n Adjustment along y-axis (top-bottom) of label relative to above number (can be negative)\nFor vertical lines positioned top or bottom, negative values move\nthe label toward the edge, and positive values toward the center. \n Default \n 0 \n Inherited from \n LabelTypeOptions . yAdjust \n Defined in \n label.d.ts:69 \n yMax \n • Optional yMax : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . yMax \n Defined in \n options.d.ts:51 \n yMin \n • Optional yMin : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . yMin \n Defined in \n options.d.ts:52 \n yScaleID \n • Optional yScaleID : Scriptable < string , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . yScaleID \n Defined in \n options.d.ts:53 \n yValue \n • Optional yValue : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n AnnotationPointCoordinates . yValue \n Defined in \n options.d.ts:59 \n z \n • Optional z : Scriptable < number , PartialEventContext > \n Inherited from \n LabelTypeOptions . z \n Defined in \n options.d.ts:54 \n Methods \n afterDraw \n ▸ Optional afterDraw ( context ): void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n Returns \n void \n Inherited from \n CoreAnnotationOptions . afterDraw \n Defined in \n options.d.ts:23 \n beforeDraw \n ▸ Optional beforeDraw ( context ): void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n Returns \n void \n Inherited from \n CoreAnnotationOptions . beforeDraw \n Defined in \n options.d.ts:22 \n click \n ▸ Optional click ( context , event ): boolean | void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n \n \n event \n ChartEvent \n Returns \n boolean | void \n Inherited from \n CoreAnnotationOptions . click \n Defined in \n events.d.ts:27 \n enter \n ▸ Optional enter ( context , event ): boolean | void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n \n \n event \n ChartEvent \n Returns \n boolean | void \n Inherited from \n CoreAnnotationOptions . enter \n Defined in \n events.d.ts:25 \n leave \n ▸ Optional leave ( context , event ): boolean | void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n \n \n event \n ChartEvent \n Returns \n boolean | void \n Inherited from \n CoreAnnotationOptions . leave \n Defined in \n events.d.ts:26 \n"},{title:"Interface: LabelOptions",frontmatter:{},regularPath:"/api/interfaces/LabelOptions.html",relativePath:"api/interfaces/LabelOptions.md",key:"v-3e5dcf1d",path:"/api/interfaces/LabelOptions.html",headers:[{level:2,title:"Hierarchy",slug:"hierarchy"},{level:2,title:"Properties",slug:"properties"},{level:3,title:"backgroundColor",slug:"backgroundcolor"},{level:3,title:"backgroundShadowColor",slug:"backgroundshadowcolor"},{level:3,title:"borderCapStyle",slug:"bordercapstyle"},{level:3,title:"borderColor",slug:"bordercolor"},{level:3,title:"borderDash",slug:"borderdash"},{level:3,title:"borderDashOffset",slug:"borderdashoffset"},{level:3,title:"borderJoinStyle",slug:"borderjoinstyle"},{level:3,title:"borderRadius",slug:"borderradius"},{level:3,title:"borderShadowColor",slug:"bordershadowcolor"},{level:3,title:"borderWidth",slug:"borderwidth"},{level:3,title:"callout",slug:"callout"},{level:3,title:"color",slug:"color"},{level:3,title:"content",slug:"content"},{level:3,title:"display",slug:"display"},{level:3,title:"drawTime",slug:"drawtime"},{level:3,title:"font",slug:"font"},{level:3,title:"height",slug:"height"},{level:3,title:"hitTolerance",slug:"hittolerance"},{level:3,title:"opacity",slug:"opacity"},{level:3,title:"padding",slug:"padding"},{level:3,title:"position",slug:"position"},{level:3,title:"rotation",slug:"rotation"},{level:3,title:"shadowBlur",slug:"shadowblur"},{level:3,title:"shadowOffsetX",slug:"shadowoffsetx"},{level:3,title:"shadowOffsetY",slug:"shadowoffsety"},{level:3,title:"textAlign",slug:"textalign"},{level:3,title:"textStrokeColor",slug:"textstrokecolor"},{level:3,title:"textStrokeWidth",slug:"textstrokewidth"},{level:3,title:"width",slug:"width"},{level:3,title:"xAdjust",slug:"xadjust"},{level:3,title:"yAdjust",slug:"yadjust"},{level:3,title:"z",slug:"z"}],content:" Interface: LabelOptions \n Hierarchy \n \n \n ContainedLabelOptions \n \n \n ShadowOptions \n ↳ LabelOptions \n Properties \n backgroundColor \n • Optional backgroundColor : Scriptable < Color , PartialEventContext > \n Inherited from \n ContainedLabelOptions . backgroundColor \n Defined in \n label.d.ts:92 \n backgroundShadowColor \n • Optional backgroundShadowColor : Scriptable < Color , PartialEventContext > \n Inherited from \n ShadowOptions . backgroundShadowColor \n Defined in \n options.d.ts:30 \n borderCapStyle \n • Optional borderCapStyle : Scriptable < CanvasLineCap , PartialEventContext > \n Border line cap style. See MDN. \n Default \n 'butt' \n Inherited from \n ContainedLabelOptions . borderCapStyle \n Defined in \n label.d.ts:99 \n borderColor \n • Optional borderColor : Scriptable < Color , PartialEventContext > \n Inherited from \n ContainedLabelOptions . borderColor \n Defined in \n label.d.ts:94 \n borderDash \n • Optional borderDash : Scriptable < number [], PartialEventContext > \n Border line dash. See MDN. \n Default \n [] \n Inherited from \n ContainedLabelOptions . borderDash \n Defined in \n label.d.ts:104 \n borderDashOffset \n • Optional borderDashOffset : Scriptable < number , PartialEventContext > \n Border line dash offset. See MDN. \n Default \n 0.0 \n Inherited from \n ContainedLabelOptions . borderDashOffset \n Defined in \n label.d.ts:109 \n borderJoinStyle \n • Optional borderJoinStyle : Scriptable < CanvasLineJoin , PartialEventContext > \n Border line join style. See MDN. \n Default \n 'miter' \n Inherited from \n ContainedLabelOptions . borderJoinStyle \n Defined in \n label.d.ts:114 \n borderRadius \n • Optional borderRadius : Scriptable < number | BorderRadius , PartialEventContext > \n Border radius of the label rectangle \n Default \n 6 \n Inherited from \n ContainedLabelOptions . borderRadius \n Defined in \n label.d.ts:119 \n borderShadowColor \n • Optional borderShadowColor : Scriptable < Color , PartialEventContext > \n Inherited from \n ShadowOptions . borderShadowColor \n Defined in \n options.d.ts:31 \n borderWidth \n • Optional borderWidth : Scriptable < number , PartialEventContext > \n Inherited from \n ContainedLabelOptions . borderWidth \n Defined in \n label.d.ts:93 \n callout \n • Optional callout : CalloutOptions \n Inherited from \n ContainedLabelOptions . callout \n Defined in \n label.d.ts:120 \n color \n • Optional color : Scriptable < Color | Color [], PartialEventContext > \n Inherited from \n ContainedLabelOptions . color \n Defined in \n label.d.ts:43 \n content \n • content : Scriptable < string | string [] | HTMLCanvasElement | HTMLImageElement , PartialEventContext > \n Text to display in label. Provide an array to display multiple lines \n Inherited from \n ContainedLabelOptions . content \n Defined in \n label.d.ts:73 \n display \n • Optional display : Scriptable < boolean , PartialEventContext > \n Whether the label should be displayed \n Default \n true \n Defined in \n label.d.ts:129 \n drawTime \n • Optional drawTime : Scriptable < DrawTime , PartialEventContext > \n Inherited from \n ContainedLabelOptions . drawTime \n Defined in \n label.d.ts:41 \n font \n • Optional font : Scriptable < Partial < FontSpec > | Partial < FontSpec >[], PartialEventContext > \n Inherited from \n ContainedLabelOptions . font \n Defined in \n label.d.ts:42 \n height \n • Optional height : Scriptable < number | `${number}%`, PartialEventContext > \n Overrides the height of the image. Could be set in pixel by a number,\nor in percentage of current height of image by a string \n Inherited from \n ContainedLabelOptions . height \n Defined in \n label.d.ts:83 \n hitTolerance \n • Optional hitTolerance : Scriptable < number , PartialEventContext > \n Defined in \n label.d.ts:130 \n opacity \n • Optional opacity : Scriptable < number , PartialEventContext > \n Overrides the opacity of the image. \n Inherited from \n ContainedLabelOptions . opacity \n Defined in \n label.d.ts:87 \n padding \n • Optional padding : Scriptable < number | LabelPadding , PartialEventContext > \n Padding of label \n Default \n 6 \n Inherited from \n ContainedLabelOptions . padding \n Defined in \n label.d.ts:48 \n position \n • Optional position : Scriptable < LabelPosition , PartialEventContext > \n Defined in \n label.d.ts:124 \n rotation \n • Optional rotation : Scriptable < number | \"auto\" , PartialEventContext > \n Rotation of label, in degrees, or 'auto' to use the degrees of the line, default is 0 \n Default \n 90 \n Defined in \n label.d.ts:135 \n shadowBlur \n • Optional shadowBlur : Scriptable < number , PartialEventContext > \n Inherited from \n ShadowOptions . shadowBlur \n Defined in \n options.d.ts:32 \n shadowOffsetX \n • Optional shadowOffsetX : Scriptable < number , PartialEventContext > \n Inherited from \n ShadowOptions . shadowOffsetX \n Defined in \n options.d.ts:33 \n shadowOffsetY \n • Optional shadowOffsetY : Scriptable < number , PartialEventContext > \n Inherited from \n ShadowOptions . shadowOffsetY \n Defined in \n options.d.ts:34 \n textAlign \n • Optional textAlign : Scriptable < LabelTextAlign , PartialEventContext > \n Text alignment when the content of the label is multi-line. \n Default \n 'center' \n Inherited from \n ContainedLabelOptions . textAlign \n Defined in \n label.d.ts:53 \n textStrokeColor \n • Optional textStrokeColor : Scriptable < Color , PartialEventContext > \n Inherited from \n ContainedLabelOptions . textStrokeColor \n Defined in \n label.d.ts:54 \n textStrokeWidth \n • Optional textStrokeWidth : Scriptable < number , PartialEventContext > \n Inherited from \n ContainedLabelOptions . textStrokeWidth \n Defined in \n label.d.ts:55 \n width \n • Optional width : Scriptable < number | `${number}%`, PartialEventContext > \n Overrides the width of the image. Could be set in pixel by a number,\nor in percentage of current width of image by a string \n Inherited from \n ContainedLabelOptions . width \n Defined in \n label.d.ts:78 \n xAdjust \n • Optional xAdjust : Scriptable < number , PartialEventContext > \n Adjustment along x-axis (left-right) of label relative to above number (can be negative)\nFor horizontal lines positioned left or right, negative values move\nthe label toward the edge, and positive values toward the center. \n Default \n 0 \n Inherited from \n ContainedLabelOptions . xAdjust \n Defined in \n label.d.ts:62 \n yAdjust \n • Optional yAdjust : Scriptable < number , PartialEventContext > \n Adjustment along y-axis (top-bottom) of label relative to above number (can be negative)\nFor vertical lines positioned top or bottom, negative values move\nthe label toward the edge, and positive values toward the center. \n Default \n 0 \n Inherited from \n ContainedLabelOptions . yAdjust \n Defined in \n label.d.ts:69 \n z \n • Optional z : Scriptable < number , PartialEventContext > \n Inherited from \n ContainedLabelOptions . z \n Defined in \n label.d.ts:88 \n"},{title:"Interface: LabelPadding",frontmatter:{},regularPath:"/api/interfaces/LabelPadding.html",relativePath:"api/interfaces/LabelPadding.md",key:"v-35d1c17d",path:"/api/interfaces/LabelPadding.html",headers:[{level:2,title:"Properties",slug:"properties"},{level:3,title:"bottom",slug:"bottom"},{level:3,title:"left",slug:"left"},{level:3,title:"right",slug:"right"},{level:3,title:"top",slug:"top"},{level:3,title:"x",slug:"x"},{level:3,title:"y",slug:"y"}],content:" Interface: LabelPadding \n Properties \n bottom \n • Optional bottom : number \n Defined in \n label.d.ts:21 \n left \n • Optional left : number \n Defined in \n label.d.ts:19 \n right \n • Optional right : number \n Defined in \n label.d.ts:20 \n top \n • Optional top : number \n Defined in \n label.d.ts:18 \n x \n • Optional x : number \n Defined in \n label.d.ts:22 \n y \n • Optional y : number \n Defined in \n label.d.ts:23 \n"},{title:"Interface: LabelPositionObject",frontmatter:{},regularPath:"/api/interfaces/LabelPositionObject.html",relativePath:"api/interfaces/LabelPositionObject.md",key:"v-361cec5e",path:"/api/interfaces/LabelPositionObject.html",headers:[{level:2,title:"Properties",slug:"properties"},{level:3,title:"x",slug:"x"},{level:3,title:"y",slug:"y"}],content:" Interface: LabelPositionObject \n Properties \n x \n • Optional x : LabelPosition \n Defined in \n label.d.ts:13 \n y \n • Optional y : LabelPosition \n Defined in \n label.d.ts:14 \n"},{title:"Interface: LabelTypeOptions",frontmatter:{},regularPath:"/api/interfaces/LabelTypeOptions.html",relativePath:"api/interfaces/LabelTypeOptions.md",key:"v-07090646",path:"/api/interfaces/LabelTypeOptions.html",headers:[{level:2,title:"Hierarchy",slug:"hierarchy"},{level:2,title:"Properties",slug:"properties"},{level:3,title:"backgroundColor",slug:"backgroundcolor"},{level:3,title:"borderCapStyle",slug:"bordercapstyle"},{level:3,title:"borderColor",slug:"bordercolor"},{level:3,title:"borderDash",slug:"borderdash"},{level:3,title:"borderDashOffset",slug:"borderdashoffset"},{level:3,title:"borderJoinStyle",slug:"borderjoinstyle"},{level:3,title:"borderRadius",slug:"borderradius"},{level:3,title:"borderWidth",slug:"borderwidth"},{level:3,title:"callout",slug:"callout"},{level:3,title:"color",slug:"color"},{level:3,title:"content",slug:"content"},{level:3,title:"drawTime",slug:"drawtime"},{level:3,title:"font",slug:"font"},{level:3,title:"height",slug:"height"},{level:3,title:"opacity",slug:"opacity"},{level:3,title:"padding",slug:"padding"},{level:3,title:"position",slug:"position"},{level:3,title:"textAlign",slug:"textalign"},{level:3,title:"textStrokeColor",slug:"textstrokecolor"},{level:3,title:"textStrokeWidth",slug:"textstrokewidth"},{level:3,title:"width",slug:"width"},{level:3,title:"xAdjust",slug:"xadjust"},{level:3,title:"yAdjust",slug:"yadjust"},{level:3,title:"z",slug:"z"}],content:" Interface: LabelTypeOptions \n Hierarchy \n \n \n ContainedLabelOptions \n ↳ LabelTypeOptions \n ↳↳ LabelAnnotationOptions \n Properties \n backgroundColor \n • Optional backgroundColor : Scriptable < Color , PartialEventContext > \n Inherited from \n ContainedLabelOptions . backgroundColor \n Defined in \n label.d.ts:92 \n borderCapStyle \n • Optional borderCapStyle : Scriptable < CanvasLineCap , PartialEventContext > \n Border line cap style. See MDN. \n Default \n 'butt' \n Inherited from \n ContainedLabelOptions . borderCapStyle \n Defined in \n label.d.ts:99 \n borderColor \n • Optional borderColor : Scriptable < Color , PartialEventContext > \n Inherited from \n ContainedLabelOptions . borderColor \n Defined in \n label.d.ts:94 \n borderDash \n • Optional borderDash : Scriptable < number [], PartialEventContext > \n Border line dash. See MDN. \n Default \n [] \n Inherited from \n ContainedLabelOptions . borderDash \n Defined in \n label.d.ts:104 \n borderDashOffset \n • Optional borderDashOffset : Scriptable < number , PartialEventContext > \n Border line dash offset. See MDN. \n Default \n 0.0 \n Inherited from \n ContainedLabelOptions . borderDashOffset \n Defined in \n label.d.ts:109 \n borderJoinStyle \n • Optional borderJoinStyle : Scriptable < CanvasLineJoin , PartialEventContext > \n Border line join style. See MDN. \n Default \n 'miter' \n Inherited from \n ContainedLabelOptions . borderJoinStyle \n Defined in \n label.d.ts:114 \n borderRadius \n • Optional borderRadius : Scriptable < number | BorderRadius , PartialEventContext > \n Border radius of the label rectangle \n Default \n 6 \n Inherited from \n ContainedLabelOptions . borderRadius \n Defined in \n label.d.ts:119 \n borderWidth \n • Optional borderWidth : Scriptable < number , PartialEventContext > \n Inherited from \n ContainedLabelOptions . borderWidth \n Defined in \n label.d.ts:93 \n callout \n • Optional callout : CalloutOptions \n Inherited from \n ContainedLabelOptions . callout \n Defined in \n label.d.ts:120 \n color \n • Optional color : Scriptable < Color | Color [], PartialEventContext > \n Inherited from \n ContainedLabelOptions . color \n Defined in \n label.d.ts:43 \n content \n • content : Scriptable < string | string [] | HTMLCanvasElement | HTMLImageElement , PartialEventContext > \n Text to display in label. Provide an array to display multiple lines \n Inherited from \n ContainedLabelOptions . content \n Defined in \n label.d.ts:73 \n drawTime \n • Optional drawTime : Scriptable < DrawTime , PartialEventContext > \n Inherited from \n ContainedLabelOptions . drawTime \n Defined in \n label.d.ts:41 \n font \n • Optional font : Scriptable < Partial < FontSpec > | Partial < FontSpec >[], PartialEventContext > \n Inherited from \n ContainedLabelOptions . font \n Defined in \n label.d.ts:42 \n height \n • Optional height : Scriptable < number | `${number}%`, PartialEventContext > \n Overrides the height of the image. Could be set in pixel by a number,\nor in percentage of current height of image by a string \n Inherited from \n ContainedLabelOptions . height \n Defined in \n label.d.ts:83 \n opacity \n • Optional opacity : Scriptable < number , PartialEventContext > \n Overrides the opacity of the image. \n Inherited from \n ContainedLabelOptions . opacity \n Defined in \n label.d.ts:87 \n padding \n • Optional padding : Scriptable < number | LabelPadding , PartialEventContext > \n Padding of label \n Default \n 6 \n Inherited from \n ContainedLabelOptions . padding \n Defined in \n label.d.ts:48 \n position \n • Optional position : Scriptable < LabelPosition | LabelPositionObject , PartialEventContext > \n Defined in \n label.d.ts:150 \n textAlign \n • Optional textAlign : Scriptable < LabelTextAlign , PartialEventContext > \n Text alignment when the content of the label is multi-line. \n Default \n 'center' \n Inherited from \n ContainedLabelOptions . textAlign \n Defined in \n label.d.ts:53 \n textStrokeColor \n • Optional textStrokeColor : Scriptable < Color , PartialEventContext > \n Inherited from \n ContainedLabelOptions . textStrokeColor \n Defined in \n label.d.ts:54 \n textStrokeWidth \n • Optional textStrokeWidth : Scriptable < number , PartialEventContext > \n Inherited from \n ContainedLabelOptions . textStrokeWidth \n Defined in \n label.d.ts:55 \n width \n • Optional width : Scriptable < number | `${number}%`, PartialEventContext > \n Overrides the width of the image. Could be set in pixel by a number,\nor in percentage of current width of image by a string \n Inherited from \n ContainedLabelOptions . width \n Defined in \n label.d.ts:78 \n xAdjust \n • Optional xAdjust : Scriptable < number , PartialEventContext > \n Adjustment along x-axis (left-right) of label relative to above number (can be negative)\nFor horizontal lines positioned left or right, negative values move\nthe label toward the edge, and positive values toward the center. \n Default \n 0 \n Inherited from \n ContainedLabelOptions . xAdjust \n Defined in \n label.d.ts:62 \n yAdjust \n • Optional yAdjust : Scriptable < number , PartialEventContext > \n Adjustment along y-axis (top-bottom) of label relative to above number (can be negative)\nFor vertical lines positioned top or bottom, negative values move\nthe label toward the edge, and positive values toward the center. \n Default \n 0 \n Inherited from \n ContainedLabelOptions . yAdjust \n Defined in \n label.d.ts:69 \n z \n • Optional z : Scriptable < number , PartialEventContext > \n Inherited from \n ContainedLabelOptions . z \n Defined in \n label.d.ts:88 \n"},{title:"Interface: PartialEventContext",frontmatter:{},regularPath:"/api/interfaces/PartialEventContext.html",relativePath:"api/interfaces/PartialEventContext.md",key:"v-16482446",path:"/api/interfaces/PartialEventContext.html",headers:[{level:2,title:"Properties",slug:"properties"},{level:3,title:"chart",slug:"chart"},{level:3,title:"element",slug:"element"},{level:3,title:"elements",slug:"elements"},{level:3,title:"id",slug:"id"},{level:3,title:"type",slug:"type"}],content:" Interface: PartialEventContext \n Some scriptable options may be called with during the chart's initial\ndisplay, when the element isn't fully initialized. \n Properties \n chart \n • chart : Chart \n Defined in \n events.d.ts:17 \n element \n • Optional element : Partial < AnnotationElement > \n Defined in \n events.d.ts:18 \n elements \n • Optional elements : AnnotationElement [] \n Defined in \n events.d.ts:19 \n id \n • Optional id : string \n Defined in \n events.d.ts:20 \n type \n • Optional type : string \n Defined in \n events.d.ts:21 \n"},{title:"Interface: LineAnnotationOptions",frontmatter:{},regularPath:"/api/interfaces/LineAnnotationOptions.html",relativePath:"api/interfaces/LineAnnotationOptions.md",key:"v-42745613",path:"/api/interfaces/LineAnnotationOptions.html",headers:[{level:2,title:"Hierarchy",slug:"hierarchy"},{level:2,title:"Properties",slug:"properties"},{level:3,title:"adjustScaleRange",slug:"adjustscalerange"},{level:3,title:"arrowHeads",slug:"arrowheads"},{level:3,title:"backgroundShadowColor",slug:"backgroundshadowcolor"},{level:3,title:"borderColor",slug:"bordercolor"},{level:3,title:"borderDash",slug:"borderdash"},{level:3,title:"borderDashOffset",slug:"borderdashoffset"},{level:3,title:"borderShadowColor",slug:"bordershadowcolor"},{level:3,title:"borderWidth",slug:"borderwidth"},{level:3,title:"controlPoint",slug:"controlpoint"},{level:3,title:"curve",slug:"curve"},{level:3,title:"display",slug:"display"},{level:3,title:"drawTime",slug:"drawtime"},{level:3,title:"endValue",slug:"endvalue"},{level:3,title:"hitTolerance",slug:"hittolerance"},{level:3,title:"id",slug:"id"},{level:3,title:"init",slug:"init"},{level:3,title:"label",slug:"label"},{level:3,title:"scaleID",slug:"scaleid"},{level:3,title:"shadowBlur",slug:"shadowblur"},{level:3,title:"shadowOffsetX",slug:"shadowoffsetx"},{level:3,title:"shadowOffsetY",slug:"shadowoffsety"},{level:3,title:"value",slug:"value"},{level:3,title:"xMax",slug:"xmax"},{level:3,title:"xMin",slug:"xmin"},{level:3,title:"xScaleID",slug:"xscaleid"},{level:3,title:"yMax",slug:"ymax"},{level:3,title:"yMin",slug:"ymin"},{level:3,title:"yScaleID",slug:"yscaleid"},{level:3,title:"z",slug:"z"},{level:2,title:"Methods",slug:"methods"},{level:3,title:"afterDraw",slug:"afterdraw"},{level:3,title:"beforeDraw",slug:"beforedraw"},{level:3,title:"click",slug:"click"},{level:3,title:"enter",slug:"enter"},{level:3,title:"leave",slug:"leave"}],content:" Interface: LineAnnotationOptions \n Hierarchy \n \n \n CoreAnnotationOptions \n ↳ LineAnnotationOptions \n Properties \n adjustScaleRange \n • Optional adjustScaleRange : Scriptable < boolean , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . adjustScaleRange \n Defined in \n options.d.ts:38 \n arrowHeads \n • Optional arrowHeads : ArrowHeadsOptions \n Defined in \n options.d.ts:85 \n backgroundShadowColor \n • Optional backgroundShadowColor : Scriptable < Color , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . backgroundShadowColor \n Defined in \n options.d.ts:30 \n borderColor \n • Optional borderColor : Scriptable < Color , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . borderColor \n Defined in \n options.d.ts:39 \n borderDash \n • Optional borderDash : Scriptable < number [], PartialEventContext > \n Inherited from \n CoreAnnotationOptions . borderDash \n Defined in \n options.d.ts:40 \n borderDashOffset \n • Optional borderDashOffset : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . borderDashOffset \n Defined in \n options.d.ts:41 \n borderShadowColor \n • Optional borderShadowColor : Scriptable < Color , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . borderShadowColor \n Defined in \n options.d.ts:31 \n borderWidth \n • Optional borderWidth : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . borderWidth \n Defined in \n options.d.ts:42 \n controlPoint \n • Optional controlPoint : Scriptable < string | number | ControlPointOptions , PartialEventContext > \n Defined in \n options.d.ts:87 \n curve \n • Optional curve : Scriptable < boolean , PartialEventContext > \n Defined in \n options.d.ts:86 \n display \n • Optional display : Scriptable < boolean , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . display \n Defined in \n options.d.ts:43 \n drawTime \n • Optional drawTime : Scriptable < DrawTime , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . drawTime \n Defined in \n options.d.ts:44 \n endValue \n • Optional endValue : Scriptable < string | number , PartialEventContext > \n Defined in \n options.d.ts:88 \n hitTolerance \n • Optional hitTolerance : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . hitTolerance \n Defined in \n options.d.ts:45 \n id \n • Optional id : string \n Inherited from \n CoreAnnotationOptions . id \n Defined in \n options.d.ts:47 \n init \n • Optional init : boolean | ( __namedParameters : Object ) => boolean | void | Partial < AnnotationElement > \n Inherited from \n CoreAnnotationOptions . init \n Defined in \n options.d.ts:46 \n label \n • Optional label : LabelOptions \n Defined in \n options.d.ts:89 \n scaleID \n • Optional scaleID : Scriptable < string , PartialEventContext > \n Defined in \n options.d.ts:90 \n shadowBlur \n • Optional shadowBlur : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . shadowBlur \n Defined in \n options.d.ts:32 \n shadowOffsetX \n • Optional shadowOffsetX : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . shadowOffsetX \n Defined in \n options.d.ts:33 \n shadowOffsetY \n • Optional shadowOffsetY : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . shadowOffsetY \n Defined in \n options.d.ts:34 \n value \n • Optional value : Scriptable < string | number , PartialEventContext > \n Defined in \n options.d.ts:91 \n xMax \n • Optional xMax : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . xMax \n Defined in \n options.d.ts:48 \n xMin \n • Optional xMin : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . xMin \n Defined in \n options.d.ts:49 \n xScaleID \n • Optional xScaleID : Scriptable < string , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . xScaleID \n Defined in \n options.d.ts:50 \n yMax \n • Optional yMax : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . yMax \n Defined in \n options.d.ts:51 \n yMin \n • Optional yMin : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . yMin \n Defined in \n options.d.ts:52 \n yScaleID \n • Optional yScaleID : Scriptable < string , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . yScaleID \n Defined in \n options.d.ts:53 \n z \n • Optional z : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . z \n Defined in \n options.d.ts:54 \n Methods \n afterDraw \n ▸ Optional afterDraw ( context ): void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n Returns \n void \n Inherited from \n CoreAnnotationOptions . afterDraw \n Defined in \n options.d.ts:23 \n beforeDraw \n ▸ Optional beforeDraw ( context ): void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n Returns \n void \n Inherited from \n CoreAnnotationOptions . beforeDraw \n Defined in \n options.d.ts:22 \n click \n ▸ Optional click ( context , event ): boolean | void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n \n \n event \n ChartEvent \n Returns \n boolean | void \n Inherited from \n CoreAnnotationOptions . click \n Defined in \n events.d.ts:27 \n enter \n ▸ Optional enter ( context , event ): boolean | void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n \n \n event \n ChartEvent \n Returns \n boolean | void \n Inherited from \n CoreAnnotationOptions . enter \n Defined in \n events.d.ts:25 \n leave \n ▸ Optional leave ( context , event ): boolean | void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n \n \n event \n ChartEvent \n Returns \n boolean | void \n Inherited from \n CoreAnnotationOptions . leave \n Defined in \n events.d.ts:26 \n"},{title:"Interface: PolygonAnnotationOptions",frontmatter:{},regularPath:"/api/interfaces/PolygonAnnotationOptions.html",relativePath:"api/interfaces/PolygonAnnotationOptions.md",key:"v-86eb5006",path:"/api/interfaces/PolygonAnnotationOptions.html",headers:[{level:2,title:"Hierarchy",slug:"hierarchy"},{level:2,title:"Properties",slug:"properties"},{level:3,title:"adjustScaleRange",slug:"adjustscalerange"},{level:3,title:"backgroundColor",slug:"backgroundcolor"},{level:3,title:"backgroundShadowColor",slug:"backgroundshadowcolor"},{level:3,title:"borderCapStyle",slug:"bordercapstyle"},{level:3,title:"borderColor",slug:"bordercolor"},{level:3,title:"borderDash",slug:"borderdash"},{level:3,title:"borderDashOffset",slug:"borderdashoffset"},{level:3,title:"borderJoinStyle",slug:"borderjoinstyle"},{level:3,title:"borderShadowColor",slug:"bordershadowcolor"},{level:3,title:"borderWidth",slug:"borderwidth"},{level:3,title:"display",slug:"display"},{level:3,title:"drawTime",slug:"drawtime"},{level:3,title:"hitTolerance",slug:"hittolerance"},{level:3,title:"id",slug:"id"},{level:3,title:"init",slug:"init"},{level:3,title:"point",slug:"point"},{level:3,title:"radius",slug:"radius"},{level:3,title:"rotation",slug:"rotation"},{level:3,title:"shadowBlur",slug:"shadowblur"},{level:3,title:"shadowOffsetX",slug:"shadowoffsetx"},{level:3,title:"shadowOffsetY",slug:"shadowoffsety"},{level:3,title:"sides",slug:"sides"},{level:3,title:"xAdjust",slug:"xadjust"},{level:3,title:"xMax",slug:"xmax"},{level:3,title:"xMin",slug:"xmin"},{level:3,title:"xScaleID",slug:"xscaleid"},{level:3,title:"xValue",slug:"xvalue"},{level:3,title:"yAdjust",slug:"yadjust"},{level:3,title:"yMax",slug:"ymax"},{level:3,title:"yMin",slug:"ymin"},{level:3,title:"yScaleID",slug:"yscaleid"},{level:3,title:"yValue",slug:"yvalue"},{level:3,title:"z",slug:"z"},{level:2,title:"Methods",slug:"methods"},{level:3,title:"afterDraw",slug:"afterdraw"},{level:3,title:"beforeDraw",slug:"beforedraw"},{level:3,title:"click",slug:"click"},{level:3,title:"enter",slug:"enter"},{level:3,title:"leave",slug:"leave"}],content:" Interface: PolygonAnnotationOptions \n Hierarchy \n \n \n CoreAnnotationOptions \n \n \n AnnotationPointCoordinates \n ↳ PolygonAnnotationOptions \n Properties \n adjustScaleRange \n • Optional adjustScaleRange : Scriptable < boolean , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . adjustScaleRange \n Defined in \n options.d.ts:38 \n backgroundColor \n • backgroundColor : Scriptable < Color , PartialEventContext > \n Defined in \n options.d.ts:141 \n backgroundShadowColor \n • Optional backgroundShadowColor : Scriptable < Color , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . backgroundShadowColor \n Defined in \n options.d.ts:30 \n borderCapStyle \n • Optional borderCapStyle : Scriptable < CanvasLineCap , PartialEventContext > \n Defined in \n options.d.ts:142 \n borderColor \n • Optional borderColor : Scriptable < Color , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . borderColor \n Defined in \n options.d.ts:39 \n borderDash \n • Optional borderDash : Scriptable < number [], PartialEventContext > \n Inherited from \n CoreAnnotationOptions . borderDash \n Defined in \n options.d.ts:40 \n borderDashOffset \n • Optional borderDashOffset : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . borderDashOffset \n Defined in \n options.d.ts:41 \n borderJoinStyle \n • Optional borderJoinStyle : Scriptable < CanvasLineJoin , PartialEventContext > \n Defined in \n options.d.ts:143 \n borderShadowColor \n • Optional borderShadowColor : Scriptable < Color , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . borderShadowColor \n Defined in \n options.d.ts:31 \n borderWidth \n • Optional borderWidth : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . borderWidth \n Defined in \n options.d.ts:42 \n display \n • Optional display : Scriptable < boolean , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . display \n Defined in \n options.d.ts:43 \n drawTime \n • Optional drawTime : Scriptable < DrawTime , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . drawTime \n Defined in \n options.d.ts:44 \n hitTolerance \n • Optional hitTolerance : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . hitTolerance \n Defined in \n options.d.ts:45 \n id \n • Optional id : string \n Inherited from \n CoreAnnotationOptions . id \n Defined in \n options.d.ts:47 \n init \n • Optional init : boolean | ( __namedParameters : Object ) => boolean | void | Partial < AnnotationElement > \n Inherited from \n CoreAnnotationOptions . init \n Defined in \n options.d.ts:46 \n point \n • Optional point : PointAnnotationOptions \n Defined in \n options.d.ts:144 \n radius \n • Optional radius : Scriptable < number , PartialEventContext > \n Defined in \n options.d.ts:145 \n rotation \n • Optional rotation : Scriptable < number , PartialEventContext > \n Defined in \n options.d.ts:146 \n shadowBlur \n • Optional shadowBlur : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . shadowBlur \n Defined in \n options.d.ts:32 \n shadowOffsetX \n • Optional shadowOffsetX : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . shadowOffsetX \n Defined in \n options.d.ts:33 \n shadowOffsetY \n • Optional shadowOffsetY : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . shadowOffsetY \n Defined in \n options.d.ts:34 \n sides \n • Optional sides : Scriptable < number , PartialEventContext > \n Defined in \n options.d.ts:147 \n xAdjust \n • Optional xAdjust : Scriptable < number , PartialEventContext > \n Defined in \n options.d.ts:148 \n xMax \n • Optional xMax : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . xMax \n Defined in \n options.d.ts:48 \n xMin \n • Optional xMin : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . xMin \n Defined in \n options.d.ts:49 \n xScaleID \n • Optional xScaleID : Scriptable < string , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . xScaleID \n Defined in \n options.d.ts:50 \n xValue \n • Optional xValue : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n AnnotationPointCoordinates . xValue \n Defined in \n options.d.ts:58 \n yAdjust \n • Optional yAdjust : Scriptable < number , PartialEventContext > \n Defined in \n options.d.ts:149 \n yMax \n • Optional yMax : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . yMax \n Defined in \n options.d.ts:51 \n yMin \n • Optional yMin : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . yMin \n Defined in \n options.d.ts:52 \n yScaleID \n • Optional yScaleID : Scriptable < string , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . yScaleID \n Defined in \n options.d.ts:53 \n yValue \n • Optional yValue : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n AnnotationPointCoordinates . yValue \n Defined in \n options.d.ts:59 \n z \n • Optional z : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . z \n Defined in \n options.d.ts:54 \n Methods \n afterDraw \n ▸ Optional afterDraw ( context ): void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n Returns \n void \n Inherited from \n CoreAnnotationOptions . afterDraw \n Defined in \n options.d.ts:23 \n beforeDraw \n ▸ Optional beforeDraw ( context ): void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n Returns \n void \n Inherited from \n CoreAnnotationOptions . beforeDraw \n Defined in \n options.d.ts:22 \n click \n ▸ Optional click ( context , event ): boolean | void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n \n \n event \n ChartEvent \n Returns \n boolean | void \n Inherited from \n CoreAnnotationOptions . click \n Defined in \n events.d.ts:27 \n enter \n ▸ Optional enter ( context , event ): boolean | void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n \n \n event \n ChartEvent \n Returns \n boolean | void \n Inherited from \n CoreAnnotationOptions . enter \n Defined in \n events.d.ts:25 \n leave \n ▸ Optional leave ( context , event ): boolean | void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n \n \n event \n ChartEvent \n Returns \n boolean | void \n Inherited from \n CoreAnnotationOptions . leave \n Defined in \n events.d.ts:26 \n"},{title:"Interface: PointAnnotationOptions",frontmatter:{},regularPath:"/api/interfaces/PointAnnotationOptions.html",relativePath:"api/interfaces/PointAnnotationOptions.md",key:"v-5dd3097d",path:"/api/interfaces/PointAnnotationOptions.html",headers:[{level:2,title:"Hierarchy",slug:"hierarchy"},{level:2,title:"Properties",slug:"properties"},{level:3,title:"adjustScaleRange",slug:"adjustscalerange"},{level:3,title:"backgroundColor",slug:"backgroundcolor"},{level:3,title:"backgroundShadowColor",slug:"backgroundshadowcolor"},{level:3,title:"borderColor",slug:"bordercolor"},{level:3,title:"borderDash",slug:"borderdash"},{level:3,title:"borderDashOffset",slug:"borderdashoffset"},{level:3,title:"borderShadowColor",slug:"bordershadowcolor"},{level:3,title:"borderWidth",slug:"borderwidth"},{level:3,title:"display",slug:"display"},{level:3,title:"drawTime",slug:"drawtime"},{level:3,title:"hitTolerance",slug:"hittolerance"},{level:3,title:"id",slug:"id"},{level:3,title:"init",slug:"init"},{level:3,title:"pointStyle",slug:"pointstyle"},{level:3,title:"radius",slug:"radius"},{level:3,title:"rotation",slug:"rotation"},{level:3,title:"shadowBlur",slug:"shadowblur"},{level:3,title:"shadowOffsetX",slug:"shadowoffsetx"},{level:3,title:"shadowOffsetY",slug:"shadowoffsety"},{level:3,title:"xAdjust",slug:"xadjust"},{level:3,title:"xMax",slug:"xmax"},{level:3,title:"xMin",slug:"xmin"},{level:3,title:"xScaleID",slug:"xscaleid"},{level:3,title:"xValue",slug:"xvalue"},{level:3,title:"yAdjust",slug:"yadjust"},{level:3,title:"yMax",slug:"ymax"},{level:3,title:"yMin",slug:"ymin"},{level:3,title:"yScaleID",slug:"yscaleid"},{level:3,title:"yValue",slug:"yvalue"},{level:3,title:"z",slug:"z"},{level:2,title:"Methods",slug:"methods"},{level:3,title:"afterDraw",slug:"afterdraw"},{level:3,title:"beforeDraw",slug:"beforedraw"},{level:3,title:"click",slug:"click"},{level:3,title:"enter",slug:"enter"},{level:3,title:"leave",slug:"leave"}],content:" Interface: PointAnnotationOptions \n Hierarchy \n \n \n CoreAnnotationOptions \n \n \n AnnotationPointCoordinates \n ↳ PointAnnotationOptions \n Properties \n adjustScaleRange \n • Optional adjustScaleRange : Scriptable < boolean , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . adjustScaleRange \n Defined in \n options.d.ts:38 \n backgroundColor \n • backgroundColor : Scriptable < Color , PartialEventContext > \n Defined in \n options.d.ts:128 \n backgroundShadowColor \n • Optional backgroundShadowColor : Scriptable < Color , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . backgroundShadowColor \n Defined in \n options.d.ts:30 \n borderColor \n • Optional borderColor : Scriptable < Color , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . borderColor \n Defined in \n options.d.ts:39 \n borderDash \n • Optional borderDash : Scriptable < number [], PartialEventContext > \n Inherited from \n CoreAnnotationOptions . borderDash \n Defined in \n options.d.ts:40 \n borderDashOffset \n • Optional borderDashOffset : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . borderDashOffset \n Defined in \n options.d.ts:41 \n borderShadowColor \n • Optional borderShadowColor : Scriptable < Color , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . borderShadowColor \n Defined in \n options.d.ts:31 \n borderWidth \n • Optional borderWidth : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . borderWidth \n Defined in \n options.d.ts:42 \n display \n • Optional display : Scriptable < boolean , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . display \n Defined in \n options.d.ts:43 \n drawTime \n • Optional drawTime : Scriptable < DrawTime , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . drawTime \n Defined in \n options.d.ts:44 \n hitTolerance \n • Optional hitTolerance : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . hitTolerance \n Defined in \n options.d.ts:45 \n id \n • Optional id : string \n Inherited from \n CoreAnnotationOptions . id \n Defined in \n options.d.ts:47 \n init \n • Optional init : boolean | ( __namedParameters : Object ) => boolean | void | Partial < AnnotationElement > \n Inherited from \n CoreAnnotationOptions . init \n Defined in \n options.d.ts:46 \n pointStyle \n • Optional pointStyle : Scriptable < PointStyle , PartialEventContext > \n Defined in \n options.d.ts:129 \n radius \n • Optional radius : Scriptable < number , PartialEventContext > \n Defined in \n options.d.ts:130 \n rotation \n • Optional rotation : Scriptable < number , PartialEventContext > \n Defined in \n options.d.ts:131 \n shadowBlur \n • Optional shadowBlur : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . shadowBlur \n Defined in \n options.d.ts:32 \n shadowOffsetX \n • Optional shadowOffsetX : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . shadowOffsetX \n Defined in \n options.d.ts:33 \n shadowOffsetY \n • Optional shadowOffsetY : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . shadowOffsetY \n Defined in \n options.d.ts:34 \n xAdjust \n • Optional xAdjust : Scriptable < number , PartialEventContext > \n Defined in \n options.d.ts:132 \n xMax \n • Optional xMax : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . xMax \n Defined in \n options.d.ts:48 \n xMin \n • Optional xMin : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . xMin \n Defined in \n options.d.ts:49 \n xScaleID \n • Optional xScaleID : Scriptable < string , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . xScaleID \n Defined in \n options.d.ts:50 \n xValue \n • Optional xValue : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n AnnotationPointCoordinates . xValue \n Defined in \n options.d.ts:58 \n yAdjust \n • Optional yAdjust : Scriptable < number , PartialEventContext > \n Defined in \n options.d.ts:133 \n yMax \n • Optional yMax : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . yMax \n Defined in \n options.d.ts:51 \n yMin \n • Optional yMin : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . yMin \n Defined in \n options.d.ts:52 \n yScaleID \n • Optional yScaleID : Scriptable < string , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . yScaleID \n Defined in \n options.d.ts:53 \n yValue \n • Optional yValue : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n AnnotationPointCoordinates . yValue \n Defined in \n options.d.ts:59 \n z \n • Optional z : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . z \n Defined in \n options.d.ts:54 \n Methods \n afterDraw \n ▸ Optional afterDraw ( context ): void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n Returns \n void \n Inherited from \n CoreAnnotationOptions . afterDraw \n Defined in \n options.d.ts:23 \n beforeDraw \n ▸ Optional beforeDraw ( context ): void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n Returns \n void \n Inherited from \n CoreAnnotationOptions . beforeDraw \n Defined in \n options.d.ts:22 \n click \n ▸ Optional click ( context , event ): boolean | void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n \n \n event \n ChartEvent \n Returns \n boolean | void \n Inherited from \n CoreAnnotationOptions . click \n Defined in \n events.d.ts:27 \n enter \n ▸ Optional enter ( context , event ): boolean | void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n \n \n event \n ChartEvent \n Returns \n boolean | void \n Inherited from \n CoreAnnotationOptions . enter \n Defined in \n events.d.ts:25 \n leave \n ▸ Optional leave ( context , event ): boolean | void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n \n \n event \n ChartEvent \n Returns \n boolean | void \n Inherited from \n CoreAnnotationOptions . leave \n Defined in \n events.d.ts:26 \n"},{title:"Interface: ShadowOptions",frontmatter:{},regularPath:"/api/interfaces/ShadowOptions.html",relativePath:"api/interfaces/ShadowOptions.md",key:"v-7b380066",path:"/api/interfaces/ShadowOptions.html",headers:[{level:2,title:"Hierarchy",slug:"hierarchy"},{level:2,title:"Properties",slug:"properties"},{level:3,title:"backgroundShadowColor",slug:"backgroundshadowcolor"},{level:3,title:"borderShadowColor",slug:"bordershadowcolor"},{level:3,title:"shadowBlur",slug:"shadowblur"},{level:3,title:"shadowOffsetX",slug:"shadowoffsetx"},{level:3,title:"shadowOffsetY",slug:"shadowoffsety"}],content:" Interface: ShadowOptions \n Hierarchy \n \n \n ShadowOptions \n ↳ LabelOptions \n ↳ CoreAnnotationOptions \n ↳ ArrowHeadOptions \n Properties \n backgroundShadowColor \n • Optional backgroundShadowColor : Scriptable < Color , PartialEventContext > \n Defined in \n options.d.ts:30 \n borderShadowColor \n • Optional borderShadowColor : Scriptable < Color , PartialEventContext > \n Defined in \n options.d.ts:31 \n shadowBlur \n • Optional shadowBlur : Scriptable < number , PartialEventContext > \n Defined in \n options.d.ts:32 \n shadowOffsetX \n • Optional shadowOffsetX : Scriptable < number , PartialEventContext > \n Defined in \n options.d.ts:33 \n shadowOffsetY \n • Optional shadowOffsetY : Scriptable < number , PartialEventContext > \n Defined in \n options.d.ts:34 \n"},{title:"Contributing",frontmatter:{id:"contributing",title:"Contributing",sidebar:"contributing"},regularPath:"/guide/contributing.html",relativePath:"guide/contributing.md",key:"v-54682062",path:"/guide/contributing.html",headers:[{level:2,title:"Using issues",slug:"using-issues"},{level:2,title:"Reporting bugs",slug:"reporting-bugs"},{level:2,title:"Local development",slug:"local-development"},{level:2,title:"Pull requests",slug:"pull-requests"},{level:2,title:"License",slug:"license"}],lastUpdated:"9/20/2024, 12:31:31 PM",lastUpdatedTimestamp:1726835491e3,content:" Contributions to Chart.js are welcome and encouraged, but please have a look through the guidelines in this document before raising an issue, or writing code for the project. \n Using issues \n The issue tracker is the preferred channel for reporting bugs, requesting new features and submitting pull requests. \n Please do not use issues for support requests. For help using the annotation plugin, please take a look at the GitHub Discussions page. \n Reporting bugs \n Well structured, detailed bug reports are hugely valuable for the project. \n Guidlines for reporting bugs: \n \n Check the issue search to see if it has already been reported \n Isolate the problem to a simple test case \n Provide a demonstration of the problem on JS Bin or similar \n \n 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. \n Local development \n Run npm ci to install all the libraries, then run npm run dev to build and run tests as you make changes. \n Pull requests \n Clear, concise pull requests are excellent at continuing the project's community driven growth. But please review these guidelines and the guidelines below before starting work on the project. \n Guidelines: \n \n Please create an issue first:\n \n For bugs, we can discuss the fixing approach \n For enhancements, we can discuss if it is within the project scope and avoid duplicate effort \n \n \n Please make changes to the files in /src \n Please add tests in /test \n Spaces for indentation, not tabs please \n If adding new functionality, please also update the relevant .md file in /docs \n Please make your commits in logical sections with clear commit messages \n License \n By contributing your code, you agree to license your contribution under the MIT license . \n"},{title:"Configuration",frontmatter:{title:"Configuration"},regularPath:"/guide/configuration.html",relativePath:"guide/configuration.md",key:"v-64ad1186",path:"/guide/configuration.html",headers:[{level:2,title:"Top level options",slug:"top-level-options"},{level:2,title:"Animations",slug:"animations"},{level:3,title:"Default animations",slug:"default-animations"},{level:2,title:"Common",slug:"common"},{level:3,title:"Initial animation",slug:"initial-animation"},{level:2,title:"Events",slug:"events"},{level:2,title:"Hooks",slug:"hooks"}],lastUpdated:"9/20/2024, 12:31:31 PM",lastUpdatedTimestamp:1726835491e3,content:" Top level options \n The following options are available at the top level. They apply to all annotations unless they are overwritten on a per-annotation basis. \n \n \n \n Name \n Type \n Scriptable \n Default \n Notes \n \n \n \n \n animations \n object \n No \n see here \n To configure which element properties are animated and how. \n \n \n annnotations \n object | array \n Yes \n undefined \n To configure all annotations to draw. \n \n \n clip \n boolean \n No \n true \n Are the annotations clipped to the chartArea. \n \n \n common \n Object \n No \n \n To configure common options apply to all annotations \n \n \n interaction \n Object \n No \n options.interaction \n To configure which events trigger plugin interactions \n \n \n \n WARNING \n Setting clip to false , you can enable the possibility to draw part of the annotation outside of the chart area. \n Nevertheless events are only caught over the chartArea. \n Animations \n Animations options configures which element properties are animated and how, with the same configuration of chart.js . \n const options = { \n plugins : { \n annotation : { \n animations : { \n numbers : { \n properties : [ 'x' , 'y' , 'x2' , 'y2' , 'width' , 'height' , 'radius' ] , \n type : 'number' \n } , \n } , \n annotations : { \n box1 : { \n type : 'box' , \n xMin : 1 , \n xMax : 2 , \n yMin : 50 , \n yMax : 70 , \n backgroundColor : 'rgba(255, 99, 132, 0.5)' \n } \n } \n } \n } \n } ; \n Default animations \n \n \n \n Name \n Option \n Value \n \n \n \n \n numbers \n properties \n ['x', 'y', 'x2', 'y2', 'width', 'height', 'centerX', 'centerY', 'pointX', 'pointY', 'radius'] \n \n \n numbers \n type \n number \n Common \n The following options apply to all annotations unless they are overwritten on a per-annotation basis. \n \n \n \n Name \n Type \n Scriptable \n Default \n Notes \n \n \n \n \n drawTime \n string | number \n Yes \n 'afterDatasetsDraw' \n See drawTime . \n \n \n init \n boolean \n See initial animation \n false \n Enable the animation to the annotations when they are drawing at chart initialization \n Initial animation \n The init option is scriptable but it doesn't get the options context as argument but a specific context because the element has not been initialized yet, when the callback is invoked. \n This is the signature of the scriptable option: \n ( { chart , properties , options } ) => void | boolean | AnnotationElement\n \n where the properties is the element model \n { \n x : number , \n y : number , \n x2 : number , \n y2 : number , \n centerX : number , \n centerY : number , \n width : number , \n height : number , \n radius ? : number\n } \n \n which can be used in the callback to return an object with the initial values of the element, to provide own initial animation. \n Events \n The following options are available for all annotation types. These options can be specified per annotation, or at the top level which apply to all annotations. \n \n \n \n Name \n Type \n Chart event 1 \n Notes \n \n \n \n \n click \n (context, event) => boolean | void \n 'click' \n Called when a single click occurs on the annotation. \n \n \n enter \n (context, event) => boolean | void \n 'mousemove' \n Called when the mouse enters the annotation. \n \n \n leave \n (context, event) => boolean | void \n 'mousemove' \n Called when the mouse leaves the annotation. \n \n \n \n TIP \n 1 Chart.js events that need to be enabled in order to get the associated annotation event working. Note that by default Chart.js enables 'mousemove', 'mouseout', 'click', 'touchstart', 'touchmove' , meaning that annotation events work out-of-the-box. \n \n If the event callbacks explicitly returns true , the chart will re-render automatically after processing the event completely. This is important when there are the annotations that require re-draws (for instance, after a change of a rendering options). \n Hooks \n The following hooks are available for all annotation types. These hooks can be specified per annotation, or at the top level which apply to all annotations. \n These hooks enable some user customizations on the annotations. \n \n \n \n Name \n Type \n Notes \n \n \n \n \n beforeDraw \n (context) => void \n Called before that the annotation is being drawn. \n \n \n afterDraw \n (context) => void \n Called after the annotation has been drawn. \n \n \n \n"},{title:"Developers",frontmatter:{},regularPath:"/guide/developers.html",relativePath:"guide/developers.md",key:"v-0e308dd1",path:"/guide/developers.html",headers:[{level:2,title:"Access to the annotation elements",slug:"access-to-the-annotation-elements"},{level:3,title:".getAnnotations(chart: Chart): AnnotationElement[]",slug:"getannotations-chart-chart-annotationelement"}],lastUpdated:"9/20/2024, 12:31:31 PM",lastUpdatedTimestamp:1726835491e3,content:" Developers \n Access to the annotation elements \n The annotation plugin uses Chart.js elements to draw the annotation requested by the user. The following APIs allows the user to get the created annotation elements to use in callbacks or for other purposes.\nThe APIs are available in the annotation plugin instance. \n Script Tag \n < script > \n // get annotation plugin instance \n const annotationPlugin = window [ 'chartjs-plugin-annotation' ] ; \n \n Bundlers (Webpack, Rollup, etc.) \n // get annotation plugin instance \n import annotationPlugin from 'chartjs-plugin-annotation' ; \n .getAnnotations(chart: Chart): AnnotationElement[] \n It provides all annotation elements configured by the plugin options, even if the annotations are not visible. \n const myLineChart = new Chart ( ctx , config ) ; \n // get all annotation elements \n const elements = annotationPlugin . getAnnotations ( myLineChart ) ; \n \n "},{title:"Getting Started",frontmatter:{},regularPath:"/guide/",relativePath:"guide/index.md",key:"v-4d8c7bf6",path:"/guide/",headers:[{level:2,title:"Installation",slug:"installation"}],lastUpdated:"9/20/2024, 12:31:31 PM",lastUpdatedTimestamp:1726835491e3,content:" Getting Started \n DANGER \n This plugin needs to be registered. It does not function as inline plugin. \n \n An annotation plugin for Chart.js >= 4.0.0 \n This plugin draws lines, boxes, labels, points, polygons and ellipses on the chart area. Annotations work with line, bar, scatter and bubble charts that use linear, logarithmic, time, or category scales. Annotations will not work on any chart that does not have exactly two axes, including pie, radar, and polar area charts. \n Installation \n > npm install chartjs-plugin-annotation\n \n Important Note \n For Chart.js 3.7.0 to 3.9.1 support, use version 2.2.1 of this plugin \n For Chart.js 3.0.0 to 3.6.2 support, use version 1.4.0 of this plugin \n For Chart.js 2.4.0 to 2.9.x support, use version 0.5.7 of this plugin \n Documentation for v0.5.7 can be found on GitHub . \n \n"},{title:"1.x Migration Guide",frontmatter:{},regularPath:"/guide/migrationV1.html",relativePath:"guide/migrationV1.md",key:"v-51daecc6",path:"/guide/migrationV1.html",headers:[{level:2,title:"Setup and installation",slug:"setup-and-installation"},{level:2,title:"Options",slug:"options"},{level:3,title:"Plugin options",slug:"plugin-options"},{level:3,title:"Element options",slug:"element-options"},{level:3,title:"Line",slug:"line"},{level:2,title:"Event hooks",slug:"event-hooks"}],lastUpdated:"9/20/2024, 12:31:31 PM",lastUpdatedTimestamp:1726835491e3,content:" 1.x Migration Guide \n chartjs-plugin-annotation plugin version 1 introduces a number of breaking changes in order to compatible with Chart.js 3 and to align with Chart.js 3 options. \n Setup and installation \n Chart.js 3 is tree-shakeable and thus requires registering the plugins when used as an npm module. Here is an example: \n import { Chart , LineController , LineElement , PointElement , LinearScale } from 'chart.js' ; \n import Annotation from 'chartjs-plugin-annotation' ; \n\nChart . register ( LineController , LineElement , PointElement , LinearScale , Annotation ) ; \n\n const Chart = new Chart ( ctx , { \n type : 'line' , \n // data: ... \n options : { \n plugins : { \n annotation : { \n // annotation plugin options \n annotations : [ { \n // annotation element options \n type : 'line' , \n scaleID : 'y' , \n value : 25 , \n borderColor : 'red' , \n borderWidth : 2 \n } ] \n } \n } \n } \n } ) : \n Options \n Plugin options \n \n events array was removed. Listened events are determined automatically from the hooks specified. \n enter , leave , click , dblclick event hooks can now be defined also at plugin level options. \n Element options \n \n onMouseenter was removed. Use enter instead. \n onMouseleave was removed. Use leave instead. \n onMouseover was removed. Use enter instead. \n onMouseout was removed. Use leave instead. \n onMousemove was removed. \n onMousedown was removed. Use click instead. \n onMouseup was removed. Use click instead. \n onClick was removed. Use click instead. \n onDblclick was removed. Use dblclick instead. \n onContextmenu was removed. \n onWheel was removed. \n Line \n \n mode was removed. The mode is automatically calculated based on the scale. \n position values were changed to 'start' , 'center' and 'end' .\n \n 'start' replaces previous 'left' and 'top' . \n 'end' replaces previous 'right' and 'bottom' . \n Label \n \n fontColor was renamed to font.color \n fontFamily was renamed to font.family \n fontSize was renamed to font.size \n fontStyle was renamed to font.style \n lineHeight was renamed to font.lineHeight \n Event hooks \n \n Event hooks are now supplied with single context parameter, containing chart and element properties. chart is the chart instance and element is the event target annotation element. \n Events are now fired from beforeEvent hook. \n \n"},{title:"2.x Migration Guide",frontmatter:{},regularPath:"/guide/migrationV2.html",relativePath:"guide/migrationV2.md",key:"v-121872fd",path:"/guide/migrationV2.html",headers:[{level:2,title:"Chart.js version",slug:"chart-js-version"},{level:2,title:"Options",slug:"options"},{level:2,title:"Elements",slug:"elements"},{level:2,title:"Events",slug:"events"},{level:2,title:"Types",slug:"types"}],lastUpdated:"9/20/2024, 12:31:31 PM",lastUpdatedTimestamp:1726835491e3,content:" 2.x Migration Guide \n chartjs-plugin-annotation plugin version 2 introduces a number of breaking changes. In order to improve performance, offer new features, and improve maintainability, it was necessary to break backwards compatibility, but we aimed to do so only when worth the benefit. \n Chart.js version \n The annotation plugin requires at least version 3.7.0 to work because of some bug fixes that happened within chart.js itself. \n Options \n A number of changes were made to the configuration options passed to the plugin configuration. Those changes are documented below. \n \n xScaleID option default has been changed, now set to undefined . If the option is missing, the plugin will try to use the first scale of the chart, configured as 'x' axis. If more than one scale has been defined in the chart as 'x' axis, the option is mandatory to select the right scale. \n yScaleID option default has been changed, now set to undefined . If the option is missing, the plugin will try to use the first scale of the chart, configured as 'y' axis. If more than one scale has been defined in the chart as 'y' axis, the option is mandatory to select the right scale. \n When stacked scales are used, instead of the whole chart area, the designated scale area is used as fallback for xMin , xMax , yMin , yMax , xValue or yValue options. \n position for the label of the line annotation changes the behavior when start or end is set, and when the line annotation location is defined by xMin , xMax , yMin , and yMax options.\n \n in the previous version 1.x, if the position was set to start or end , it was calculated using chart area dimension (when start using top or left , when end using bottom or right ). \n in version 2.x, if the position is set to start , it is the point where the line starts being drawn, and when set to end , it is the point where the line ends drawing. The xMin , xMax , yMin , and yMax options are not related to the chart area anymore but are related to the values sequence (and their order) on the associated scale. \n \n \n cornerRadius option was replaced by borderRadius in the box annotation configuration and in the label configuration of line annotation to align with Chart.js options. \n xPadding and yPadding options were merged into a single padding object in the label configuration of line annotation to align with Chart.js options. \n enabled option was replaced by display in the callout configuration of label annotation, in the label configuration of line and box annotations and in the arrow heads configuration of line annotation to have the same option on all elements. \n dblClickSpeed option was removed from the plugin options because dblclick event hook is not available anymore. \n drawTime option at top level plugin configuration is moved to new common object in the plugin annotation options, which contains options to apply to all annotations: \n \n plugins : { \n annotation : { \n common : { \n drawTime : 'afterDraw' \n } , \n annotations : [ \n ... \n ] \n } \n } \n Elements \n In chartjs-plugin-annotation plugin version 2 the label of box and line annotations is a sub-element. This has changed how to access to the label options. Now the label options are at element.label.options . The following example shows how to show and hide the label when the mouse is hovering the box: \n type : 'box' , // or 'line' \n enter : function ( { element } ) { \n element . label . options . display = true ; \n return true ; \n } , \n leave : function ( { element } ) { \n element . label . options . display = false ; \n return true ; \n } , \n \n chartjs-plugin-annotation plugin version 2 removes the clipping of the label to the box annotation size. \n chartjs-plugin-annotation plugin version 2 hides the following methods in the line annotation element because they should be used only internally: \n \n intersects \n isOnLabel \n \n chartjs-plugin-annotation plugin version 2 normalizes the properties of the annotation elements in order to be based on common box model. \n Box annotation \n The following diagram is showing the element properties about a 'box' annotation: \n \n The label of a box annotation is described as a label annotation and accessible by element.label . \n Ellipse annotation \n The following diagram is showing the element properties about a 'ellipse' annotation: \n Label annotation \n The following diagram is showing the element properties about a 'label' annotation: \n Line annotation \n The following diagram is showing the element properties about a 'line' annotation: \n \n The label of a line annotation is described as a label annotation and accessible by element.label . \n Point annotation \n The following diagram is showing the element properties about a 'point' annotation: \n Polygon annotation \n The following diagram is showing the element properties about a 'polygon' annotation: \n Events \n chartjs-plugin-annotation plugin version 2 introduces the interaction options, to configure which events trigger annotation interactions. By default, the plugin uses the chart interaction configuration . \n \n When scatter charts are used, the interaction default mode in Chart.js is point , while, in the previous plugin version, the default was nearest . \n \n The dblclick event hook was removed from annotations options because, being executed asynchronously, it can not enable the chart re-rendering, automatically after processing the event completely. This is important when the user requires re-draws. It gets slow and messy if every event hook does the draw (or update!). \n Types \n chartjs-plugin-annotation plugin version 2 removes the compatibility with TypeScript versions less than 4.1 which is the minimum supported one. \n"},{title:"3.x Migration Guide",frontmatter:{},regularPath:"/guide/migrationV3.html",relativePath:"guide/migrationV3.md",key:"v-4d1e5c5d",path:"/guide/migrationV3.html",headers:[{level:2,title:"Chart.js version",slug:"chart-js-version"},{level:3,title:"Type changes",slug:"type-changes"}],lastUpdated:"9/20/2024, 12:31:31 PM",lastUpdatedTimestamp:1726835491e3,content:" 3.x Migration Guide \n chartjs-plugin-annotation plugin version 3 becomes an ESM-only package .\nThe UMD bundle is still available. \n Chart.js version \n The annotation plugin requires at least version 4.0.0 to work because of Chart.js becomes an ESM-only package. \n Type changes \n \n The init options callback return value types have been changed from void | boolean | AnnotationBoxModel to void | boolean | AnnotationElement . \n \n"},{title:"Integration",frontmatter:{title:"Integration"},regularPath:"/guide/integration.html",relativePath:"guide/integration.md",key:"v-1b86f686",path:"/guide/integration.html",headers:[{level:2,title:"Script Tag",slug:"script-tag"},{level:2,title:"Bundlers (Webpack, Rollup, etc.)",slug:"bundlers-webpack-rollup-etc"}],lastUpdated:"9/20/2024, 12:31:31 PM",lastUpdatedTimestamp:1726835491e3,content:" chartjs-plugin-annotation can be integrated with plain JavaScript or with different module loaders. The examples below show to load the plugin in different systems. \n Script Tag \n < script src = \" path/to/chartjs/dist/chart.umd.js \" > \n < script src = \" path/to/chartjs-plugin-annotation/dist/chartjs-plugin-annotation.min.js \" > \n < script > \n const myChart = new Chart ( ctx , { ... } ) ; \n \n Bundlers (Webpack, Rollup, etc.) \n import { Chart } from 'chart.js' ; \n import annotationPlugin from 'chartjs-plugin-annotation' ; \n\nChart . register ( annotationPlugin ) ; \n \n "},{title:"Options",frontmatter:{},regularPath:"/guide/options.html",relativePath:"guide/options.md",key:"v-15f8e6fd",path:"/guide/options.html",headers:[{level:2,title:"Color",slug:"color"},{level:2,title:"Font",slug:"font"},{level:2,title:"Padding",slug:"padding"},{level:2,title:"Point Style",slug:"point-style"},{level:2,title:"Interaction",slug:"interaction"},{level:2,title:"Scriptable Options",slug:"scriptable-options"},{level:2,title:"Draw Time",slug:"draw-time"},{level:2,title:"Option Context",slug:"option-context"},{level:3,title:"chart",slug:"chart"},{level:3,title:"annotation",slug:"annotation"}],lastUpdated:"9/20/2024, 12:31:31 PM",lastUpdatedTimestamp:1726835491e3,content:" Options \n Color \n Any color supported by chart.js is supported by the annotation plugin. \n Font \n Fonts use the same format as chart.js . \n Padding \n Paddings use the same format as chart.js . \n Point Style \n Point styles use the same format as chart.js . \n Interaction \n Interaction uses the same format as chart.js . \n WARNING \n Interaction index and dataset modes are not supported by the plugin. If set, the plugin will use nearest mode. \n Interaction r axis is not supported by the plugin. If set, the plugin will use xy mode. \n Scriptable Options \n As with most options in chart.js, the annotation plugin options are scriptable. This means that a function can be passed which returns the value as needed. In the example below, the annotation is hidden when the screen is less than 1000px wide.\nThe function receives 2 arguments, first is the option context representing contextual information. An options resolver is passed as second argument, which can be used to access the options that were originally passed in to configure the annotation element. \n */\nconst options = {\n plugins: {\n annotation: {\n annotations: {\n box1: {\n drawTime: 'afterDatasetsDraw',\n display: (context, opts) => {\n const body = document.querySelector('body');\n const rect = body.getBoundingClientRect();\n return rect.width >= 1000;\n },\n type: 'box',\n xMin: 1,\n xMax: 2,\n yMin: 50,\n yMax: 70,\n backgroundColor: 'rgba(255, 99, 132, 0.5)'\n }\n }\n }\n }\n};\n/* */\n\n/* */\nconst config = {\n type: 'line',\n data: {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\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 options\n};\n/* */\n\nmodule.exports = {\n config\n};\n`\"/> # Draw Time \n The drawTime option for an annotation determines where in the chart lifecycle the drawing occurs. Four potential predefined options are available: \n \n \n \n Option \n Notes \n \n \n \n \n 'beforeDraw' \n Occurs before any drawing takes place \n \n \n 'beforeDatasetsDraw' \n Occurs after drawing of axes, but before datasets \n \n \n 'afterDatasetsDraw' \n Occurs after drawing of datasets but before items such as the tooltip \n \n \n 'afterDraw' \n After other drawing is completed. \n \n \n \n Furthermore, the drawTime option can be set as number which represents the dataset index used to draw the annotation, before that dataset will be. \n Option Context \n The option context is used to give contextual information when resolving options and only applies to scriptable options. The object is preserved, so it can be used to store and pass information between calls / options. \n There are 2 levels of option context objects: \n \n chart \n \n annotation \n \n \n \n The context object contains the following properties: \n chart \n \n chart : the associated chart \n type : 'chart' \n \n The chart option context is provided by Chart.js. It is passed to scriptable options when resolving annotation id , type and drawTime or adjusting scale ranges in afterDataLimits hook. The options resolved at that time are scaleID , xScaleID , yScaleID , value , endValue , xMin , xMax , yMin , yMax , xValue and yValue . \n annotation \n In addition to chart \n \n id : the annotation id \n element : the annotation element \n elements : the array which contains the already created annotation elements. \n type : 'annotation' \n \n The annotation option context is passed to scriptable options in all other cases, except when resolving id , type or adjusting scale ranges. The same values resolved in afterDataLimits with chart context are again evaluated in afterUpdate with annotation context. \n Note that the annotation element may be undefined or partially uninitialized, since scriptable options may be invoked during the initial chart display, before everything's been resolved and initialized. \n"},{title:"Label",frontmatter:{},regularPath:"/guide/types/_commonInnerLabel.html",relativePath:"guide/types/_commonInnerLabel.md",key:"v-0db22306",path:"/guide/types/_commonInnerLabel.html",headers:[{level:2,title:"Label",slug:"label"},{level:3,title:"Position",slug:"position"},{level:3,title:"Fonts and colors",slug:"fonts-and-colors"}],lastUpdated:"9/20/2024, 12:31:31 PM",lastUpdatedTimestamp:1726835491e3,content:" Label \n Namespace: options.annotations[annotationID].label , it defines options for the the label of annotation. \n All of these options can be Scriptable \n \n \n \n Name \n Type \n Default \n Notes \n \n \n \n \n color \n Color | Color[] \n 'black' \n Text color. \n \n \n content \n string | string[] | Image | HTMLCanvasElement \n null \n The content to show in the label. \n \n \n display \n boolean \n false \n Whether or not the label is shown. \n \n \n drawTime \n string | number \n options.drawTime \n See drawTime . Defaults to the annotation draw time if unset \n \n \n font \n Font | Font[] \n { weight: 'bold' } \n Label font \n \n \n height \n number | string \n undefined \n Overrides the height of the image or canvas element. Could be set in pixel by a number, or in percentage of current height of image or canvas element by a string. If undefined, uses the height of the image or canvas element. It is used only when the content is an image or canvas element. \n \n \n hitTolerance \n number \n undefined \n Amount of pixels to interact with annotations within some distance of the mouse point. \n \n \n opacity \n number \n undefined \n Overrides the opacity of the image or canvas element. Could be set a number in the range 0.0 to 1.0, inclusive. If undefined, uses the opacity of the image or canvas element. It is used only when the content is an image or canvas element. \n \n \n padding \n Padding \n 6 \n The padding to add around the text label. \n \n \n position \n string | {x: string, y: string} \n 'center' \n Anchor position of label in the annotation. \n \n \n rotation \n number \n undefined \n Rotation of label, in degrees. If undefined , the annotation rotation is used. \n \n \n textAlign \n string \n 'start' \n Text alignment of label content when there's more than one line. Possible options are: 'left' , 'start' , 'center' , 'end' , 'right' . \n \n \n textStrokeColor \n Color \n undefined \n The color of the stroke around the text. \n \n \n textStrokeWidth \n number \n 0 \n Stroke width around the text. \n \n \n width \n number | string \n undefined \n Overrides the width of the image or canvas element. Could be set in pixel by a number, or in percentage of current width of image or canvas element by a string. If undefined, uses the width of the image or canvas element. It is used only when the content is an image or canvas element. \n \n \n xAdjust \n number \n 0 \n Adjustment along x-axis (left-right) of label relative to computed position. Negative values move the label left, positive right. \n \n \n yAdjust \n number \n 0 \n Adjustment along y-axis (top-bottom) of label relative to computed position. Negative values move the label up, positive down. \n \n \n z \n number \n 0 \n It determines the drawing stack level of the label element, with same drawTime . \n Position \n A position can be set in 2 different values types: \n \n 'start' , 'center' , 'end' which are defining where the label will be located \n a string , in percentage format 'number%' , is representing the percentage on the size where the label will be located \n \n If this value is a string (possible options are 'start' , 'center' , 'end' or a string in percentage format), it is applied to vertical and horizontal position in the annotation. \n If this value is an object, the x property defines the horizontal alignment in the annotation. Similarly, the y property defines the vertical alignment in the annotation. Possible options for both properties are 'start' , 'center' , 'end' , a string in percentage format. Omitted property have value of the default, 'center' . \n Fonts and colors \n When the label to draw has multiple lines, you can use different font and color for each line of the label. This is enabled configuring an array of fonts or colors for those options. When the lines are more than the configured fonts of colors, the last configuration of those options is used for all remaining lines. \n"},{title:"Common options to all annotations",frontmatter:{},regularPath:"/guide/types/_commonOptions.html",relativePath:"guide/types/_commonOptions.md",key:"v-67fac0e2",path:"/guide/types/_commonOptions.html",headers:[{level:3,title:"Common options to all annotations",slug:"common-options-to-all-annotations"}],lastUpdated:"9/20/2024, 12:31:31 PM",lastUpdatedTimestamp:1726835491e3,content:" Common options to all annotations \n The following options are available for all annotations. \n \n \n \n Name \n Type \n Scriptable \n Default \n \n \n \n \n adjustScaleRange \n boolean \n Yes \n true \n \n \n backgroundColor \n Color \n Yes \n options.color \n \n \n borderColor \n Color \n Yes \n options.color \n \n \n borderDash \n number[] \n Yes \n [] \n \n \n borderDashOffset \n number \n Yes \n 0 \n \n \n borderShadowColor \n Color \n Yes \n 'transparent' \n \n \n display \n boolean \n Yes \n true \n \n \n drawTime \n string | number \n Yes \n 'afterDatasetsDraw' \n \n \n hitTolerance \n number \n Yes \n 0 \n \n \n init \n boolean \n See initial animation \n undefined \n \n \n id \n string \n No \n undefined \n \n \n shadowBlur \n number \n Yes \n 0 \n \n \n shadowOffsetX \n number \n Yes \n 0 \n \n \n shadowOffsetY \n number \n Yes \n 0 \n \n \n xMax \n number | string \n Yes \n undefined \n \n \n xMin \n number | string \n Yes \n undefined \n \n \n xScaleID \n string \n Yes \n undefined \n \n \n yMin \n number | string \n Yes \n undefined \n \n \n yMax \n number | string \n Yes \n undefined \n \n \n yScaleID \n string \n Yes \n undefined \n \n \n z \n number \n Yes \n 0 \n \n \n \n"},{title:"Box Annotations",frontmatter:{},regularPath:"/guide/types/box.html",relativePath:"guide/types/box.md",key:"v-5b88421d",path:"/guide/types/box.html",headers:[{level:2,title:"Configuration",slug:"configuration"},{level:3,title:"Box annotation specific options",slug:"box-annotation-specific-options"},{level:3,title:"Common options to all annotations",slug:"common-options-to-all-annotations"},{level:3,title:"General",slug:"general"},{level:3,title:"Styling",slug:"styling"},{level:2,title:"Label",slug:"label"},{level:3,title:"Position",slug:"position"},{level:3,title:"Fonts and colors",slug:"fonts-and-colors"},{level:2,title:"Element",slug:"element"}],lastUpdated:"9/20/2024, 12:31:31 PM",lastUpdatedTimestamp:1726835491e3,content:" Box Annotations \n Box annotations are used to draw rectangles on the chart area. This can be useful for highlighting different areas of a chart. \n */\nconst options = {\n plugins: {\n annotation: {\n annotations: {\n box1: {\n type: 'box',\n xMin: 1,\n xMax: 2,\n yMin: 50,\n yMax: 70,\n backgroundColor: 'rgba(255, 99, 132, 0.25)'\n }\n }\n }\n }\n};\n/* */\n\n/* */\nconst config = {\n type: 'line',\n data: {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\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 options\n};\n/* */\n\nmodule.exports = {\n config\n};\n`\"/> # Configuration \n Box annotation specific options \n The following options are available for box annotations. \n \n \n \n Name \n Type \n Scriptable \n Default \n \n \n \n \n backgroundShadowColor \n Color \n Yes \n 'transparent' \n \n \n borderCapStyle \n string \n Yes \n 'butt' \n \n \n borderJoinStyle \n string \n Yes \n 'miter' \n \n \n borderRadius \n number | object \n Yes \n 0 \n \n \n borderWidth \n number \n Yes \n 1 \n \n \n label \n object \n Yes \n \n \n \n rotation \n number \n Yes \n 0 \n Common options to all annotations \n The following options are available for all annotations. \n \n \n \n Name \n Type \n Scriptable \n Default \n \n \n \n \n adjustScaleRange \n boolean \n Yes \n true \n \n \n backgroundColor \n Color \n Yes \n options.color \n \n \n borderColor \n Color \n Yes \n options.color \n \n \n borderDash \n number[] \n Yes \n [] \n \n \n borderDashOffset \n number \n Yes \n 0 \n \n \n borderShadowColor \n Color \n Yes \n 'transparent' \n \n \n display \n boolean \n Yes \n true \n \n \n drawTime \n string | number \n Yes \n 'afterDatasetsDraw' \n \n \n hitTolerance \n number \n Yes \n 0 \n \n \n init \n boolean \n See initial animation \n undefined \n \n \n id \n string \n No \n undefined \n \n \n shadowBlur \n number \n Yes \n 0 \n \n \n shadowOffsetX \n number \n Yes \n 0 \n \n \n shadowOffsetY \n number \n Yes \n 0 \n \n \n xMax \n number | string \n Yes \n undefined \n \n \n xMin \n number | string \n Yes \n undefined \n \n \n xScaleID \n string \n Yes \n undefined \n \n \n yMin \n number | string \n Yes \n undefined \n \n \n yMax \n number | string \n Yes \n undefined \n \n \n yScaleID \n string \n Yes \n undefined \n \n \n z \n number \n Yes \n 0 \n General \n If one of the axes does not match an axis in the chart, the box will take the entire chart dimension. The 4 coordinates, xMin, xMax, yMin, yMax are optional. If not specified, the box is expanded out to the edges in the respective direction. \n \n \n \n Name \n Description \n \n \n \n \n adjustScaleRange \n Should the scale range be adjusted if this annotation is out of range. \n \n \n display \n Whether or not this annotation is visible. \n \n \n drawTime \n See drawTime . \n \n \n hitTolerance \n Amount of pixels to interact with annotations within some distance of the mouse point. \n \n \n id \n Identifies a unique id for the annotation and it will be stored in the element context. When the annotations are defined by an object, the id is automatically set using the key used to store the annotations in the object. When the annotations are configured by an array, the id, passed by this option in the annotation, will be used. \n \n \n rotation \n Rotation of the box in degrees. \n \n \n xMax \n Right edge of the box in units along the x axis. \n \n \n xMin \n Left edge of the box in units along the x axis. \n \n \n xScaleID \n ID of the X scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as 'x' axis. If more than one scale has been defined in the chart as 'x' axis, the option is mandatory to select the right scale. \n \n \n yMax \n Bottom edge of the box in units along the y axis. \n \n \n yMin \n Top edge of the box in units along the y axis. \n \n \n yScaleID \n ID of the Y scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as 'y' axis. If more than one scale has been defined in the chart as 'y' axis, the option is mandatory to select the right scale. \n \n \n z \n The z property determines the drawing stack level of the box annotation element. All visible elements will be drawn in ascending order of z option, with the same drawTime option. \n Styling \n \n \n \n Name \n Description \n \n \n \n \n backgroundColor \n Fill color. \n \n \n backgroundShadowColor \n The color of shadow. See MDN . \n \n \n borderCapStyle \n Cap style of the border line. See MDN . \n \n \n borderColor \n Stroke color. \n \n \n borderDash \n Length and spacing of dashes. See MDN . \n \n \n borderDashOffset \n Offset for border line dashes. See MDN . \n \n \n borderJoinStyle \n Border line join style. See MDN . \n \n \n borderRadius \n Radius of box rectangle (in pixels). \n \n \n borderShadowColor \n The color of the border shadow. See MDN . \n \n \n borderWidth \n Border line width (in pixels). \n \n \n shadowBlur \n The amount of blur applied to shadow. See MDN . \n \n \n shadowOffsetX \n The distance that shadow will be offset horizontally. See MDN . \n \n \n shadowOffsetY \n The distance that shadow will be offset vertically. See MDN . \n borderRadius \n If this value is a number, it is applied to all corners of the rectangle (topLeft, topRight, bottomLeft, bottomRight). If this value is an object, the topLeft property defines the top-left corners border radius. Similarly, the topRight , bottomLeft , and bottomRight properties can also be specified. Omitted corners have radius of 0. \n Label \n Namespace: options.annotations[annotationID].label , it defines options for the the label of annotation. \n All of these options can be Scriptable \n \n \n \n Name \n Type \n Default \n Notes \n \n \n \n \n color \n Color | Color[] \n 'black' \n Text color. \n \n \n content \n string | string[] | Image | HTMLCanvasElement \n null \n The content to show in the label. \n \n \n display \n boolean \n false \n Whether or not the label is shown. \n \n \n drawTime \n string | number \n options.drawTime \n See drawTime . Defaults to the annotation draw time if unset \n \n \n font \n Font | Font[] \n { weight: 'bold' } \n Label font \n \n \n height \n number | string \n undefined \n Overrides the height of the image or canvas element. Could be set in pixel by a number, or in percentage of current height of image or canvas element by a string. If undefined, uses the height of the image or canvas element. It is used only when the content is an image or canvas element. \n \n \n hitTolerance \n number \n undefined \n Amount of pixels to interact with annotations within some distance of the mouse point. \n \n \n opacity \n number \n undefined \n Overrides the opacity of the image or canvas element. Could be set a number in the range 0.0 to 1.0, inclusive. If undefined, uses the opacity of the image or canvas element. It is used only when the content is an image or canvas element. \n \n \n padding \n Padding \n 6 \n The padding to add around the text label. \n \n \n position \n string | {x: string, y: string} \n 'center' \n Anchor position of label in the annotation. \n \n \n rotation \n number \n undefined \n Rotation of label, in degrees. If undefined , the annotation rotation is used. \n \n \n textAlign \n string \n 'start' \n Text alignment of label content when there's more than one line. Possible options are: 'left' , 'start' , 'center' , 'end' , 'right' . \n \n \n textStrokeColor \n Color \n undefined \n The color of the stroke around the text. \n \n \n textStrokeWidth \n number \n 0 \n Stroke width around the text. \n \n \n width \n number | string \n undefined \n Overrides the width of the image or canvas element. Could be set in pixel by a number, or in percentage of current width of image or canvas element by a string. If undefined, uses the width of the image or canvas element. It is used only when the content is an image or canvas element. \n \n \n xAdjust \n number \n 0 \n Adjustment along x-axis (left-right) of label relative to computed position. Negative values move the label left, positive right. \n \n \n yAdjust \n number \n 0 \n Adjustment along y-axis (top-bottom) of label relative to computed position. Negative values move the label up, positive down. \n \n \n z \n number \n 0 \n It determines the drawing stack level of the label element, with same drawTime . \n Position \n A position can be set in 2 different values types: \n \n 'start' , 'center' , 'end' which are defining where the label will be located \n a string , in percentage format 'number%' , is representing the percentage on the size where the label will be located \n \n If this value is a string (possible options are 'start' , 'center' , 'end' or a string in percentage format), it is applied to vertical and horizontal position in the annotation. \n If this value is an object, the x property defines the horizontal alignment in the annotation. Similarly, the y property defines the vertical alignment in the annotation. Possible options for both properties are 'start' , 'center' , 'end' , a string in percentage format. Omitted property have value of the default, 'center' . \n Fonts and colors \n When the label to draw has multiple lines, you can use different font and color for each line of the label. This is enabled configuring an array of fonts or colors for those options. When the lines are more than the configured fonts of colors, the last configuration of those options is used for all remaining lines. \n Element \n The following diagram is showing the element properties about a 'box' annotation: \n \n The label of a box annotation is described as a label annotation and accessible by element.label . \n"},{title:"Ellipse Annotations",frontmatter:{},regularPath:"/guide/types/ellipse.html",relativePath:"guide/types/ellipse.md",key:"v-26692906",path:"/guide/types/ellipse.html",headers:[{level:2,title:"Configuration",slug:"configuration"},{level:3,title:"Ellipse annotation specific options",slug:"ellipse-annotation-specific-options"},{level:3,title:"Common options to all annotations",slug:"common-options-to-all-annotations"},{level:3,title:"General",slug:"general"},{level:3,title:"Styling",slug:"styling"},{level:2,title:"Label",slug:"label"},{level:3,title:"Position",slug:"position"},{level:3,title:"Fonts and colors",slug:"fonts-and-colors"},{level:2,title:"Element",slug:"element"}],lastUpdated:"9/20/2024, 12:31:31 PM",lastUpdatedTimestamp:1726835491e3,content:" Ellipse Annotations \n Ellipse annotations are used to draw circles on the chart area. This can be useful for highlighting different areas of a chart. \n */\nconst options = {\n plugins: {\n annotation: {\n annotations: {\n ellipse1: {\n type: 'ellipse',\n xMin: 1,\n xMax: 2,\n yMin: 50,\n yMax: 70,\n backgroundColor: 'rgba(255, 99, 132, 0.25)'\n }\n }\n }\n }\n};\n/* */\n\n/* */\nconst config = {\n type: 'line',\n data: {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\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 options\n};\n/* */\n\nmodule.exports = {\n config\n};\n`\"/> # Configuration \n Ellipse annotation specific options \n The following options are available for ellipse annotations. \n \n \n \n Name \n Type \n Scriptable \n Default \n \n \n \n \n backgroundShadowColor \n Color \n Yes \n 'transparent' \n \n \n borderWidth \n number \n Yes \n 1 \n \n \n label \n object \n Yes \n \n \n \n rotation \n number \n Yes \n 0 \n Common options to all annotations \n The following options are available for all annotations. \n \n \n \n Name \n Type \n Scriptable \n Default \n \n \n \n \n adjustScaleRange \n boolean \n Yes \n true \n \n \n backgroundColor \n Color \n Yes \n options.color \n \n \n borderColor \n Color \n Yes \n options.color \n \n \n borderDash \n number[] \n Yes \n [] \n \n \n borderDashOffset \n number \n Yes \n 0 \n \n \n borderShadowColor \n Color \n Yes \n 'transparent' \n \n \n display \n boolean \n Yes \n true \n \n \n drawTime \n string | number \n Yes \n 'afterDatasetsDraw' \n \n \n hitTolerance \n number \n Yes \n 0 \n \n \n init \n boolean \n See initial animation \n undefined \n \n \n id \n string \n No \n undefined \n \n \n shadowBlur \n number \n Yes \n 0 \n \n \n shadowOffsetX \n number \n Yes \n 0 \n \n \n shadowOffsetY \n number \n Yes \n 0 \n \n \n xMax \n number | string \n Yes \n undefined \n \n \n xMin \n number | string \n Yes \n undefined \n \n \n xScaleID \n string \n Yes \n undefined \n \n \n yMin \n number | string \n Yes \n undefined \n \n \n yMax \n number | string \n Yes \n undefined \n \n \n yScaleID \n string \n Yes \n undefined \n \n \n z \n number \n Yes \n 0 \n General \n If one of the axes does not match an axis in the chart, the ellipse will take the entire chart dimension. The 4 coordinates, xMin, xMax, yMin, yMax are optional. If not specified, the ellipse is expanded out to the edges in the respective direction. \n \n \n \n Name \n Description \n \n \n \n \n adjustScaleRange \n Should the scale range be adjusted if this annotation is out of range. \n \n \n display \n Whether or not this annotation is visible. \n \n \n drawTime \n See drawTime . \n \n \n hitTolerance \n Amount of pixels to interact with annotations within some distance of the mouse point. \n \n \n id \n Identifies a unique id for the annotation and it will be stored in the element context. When the annotations are defined by an object, the id is automatically set using the key used to store the annotations in the object. When the annotations are configured by an array, the id, passed by this option in the annotation, will be used. \n \n \n rotation \n Rotation of the ellipse in degrees, default is 0. \n \n \n xMax \n Right edge of the ellipse in units along the x axis. \n \n \n xMin \n Left edge of the ellipse in units along the x axis. \n \n \n xScaleID \n ID of the X scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as 'x' axis. If more than one scale has been defined in the chart as 'x' axis, the option is mandatory to select the right scale. \n \n \n yMax \n Bottom edge of the ellipse in units along the y axis. \n \n \n yMin \n Top edge of the ellipse in units along the y axis. \n \n \n yScaleID \n ID of the Y scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as 'y' axis. If more than one scale has been defined in the chart as 'y' axis, the option is mandatory to select the right scale. \n \n \n z \n The z property determines the drawing stack level of the ellipse annotation element. All visible elements will be drawn in ascending order of z option, with the same drawTime option. \n Styling \n \n \n \n Name \n Description \n \n \n \n \n backgroundColor \n Fill color. \n \n \n backgroundShadowColor \n The color of shadow. See MDN . \n \n \n borderColor \n Stroke color. \n \n \n borderDash \n Length and spacing of dashes. See MDN . \n \n \n borderDashOffset \n Offset for line dashes. See MDN . \n \n \n borderShadowColor \n The color of the border shadow. See MDN . \n \n \n borderWidth \n Stroke width. \n \n \n shadowBlur \n The amount of blur applied to shadow. See MDN . \n \n \n shadowOffsetX \n The distance that shadow will be offset horizontally. See MDN . \n \n \n shadowOffsetY \n The distance that shadow will be offset vertically. See MDN . \n Label \n Namespace: options.annotations[annotationID].label , it defines options for the the label of annotation. \n All of these options can be Scriptable \n \n \n \n Name \n Type \n Default \n Notes \n \n \n \n \n color \n Color | Color[] \n 'black' \n Text color. \n \n \n content \n string | string[] | Image | HTMLCanvasElement \n null \n The content to show in the label. \n \n \n display \n boolean \n false \n Whether or not the label is shown. \n \n \n drawTime \n string | number \n options.drawTime \n See drawTime . Defaults to the annotation draw time if unset \n \n \n font \n Font | Font[] \n { weight: 'bold' } \n Label font \n \n \n height \n number | string \n undefined \n Overrides the height of the image or canvas element. Could be set in pixel by a number, or in percentage of current height of image or canvas element by a string. If undefined, uses the height of the image or canvas element. It is used only when the content is an image or canvas element. \n \n \n hitTolerance \n number \n undefined \n Amount of pixels to interact with annotations within some distance of the mouse point. \n \n \n opacity \n number \n undefined \n Overrides the opacity of the image or canvas element. Could be set a number in the range 0.0 to 1.0, inclusive. If undefined, uses the opacity of the image or canvas element. It is used only when the content is an image or canvas element. \n \n \n padding \n Padding \n 6 \n The padding to add around the text label. \n \n \n position \n string | {x: string, y: string} \n 'center' \n Anchor position of label in the annotation. \n \n \n rotation \n number \n undefined \n Rotation of label, in degrees. If undefined , the annotation rotation is used. \n \n \n textAlign \n string \n 'start' \n Text alignment of label content when there's more than one line. Possible options are: 'left' , 'start' , 'center' , 'end' , 'right' . \n \n \n textStrokeColor \n Color \n undefined \n The color of the stroke around the text. \n \n \n textStrokeWidth \n number \n 0 \n Stroke width around the text. \n \n \n width \n number | string \n undefined \n Overrides the width of the image or canvas element. Could be set in pixel by a number, or in percentage of current width of image or canvas element by a string. If undefined, uses the width of the image or canvas element. It is used only when the content is an image or canvas element. \n \n \n xAdjust \n number \n 0 \n Adjustment along x-axis (left-right) of label relative to computed position. Negative values move the label left, positive right. \n \n \n yAdjust \n number \n 0 \n Adjustment along y-axis (top-bottom) of label relative to computed position. Negative values move the label up, positive down. \n \n \n z \n number \n 0 \n It determines the drawing stack level of the label element, with same drawTime . \n Position \n A position can be set in 2 different values types: \n \n 'start' , 'center' , 'end' which are defining where the label will be located \n a string , in percentage format 'number%' , is representing the percentage on the size where the label will be located \n \n If this value is a string (possible options are 'start' , 'center' , 'end' or a string in percentage format), it is applied to vertical and horizontal position in the annotation. \n If this value is an object, the x property defines the horizontal alignment in the annotation. Similarly, the y property defines the vertical alignment in the annotation. Possible options for both properties are 'start' , 'center' , 'end' , a string in percentage format. Omitted property have value of the default, 'center' . \n Fonts and colors \n When the label to draw has multiple lines, you can use different font and color for each line of the label. This is enabled configuring an array of fonts or colors for those options. When the lines are more than the configured fonts of colors, the last configuration of those options is used for all remaining lines. \n Element \n The following diagram is showing the element properties about a 'ellipse' annotation: \n \n"},{title:"Label Annotations",frontmatter:{},regularPath:"/guide/types/label.html",relativePath:"guide/types/label.md",key:"v-49aea27d",path:"/guide/types/label.html",headers:[{level:2,title:"Configuration",slug:"configuration"},{level:3,title:"Label annotation specific options",slug:"label-annotation-specific-options"},{level:3,title:"Common options to all annotations",slug:"common-options-to-all-annotations"},{level:3,title:"General",slug:"general"},{level:3,title:"Styling",slug:"styling"},{level:3,title:"Position",slug:"position"},{level:2,title:"Callout",slug:"callout"},{level:2,title:"Element",slug:"element"}],lastUpdated:"9/20/2024, 12:31:31 PM",lastUpdatedTimestamp:1726835491e3,content:" Label Annotations \n Label annotations are used to add contents on the chart area. This can be useful for describing values that are of interest. \n */\nconst options = {\n plugins: {\n annotation: {\n annotations: {\n label1: {\n type: 'label',\n xValue: 2.5,\n yValue: 60,\n backgroundColor: 'rgba(245,245,245)',\n content: ['This is my text', 'This is my text, second line'],\n font: {\n size: 18\n }\n }\n }\n }\n }\n};\n/* */\n\n/* */\nconst config = {\n type: 'line',\n data: {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\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 options\n};\n/* */\n\nmodule.exports = {\n config\n};\n`\"/> # Configuration \n Label annotation specific options \n The following options are available for label annotations. \n \n \n \n Name \n Type \n Scriptable \n Default \n \n \n \n \n backgroundShadowColor \n Color \n Yes \n 'transparent' \n \n \n borderCapStyle \n string \n Yes \n 'butt' \n \n \n borderJoinStyle \n string \n Yes \n 'miter' \n \n \n borderRadius \n number | object \n Yes \n 0 \n \n \n borderWidth \n number \n Yes \n 0 \n \n \n callout \n object \n Yes \n \n \n \n color \n Color | Color[] \n Yes \n 'black' \n \n \n content \n string | string[] | Image | HTMLCanvasElement \n Yes \n null \n \n \n font \n Font | Font[] \n Yes \n {} \n \n \n height \n number | string \n Yes \n undefined \n \n \n opacity \n number \n Yes \n undefined \n \n \n padding \n Padding \n Yes \n 6 \n \n \n position \n string | {x: string, y: string} \n Yes \n 'center' \n \n \n rotation \n number \n Yes \n 0 \n \n \n textAlign \n string \n Yes \n 'center' \n \n \n textStrokeColor \n Color \n Yes \n undefined \n \n \n textStrokeWidth \n number \n Yes \n 0 \n \n \n width \n number | string \n Yes \n undefined \n \n \n xAdjust \n number \n Yes \n 0 \n \n \n xValue \n number | string \n Yes \n undefined \n \n \n yAdjust \n number \n Yes \n 0 \n \n \n yValue \n number | string \n Yes \n undefined \n Common options to all annotations \n The following options are available for all annotations. \n \n \n \n Name \n Type \n Scriptable \n Default \n \n \n \n \n adjustScaleRange \n boolean \n Yes \n true \n \n \n backgroundColor \n Color \n Yes \n options.color \n \n \n borderColor \n Color \n Yes \n options.color \n \n \n borderDash \n number[] \n Yes \n [] \n \n \n borderDashOffset \n number \n Yes \n 0 \n \n \n borderShadowColor \n Color \n Yes \n 'transparent' \n \n \n display \n boolean \n Yes \n true \n \n \n drawTime \n string | number \n Yes \n 'afterDatasetsDraw' \n \n \n hitTolerance \n number \n Yes \n 0 \n \n \n init \n boolean \n See initial animation \n undefined \n \n \n id \n string \n No \n undefined \n \n \n shadowBlur \n number \n Yes \n 0 \n \n \n shadowOffsetX \n number \n Yes \n 0 \n \n \n shadowOffsetY \n number \n Yes \n 0 \n \n \n xMax \n number | string \n Yes \n undefined \n \n \n xMin \n number | string \n Yes \n undefined \n \n \n xScaleID \n string \n Yes \n undefined \n \n \n yMin \n number | string \n Yes \n undefined \n \n \n yMax \n number | string \n Yes \n undefined \n \n \n yScaleID \n string \n Yes \n undefined \n \n \n z \n number \n Yes \n 0 \n General \n If one of the axes does not match an axis in the chart, the content will be rendered in the center of the chart. The 2 coordinates, xValue, yValue are optional. If not specified, the content will be rendered in the center of the scale dimension. \n The 4 coordinates, xMin, xMax, yMin, yMax are optional. If not specified, the box is expanded out to the edges in the respective direction and the box size is used to calculated the center of the point. \n \n \n \n Name \n Description \n \n \n \n \n adjustScaleRange \n Should the scale range be adjusted if this annotation is out of range. \n \n \n content \n The content to show in the text annotation. \n \n \n display \n Whether or not this annotation is visible. \n \n \n drawTime \n See drawTime . \n \n \n height \n Overrides the height of the image or canvas element. Could be set in pixel by a number, or in percentage of current height of image or canvas element by a string. If undefined, uses the height of the image or canvas element. It is used only when the content is an image or canvas element. \n \n \n hitTolerance \n Amount of pixels to interact with annotations within some distance of the mouse point. \n \n \n id \n Identifies a unique id for the annotation and it will be stored in the element context. When the annotations are defined by an object, the id is automatically set using the key used to store the annotations in the object. When the annotations are configured by an array, the id, passed by this option in the annotation, will be used. \n \n \n padding \n The padding to add around the text label. \n \n \n rotation \n Rotation of the label in degrees. \n \n \n textAlign \n Text alignment of label content when there's more than one line. Possible options are: 'left' , 'start' , 'center' , 'end' , 'right' . \n \n \n width \n Overrides the width of the image or canvas element. Could be set in pixel by a number, or in percentage of current width of image or canvas element by a string. If undefined, uses the width of the image or canvas element. It is used only when the content is an image or canvas element. \n \n \n xAdjust \n Adjustment along x-axis (left-right) of label relative to computed position. Negative values move the label left, positive right. \n \n \n xMax \n Right edge of the box in units along the x axis. \n \n \n xMin \n Left edge of the box in units along the x axis. \n \n \n xScaleID \n ID of the X scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as 'x' axis. If more than one scale has been defined in the chart as 'x' axis, the option is mandatory to select the right scale. \n \n \n xValue \n X coordinate of the point in units along the x axis. \n \n \n yAdjust \n Adjustment along y-axis (top-bottom) of label relative to computed position. Negative values move the label up, positive down. \n \n \n yMax \n Bottom edge of the box in units along the y axis. \n \n \n yMin \n Top edge of the box in units along the y axis. \n \n \n yScaleID \n ID of the Y scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as 'y' axis. If more than one scale has been defined in the chart as 'y' axis, the option is mandatory to select the right scale. \n \n \n yValue \n Y coordinate of the point in units along the y axis. \n \n \n z \n The z property determines the drawing stack level of the label annotation element. All visible elements will be drawn in ascending order of z option, with the same drawTime option. \n Styling \n \n \n \n Name \n Description \n \n \n \n \n backgroundColor \n Fill color. \n \n \n backgroundShadowColor \n The color of shadow. See MDN . \n \n \n borderCapStyle \n Cap style of the border line. See MDN . \n \n \n borderColor \n Stroke color. \n \n \n borderDash \n Length and spacing of dashes. See MDN . \n \n \n borderDashOffset \n Offset for border line dashes. See MDN . \n \n \n borderJoinStyle \n Border line join style. See MDN . \n \n \n borderShadowColor \n The color of the border shadow. See MDN . \n \n \n borderWidth \n Stroke width (in pixels). \n \n \n color \n Text color. When the label to draw has multiple lines, you can use different color for each line of the label. This is enabled configuring an array of colors. When the lines are more than the configured colors, the last configuration of this option is used for all remaining lines. \n \n \n font \n Text font. When the label to draw has multiple lines, you can use different font for each line of the label. This is enabled configuring an array of fonts. When the lines are more than the configured fonts, the last configuration of this option is used for all remaining lines. \n \n \n opacity \n Overrides the opacity of the image or canvas element. Could be set a number in the range 0.0 to 1.0, inclusive. If undefined, uses the opacity of the image or canvas element. It is used only when the content is an image or canvas element. \n \n \n shadowBlur \n The amount of blur applied to shadow of the box where the label is located. See MDN . \n \n \n shadowOffsetX \n The distance that shadow, of the box where the label is located, will be offset horizontally. See MDN . \n \n \n shadowOffsetY \n The distance that shadow, of the box where the label is located, will be offset vertically. See MDN . \n \n \n textStrokeColor \n The color of the stroke around the text. \n \n \n textStrokeWidth \n Stroke width around the text. \n Position \n A position can be set in 2 different values types: \n \n 'start' , 'center' , 'end' which are defining where the label will be located \n a string , in percentage format 'number%' , is representing the percentage on the size where the label will be located \n \n If this value is a string (possible options are 'start' , 'center' , 'end' or a string in percentage format), it is applied to vertical and horizontal position in the box. \n If this value is an object, the x property defines the horizontal alignment in the label, with respect to the selected point. Similarly, the y property defines the vertical alignment in the label, with respect to the selected point. Possible options for both properties are 'start' , 'center' , 'end' , a string in percentage format. Omitted property have value of the default, 'center' . \n borderRadius \n If this value is a number, it is applied to all corners of the rectangle (topLeft, topRight, bottomLeft, bottomRight). If this value is an object, the topLeft property defines the top-left corners border radius. Similarly, the topRight , bottomLeft , and bottomRight properties can also be specified. Omitted corners have radius of 0. \n Callout \n A callout connects the label by a line to the selected point. \n Namespace: options.annotations[annotationID].callout , it defines options for the callout on the annotation label. \n */\nconst options = {\n plugins: {\n annotation: {\n annotations: {\n label1: {\n type: 'label',\n xValue: 2.5,\n yValue: 60,\n xAdjust: 290,\n yAdjust: -100,\n backgroundColor: 'rgba(245,245,245)',\n content: ['In this point of time,', 'something happened'],\n textAlign: 'start',\n font: {\n size: 18\n },\n callout: {\n display: true,\n side: 10\n }\n }\n }\n }\n }\n};\n/* */\n\n/* */\nconst config = {\n type: 'line',\n data: {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\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 options\n};\n/* */\n\nmodule.exports = {\n config\n};\n`\"/> All of these options can be Scriptable . \n \n \n \n Name \n Type \n Default \n Notes \n \n \n \n \n borderCapStyle \n string \n 'butt' \n Cap style of the border line of callout. See MDN . \n \n \n borderColor \n Color \n undefined \n Stroke color of the pointer of the callout. \n \n \n borderDash \n number[] \n [] \n Length and spacing of dashes of callout. See MDN . \n \n \n borderDashOffset \n number \n 0 \n Offset for line dashes of callout. See MDN . \n \n \n borderJoinStyle \n string \n 'miter' \n Border line join style of the callout. See MDN . \n \n \n borderWidth \n number \n 1 \n Stroke width of the pointer of the callout. \n \n \n display \n boolean \n false \n If true, the callout is drawn. \n \n \n margin \n number \n 5 \n Amount of pixels between the label and the callout separator. \n \n \n position \n string \n 'auto' \n The position of callout, with respect to the label. Could be left , top , right , bottom or auto . \n \n \n side \n number \n 5 \n Width of the starter line of callout pointer. \n \n \n start \n number | string \n '50%' \n The percentage of the separator dimension to use as starting point for callout pointer. Could be set in pixel by a number, or in percentage of the separator dimension by a string. \n Element \n The following diagram is showing the element properties about a 'label' annotation: \n \n"},{title:"Line Annotations",frontmatter:{},regularPath:"/guide/types/line.html",relativePath:"guide/types/line.md",key:"v-37e66462",path:"/guide/types/line.html",headers:[{level:2,title:"Configuration",slug:"configuration"},{level:3,title:"Line annotation specific options",slug:"line-annotation-specific-options"},{level:3,title:"Common options to all annotations",slug:"common-options-to-all-annotations"},{level:3,title:"General",slug:"general"},{level:3,title:"Styling",slug:"styling"},{level:2,title:"Label",slug:"label"},{level:3,title:"borderRadius",slug:"borderradius"},{level:3,title:"Fonts and colors",slug:"fonts-and-colors"},{level:3,title:"Callout",slug:"callout"},{level:2,title:"Arrow heads",slug:"arrow-heads"},{level:3,title:"Arrow head configuration",slug:"arrow-head-configuration"},{level:2,title:"Element",slug:"element"}],lastUpdated:"9/20/2024, 12:31:31 PM",lastUpdatedTimestamp:1726835491e3,content:" Line Annotations \n Line annotations are used to draw lines on the chart area. This can be useful for highlighting information such as a threshold. \n */\nconst options = {\n plugins: {\n annotation: {\n annotations: {\n line1: {\n type: 'line',\n yMin: 60,\n yMax: 60,\n borderColor: 'rgb(255, 99, 132)',\n borderWidth: 2,\n }\n }\n }\n }\n};\n/* */\n\n/* */\nconst config = {\n type: 'line',\n data: {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\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 options\n};\n/* */\n\nmodule.exports = {\n config\n};\n`\"/> # Configuration \n Line annotation specific options \n The following options are available for line annotations. \n \n \n \n Name \n Type \n Scriptable \n Default \n \n \n \n \n arrowHeads \n {start: object, end:object} \n Yes \n \n \n \n borderWidth \n number \n Yes \n 2 \n \n \n controlPoint \n number | string | {x: number | string, y: number | string} \n Yes \n {y:'-50%'} \n \n \n curve \n boolean \n Yes \n false \n \n \n endValue \n number \n Yes \n undefined \n \n \n label \n object \n Yes \n \n \n \n scaleID \n string \n Yes \n undefined \n \n \n value \n number \n Yes \n undefined \n Common options to all annotations \n The following options are available for all annotations. \n \n \n \n Name \n Type \n Scriptable \n Default \n \n \n \n \n adjustScaleRange \n boolean \n Yes \n true \n \n \n backgroundColor \n Color \n Yes \n options.color \n \n \n borderColor \n Color \n Yes \n options.color \n \n \n borderDash \n number[] \n Yes \n [] \n \n \n borderDashOffset \n number \n Yes \n 0 \n \n \n borderShadowColor \n Color \n Yes \n 'transparent' \n \n \n display \n boolean \n Yes \n true \n \n \n drawTime \n string | number \n Yes \n 'afterDatasetsDraw' \n \n \n hitTolerance \n number \n Yes \n 0 \n \n \n init \n boolean \n See initial animation \n undefined \n \n \n id \n string \n No \n undefined \n \n \n shadowBlur \n number \n Yes \n 0 \n \n \n shadowOffsetX \n number \n Yes \n 0 \n \n \n shadowOffsetY \n number \n Yes \n 0 \n \n \n xMax \n number | string \n Yes \n undefined \n \n \n xMin \n number | string \n Yes \n undefined \n \n \n xScaleID \n string \n Yes \n undefined \n \n \n yMin \n number | string \n Yes \n undefined \n \n \n yMax \n number | string \n Yes \n undefined \n \n \n yScaleID \n string \n Yes \n undefined \n \n \n z \n number \n Yes \n 0 \n General \n If one of the axes does not match an axis in the chart then the line behaviors are the following, depending on how the line should be drawn: \n \n if scaleID is not resolved, the line will take the entire chart dimension, from the top-left vertex to the bottom-right vertex of the chart \n if xScaleID is not resolved, the line will take the entire chart width \n if yScaleID is not resolved, the line will take the entire chart height \n \n The 2 coordinates, start, end, are optional. If not specified, the line is expanded out to the edges in the respective direction.\nThe 4 coordinates, xMin, xMax, yMin, yMax are optional. If not specified, the line is expanded out to the edges in the respective direction. \n The id identifies a unique id for the annotation and it will be stored in the element context. When the annotations are defined by an object, the id is automatically set using the key used to store the annotations in the object. When the annotations are configured by an array, the id, passed by this option in the annotation, will be used. \n Positioning \n The line can be positioned in two different ways. If scaleID is set, then value and endValue must also be set to indicate the endpoints of the line. The line will be perpendicular to the axis identified by scaleID . \n If scaleID is unset, then xScaleID and yScaleID are used to draw a line from (xMin, yMin) to (xMax, yMax) . \n \n \n \n Name \n Description \n \n \n \n \n adjustScaleRange \n Should the scale range be adjusted if this annotation is out of range. \n \n \n controlPoint \n if curve is enabled, it configures the control point to drawn the curve, calculated in pixels. It can be set by a string in percentage format 'number%' which are representing the percentage of the distance between the start and end point from the center. \n \n \n curve \n Whether or not a quadratic Bézier curve is drawn. \n \n \n display \n Whether or not this annotation is visible. \n \n \n drawTime \n See drawTime . \n \n \n endValue \n End two of the line when a single scale is specified. \n \n \n hitTolerance \n Amount of pixels to interact with annotations within some distance of the mouse point. \n \n \n id \n Identifies a unique id for the annotation and it will be stored in the element context. When the annotations are defined by an object, the id is automatically set using the key used to store the annotations in the object. When the annotations are configured by an array, the id, passed by this option in the annotation, will be used. \n \n \n scaleID \n ID of the scale in single scale mode. If unset, xScaleID and yScaleID are used. \n \n \n value \n End one of the line when a single scale is specified. \n \n \n xMax \n X coordinate of end two of the line in units along the x axis. \n \n \n xMin \n X coordinate of end one of the line in units along the x axis. \n \n \n xScaleID \n ID of the X scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as 'x' axis. If more than one scale has been defined in the chart as 'x' axis, the option is mandatory to select the right scale. \n \n \n yMax \n Y coordinate of end two of the line in units along the y axis. \n \n \n yMin \n Y coordinate of end one of the line in units along the y axis. \n \n \n yScaleID \n ID of the Y scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as 'y' axis. If more than one scale has been defined in the chart as 'y' axis, the option is mandatory to select the right scale. \n \n \n z \n The z property determines the drawing stack level of the line annotation element. All visible elements will be drawn in ascending order of z option, with the same drawTime option. \n Styling \n \n \n \n Name \n Description \n \n \n \n \n borderColor \n Stroke color. \n \n \n borderDash \n Length and spacing of dashes. See MDN . \n \n \n borderDashOffset \n Offset for line dashes. See MDN . \n \n \n borderShadowColor \n The color of shadow. See MDN . \n \n \n borderWidth \n Stroke width. \n \n \n shadowBlur \n The amount of blur applied to shadow. See MDN . \n \n \n shadowOffsetX \n The distance that shadow will be offset horizontally. See MDN . \n \n \n shadowOffsetY \n The distance that shadow will be offset vertically. See MDN . \n Label \n Namespace: options.annotations[annotationID].label , it defines options for the line annotation label. \n All of these options can be Scriptable \n \n \n \n Name \n Type \n Default \n Notes \n \n \n \n \n backgroundColor \n Color \n 'rgba(0,0,0,0.8)' \n Background color of the label container. \n \n \n backgroundShadowColor \n Color \n 'transparent' \n The color of shadow of the box where the label is located. See MDN . \n \n \n borderCapStyle \n string \n 'butt' \n Cap style of the border line. See MDN . \n \n \n borderColor \n Color \n black \n The border line color. \n \n \n borderDash \n number[] \n [] \n Length and spacing of dashes. See MDN . \n \n \n borderDashOffset \n number \n 0 \n Offset for border line dashes. See MDN . \n \n \n borderJoinStyle \n string \n 'miter' \n Border line join style. See MDN . \n \n \n borderRadius \n number | object \n 6 \n Radius of label box corners in pixels. \n \n \n borderShadowColor \n Color \n 'transparent' \n The color of border shadow of the box where the label is located. See MDN . \n \n \n borderWidth \n number \n 0 \n The border line width (in pixels). \n \n \n callout \n object \n \n Can connect the label to the line. See callout . \n \n \n color \n Color | Color[] \n '#fff' \n Text color. \n \n \n content \n string | string[] | Image | HTMLCanvasElement \n null \n The content to show in the label. \n \n \n display \n boolean \n false \n Whether or not the label is shown. \n \n \n drawTime \n string | number \n options.drawTime \n See drawTime . Defaults to the line annotation draw time if unset. \n \n \n font \n Font | Font[] \n { weight: 'bold' } \n Label font. \n \n \n height \n number | string \n undefined \n Overrides the height of the image or canvas element. Could be set in pixel by a number, or in percentage of current height of image or canvas element by a string. If undefined, uses the height of the image or canvas element. It is used only when the content is an image or canvas element. \n \n \n hitTolerance \n number \n undefined \n Amount of pixels to interact with annotations within some distance of the mouse point. \n \n \n opacity \n number \n undefined \n Overrides the opacity of the image or canvas element. Could be set a number in the range 0.0 to 1.0, inclusive. If undefined, uses the opacity of the image or canvas element. It is used only when the content is an image or canvas element. \n \n \n padding \n Padding \n 6 \n The padding to add around the text label. \n \n \n position \n string \n 'center' \n Anchor position of label on line. Possible options are: 'start' , 'center' , 'end' . It can be set by a string in percentage format 'number%' which are representing the percentage on the width of the line where the label will be located. \n \n \n rotation \n number | 'auto' \n 0 \n Rotation of label, in degrees, or 'auto' to use the degrees of the line. \n \n \n shadowBlur \n number \n 0 \n The amount of blur applied to shadow of the box where the label is located. See MDN . \n \n \n shadowOffsetX \n number \n 0 \n The distance that shadow, of the box where the label is located, will be offset horizontally. See MDN . \n \n \n shadowOffsetY \n number \n 0 \n The distance that shadow, of the box where the label is located, will be offset vertically. See MDN . \n \n \n textAlign \n string \n 'center' \n Text alignment of label content when there's more than one line. Possible options are: 'start' , 'center' , 'end' . \n \n \n textStrokeColor \n Color \n undefined \n The color of the stroke around the text. \n \n \n textStrokeWidth \n number \n 0 \n Stroke width around the text. \n \n \n width \n number | string \n undefined \n Overrides the width of the image or canvas element. Could be set in pixel by a number, or in percentage of current width of image or canvas element by a string. If undefined, uses the width of the image or canvas element. It is used only when the content is an image or canvas element. \n \n \n xAdjust \n number \n 0 \n Adjustment along x-axis (left-right) of label relative to computed position. Negative values move the label left, positive right. \n \n \n yAdjust \n number \n 0 \n Adjustment along y-axis (top-bottom) of label relative to computed position. Negative values move the label up, positive down. \n \n \n z \n number \n 0 \n It determines the drawing stack level of the label element, with same drawTime . \n borderRadius \n If this value is a number, it is applied to all corners of the rectangle (topLeft, topRight, bottomLeft, bottomRight). If this value is an object, the topLeft property defines the top-left corners border radius. Similarly, the topRight , bottomLeft , and bottomRight properties can also be specified. Omitted corners have radius of 0. \n Fonts and colors \n When the label to draw has multiple lines, you can use different font and color for each line of the label. This is enabled configuring an array of fonts or colors for those options. When the lines are more than the configured fonts of colors, the last configuration of those options is used for all remaining lines. \n Callout \n A callout can connect the label to the line when the label is arbitrarily (by xAdjust and yAdjust options) moved from its original position. \n Namespace: options.annotations[annotationID].label.callout , it defines options for the callout on the label of the line annotation. \n All of these options can be Scriptable . \n \n \n \n Name \n Type \n Default \n Notes \n \n \n \n \n borderCapStyle \n string \n 'butt' \n Cap style of the border line of callout. See MDN . \n \n \n borderColor \n Color \n undefined \n Stroke color of the pointer of the callout. \n \n \n borderDash \n number[] \n [] \n Length and spacing of dashes of callout. See MDN . \n \n \n borderDashOffset \n number \n 0 \n Offset for line dashes of callout. See MDN . \n \n \n borderJoinStyle \n string \n 'miter' \n Border line join style of the callout. See MDN . \n \n \n borderWidth \n number \n 1 \n Stroke width of the pointer of the callout. \n \n \n display \n boolean \n false \n If true, the callout is drawn. \n \n \n margin \n number \n 5 \n Amount of pixels between the label and the callout separator. \n \n \n position \n string \n 'auto' \n The position of callout, with respect to the label. Could be left , top , right , bottom or auto . \n \n \n side \n number \n 5 \n Width of the starter line of callout pointer. \n \n \n start \n number | string \n '50%' \n The percentage of the separator dimension to use as starting point for callout pointer. Could be set in pixel by a number, or in percentage of the separator dimension by a string. \n Arrow heads \n Namespace: options.annotations[annotationID].arrowHeads , it defines options for the line annotation arrow heads. \n All of these options can be Scriptable \n \n \n \n Name \n Type \n Notes \n \n \n \n \n end \n object \n To configure the arrow head at the end of the line. \n \n \n start \n object \n To configure the arrow head at the start of the line. \n Arrow head configuration \n Enabling it, you can add arrow heads at start and/or end of a line. It uses the borderWidth of the line options to configure the line width of the arrow head. \n The following options can be specified per ( start and/or end ) arrow head, or at the top level ( arrowHeads ) which apply to all arrow heads. \n All of these options can be Scriptable \n \n \n \n Name \n Type \n Default \n Notes \n \n \n \n \n backgroundColor \n Color \n lineAnnotation.borderColor \n Background color of the arrow head. \n \n \n backgroundShadowColor \n Color \n 'transparent' \n The color of shadow of the arrow head. See MDN . \n \n \n borderColor \n Color \n lineAnnotation.borderColor \n The border arrow head color. \n \n \n borderDash \n number[] \n lineAnnotation.borderDash \n Length and spacing of dashes. See MDN . \n \n \n borderDashOffset \n number \n lineAnnotation.borderDashOffset \n Offset for border arrow head dashes. See MDN . \n \n \n borderShadowColor \n Color \n lineAnnotation.borderShadowColor \n The color of border shadow of the arrow head. See MDN . \n \n \n borderWidth \n number \n lineAnnotation.borderWidth \n The border line width (in pixels). \n \n \n display \n boolean \n false \n Whether or not the arrow head is shown. \n \n \n fill \n boolean \n false \n Whether or not the arrow head is filled. \n \n \n length \n number \n 12 \n The length of the arrow head in pixels. \n \n \n shadowBlur \n number \n lineAnnotation.shadowBlur \n The amount of blur applied to shadow of the arrow head. See MDN . \n \n \n shadowOffsetX \n number \n lineAnnotation.shadowOffsetX \n The distance that shadow, of the arrow head, will be offset horizontally. See MDN . \n \n \n shadowOffsetY \n number \n lineAnnotation.shadowOffsetY \n The distance that shadow, of the arrow head, will be offset vertically. See MDN . \n \n \n width \n number \n 6 \n The width of the arrow head in pixels. \n Element \n The following diagram is showing the element properties about a 'line' annotation: \n \n The label of a box annotation is described as a label annotation and accessible by element.label . \n"},{title:"Point Annotations",frontmatter:{},regularPath:"/guide/types/point.html",relativePath:"guide/types/point.md",key:"v-90c1ce06",path:"/guide/types/point.html",headers:[{level:2,title:"Configuration",slug:"configuration"},{level:3,title:"Point annotation specific options",slug:"point-annotation-specific-options"},{level:3,title:"Common options to all annotations",slug:"common-options-to-all-annotations"},{level:3,title:"General",slug:"general"},{level:3,title:"Styling",slug:"styling"},{level:2,title:"Element",slug:"element"}],lastUpdated:"9/20/2024, 12:31:31 PM",lastUpdatedTimestamp:1726835491e3,content:" Point Annotations \n Point annotations are used to mark points on the chart area. This can be useful for highlighting values that are of interest. \n */\nconst options = {\n plugins: {\n annotation: {\n annotations: {\n point1: {\n type: 'point',\n xValue: 1,\n yValue: 60,\n backgroundColor: 'rgba(255, 99, 132, 0.25)'\n }\n }\n }\n }\n};\n/* */\n\n/* */\nconst config = {\n type: 'line',\n data: {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\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 options\n};\n/* */\n\nmodule.exports = {\n config\n};\n`\"/> # Configuration \n Point annotation specific options \n The following options are available for point annotations. \n \n \n \n Name \n Type \n Scriptable \n Default \n \n \n \n \n backgroundShadowColor \n Color \n Yes \n 'transparent' \n \n \n borderWidth \n number \n Yes \n 1 \n \n \n pointStyle \n PointStyle \n Yes \n 'circle' \n \n \n radius \n number \n Yes \n 10 \n \n \n rotation \n number \n Yes \n 0 \n \n \n xAdjust \n number \n Yes \n 0 \n \n \n xValue \n number | string \n Yes \n undefined \n \n \n yAdjust \n number \n Yes \n 0 \n \n \n yValue \n number | string \n Yes \n undefined \n Common options to all annotations \n The following options are available for all annotations. \n \n \n \n Name \n Type \n Scriptable \n Default \n \n \n \n \n adjustScaleRange \n boolean \n Yes \n true \n \n \n backgroundColor \n Color \n Yes \n options.color \n \n \n borderColor \n Color \n Yes \n options.color \n \n \n borderDash \n number[] \n Yes \n [] \n \n \n borderDashOffset \n number \n Yes \n 0 \n \n \n borderShadowColor \n Color \n Yes \n 'transparent' \n \n \n display \n boolean \n Yes \n true \n \n \n drawTime \n string | number \n Yes \n 'afterDatasetsDraw' \n \n \n hitTolerance \n number \n Yes \n 0 \n \n \n init \n boolean \n See initial animation \n undefined \n \n \n id \n string \n No \n undefined \n \n \n shadowBlur \n number \n Yes \n 0 \n \n \n shadowOffsetX \n number \n Yes \n 0 \n \n \n shadowOffsetY \n number \n Yes \n 0 \n \n \n xMax \n number | string \n Yes \n undefined \n \n \n xMin \n number | string \n Yes \n undefined \n \n \n xScaleID \n string \n Yes \n undefined \n \n \n yMin \n number | string \n Yes \n undefined \n \n \n yMax \n number | string \n Yes \n undefined \n \n \n yScaleID \n string \n Yes \n undefined \n \n \n z \n number \n Yes \n 0 \n General \n If one of the axes does not match an axis in the chart, the point annotation will take the center of the chart as point. The 2 coordinates, xValue, yValue are optional. If not specified, the point annotation will take the center of the scale dimension as point. \n The 4 coordinates, xMin, xMax, yMin, yMax are optional. If not specified, the box is expanded out to the edges in the respective direction and the box size is used to calculated the center of the point. To enable to use the box positioning, the radius must be set to 0 or NaN . \n \n \n \n Name \n Description \n \n \n \n \n adjustScaleRange \n Should the scale range be adjusted if this annotation is out of range. \n \n \n display \n Whether or not this annotation is visible. \n \n \n drawTime \n See drawTime . \n \n \n hitTolerance \n Amount of pixels to interact with annotations within some distance of the mouse point. \n \n \n id \n Identifies a unique id for the annotation and it will be stored in the element context. When the annotations are defined by an object, the id is automatically set using the key used to store the annotations in the object. When the annotations are configured by an array, the id, passed by this option in the annotation, will be used. \n \n \n radius \n Size of the point in pixels. \n \n \n rotation \n Rotation of point, in degrees. \n \n \n xAdjust \n Adjustment along x-axis (left-right) of point relative to computed position. Negative values move the point left, positive right. \n \n \n xMax \n Right edge of the box in units along the x axis. \n \n \n xMin \n Left edge of the box in units along the x axis. \n \n \n xScaleID \n ID of the X scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as 'x' axis. If more than one scale has been defined in the chart as 'x' axis, the option is mandatory to select the right scale. \n \n \n xValue \n X coordinate of the point in units along the x axis. \n \n \n yAdjust \n Adjustment along y-axis (top-bottom) of point relative to computed position. Negative values move the point up, positive down. \n \n \n yMax \n Bottom edge of the box in units along the y axis. \n \n \n yMin \n Top edge of the box in units along the y axis. \n \n \n yScaleID \n ID of the Y scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as 'y' axis. If more than one scale has been defined in the chart as 'y' axis, the option is mandatory to select the right scale. \n \n \n yValue \n Y coordinate of the point in units along the y axis. \n \n \n z \n The z property determines the drawing stack level of the point annotation element. All visible elements will be drawn in ascending order of z option, with the same drawTime option. \n Styling \n \n \n \n Name \n Description \n \n \n \n \n backgroundColor \n Fill color. \n \n \n backgroundShadowColor \n The color of shadow. See MDN . \n \n \n borderColor \n Stroke color. \n \n \n borderDash \n Length and spacing of dashes. See MDN . \n \n \n borderDashOffset \n Offset for line dashes. See MDN . \n \n \n borderShadowColor \n The color of border shadow. See MDN . \n \n \n borderWidth \n Stroke width. \n \n \n pointStyle \n Style of the point. \n \n \n shadowBlur \n The amount of blur applied to shadow. See MDN . \n \n \n shadowOffsetX \n The distance that shadow will be offset horizontally. See MDN . \n \n \n shadowOffsetY \n The distance that shadow will be offset vertically. See MDN . \n Element \n The following diagram is showing the element properties about a 'point' annotation: \n \n"},{title:"Usage",frontmatter:{},regularPath:"/guide/usage.html",relativePath:"guide/usage.md",key:"v-942110c6",path:"/guide/usage.html",lastUpdated:"9/20/2024, 12:31:31 PM",lastUpdatedTimestamp:1726835491e3,content:" Usage \n Using the annotation plugin is very simple. Once the plugin is registered annotation options provided to the chart will be used. In this simple example, we define a single box annotation for our chart. \n */\nconst config = {\n type: 'line',\n data: {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\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 options: {\n plugins: {\n annotation: {\n annotations: {\n box1: {\n // Indicates the type of annotation\n type: 'box',\n xMin: 1,\n xMax: 2,\n yMin: 50,\n yMax: 70,\n backgroundColor: 'rgba(255, 99, 132, 0.25)'\n }\n }\n }\n }\n }\n};\n/* */\n\nmodule.exports = {\n config\n};\n`\"/>"},{title:"Home",frontmatter:{home:!0,heroImage:"/hero.svg",actionText:"Get Started →",actionLink:"/guide/",footer:"MIT Licensed | Copyright © 2016-2023 chartjs-plugin-annotation contributors"},regularPath:"/",relativePath:"index.md",key:"v-ebb19754",path:"/",lastUpdated:"9/20/2024, 12:31:31 PM",lastUpdatedTimestamp:1726835491e3,content:""},{title:"Basic",frontmatter:{},regularPath:"/samples/box/basic.html",relativePath:"samples/box/basic.md",key:"v-54f14cdd",path:"/samples/box/basic.html",lastUpdated:"9/20/2024, 12:31:31 PM",lastUpdatedTimestamp:1726835491e3,content:" Basic \n \nconst DATA_COUNT = 8;\nconst MIN = [0, 50];\nconst MAX = [50, 100];\n\nUtils.srand(8);\n\nconst data = {\n datasets: [{\n data: Utils.points({count: DATA_COUNT, min: MIN[0], max: MAX[0]})\n }, {\n data: Utils.points({count: DATA_COUNT, min: MIN[1], max: MAX[1]})\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'box',\n backgroundColor: 'rgba(0, 150, 0, 0.02)',\n borderColor: 'rgba(0, 150, 0, 0.2)',\n borderRadius: 4,\n borderWidth: 1,\n xMax: (ctx) => max(ctx, 0, 'x') + 2,\n xMin: (ctx) => min(ctx, 0, 'x') - 2,\n yMax: (ctx) => max(ctx, 0, 'y') + 2,\n yMin: (ctx) => min(ctx, 0, 'y') - 2\n};\n// \n\n// \nconst annotation2 = {\n type: 'box',\n backgroundColor: 'rgba(150, 0, 0, 0.02)',\n borderColor: 'rgba(150, 0, 0, 0.2)',\n borderRadius: 4,\n borderWidth: 1,\n xMax: (ctx) => max(ctx, 1, 'x') + 2,\n xMin: (ctx) => min(ctx, 1, 'x') - 2,\n yMax: (ctx) => max(ctx, 1, 'y') + 2,\n yMin: (ctx) => min(ctx, 1, 'y') - 2\n};\n// \n\n/* */\nconst config = {\n type: 'scatter',\n data,\n options: {\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction min(ctx, datasetIndex, prop) {\n const dataset = ctx.chart.data.datasets[datasetIndex];\n return dataset.data.reduce((v, point) => Math.min(point[prop], v), Infinity);\n}\n\nfunction max(ctx, datasetIndex, prop) {\n const dataset = ctx.chart.data.datasets[datasetIndex];\n return dataset.data.reduce((v, point) => Math.max(point[prop], v), -Infinity);\n}\n\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.forEach(p => {\n p.x = Utils.rand(MIN[i], MAX[i]);\n p.y = Utils.rand(MIN[i], MAX[i]);\n });\n });\n chart.update();\n }\n },\n {\n name: 'Add data',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.push({x: Utils.rand(MIN[i], MAX[i]), y: Utils.rand(MIN[i], MAX[i])});\n });\n chart.update();\n }\n },\n {\n name: 'Remove data',\n handler: function(chart) {\n chart.data.labels.shift();\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.shift();\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Using canvas as labels",frontmatter:{},regularPath:"/samples/box/canvas.html",relativePath:"samples/box/canvas.md",key:"v-43e4cf76",path:"/samples/box/canvas.html",lastUpdated:"9/20/2024, 12:31:31 PM",lastUpdatedTimestamp:1726835491e3,content:" Using canvas as labels \n \nconst DATA_COUNT = 12;\nconst MIN = 10;\nconst MAX = 100;\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'box',\n backgroundColor: 'rgba(165, 214, 167, 0.2)',\n borderWidth: 0,\n xMax: 2,\n xMin: 5,\n label: {\n display: true,\n content: Utils.getSpiral(),\n position: {\n x: 'center',\n y: 'start'\n }\n }\n};\n// \n\n// \nconst annotation2 = {\n type: 'box',\n backgroundColor: 'rgba(188, 170, 164, 0.2)',\n borderWidth: 0,\n xMax: 6,\n xMin: 10,\n label: {\n display: true,\n content: Utils.getHouse(),\n position: {\n x: 'center',\n y: 'end'\n }\n }\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n y: {\n beginAtZero: true,\n }\n },\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config\n};\n`\"/>"},{title:"Magic quadrant",frontmatter:{},regularPath:"/samples/box/gradient.html",relativePath:"samples/box/gradient.md",key:"v-fac884d6",path:"/samples/box/gradient.html",lastUpdated:"9/20/2024, 12:31:31 PM",lastUpdatedTimestamp:1726835491e3,content:" Magic quadrant \n \nconst META = [[\n {color: 'rgb(255, 174, 201)', backgroundColor: 'rgba(255, 174, 201, 0.5)', label: 'Niche players'},\n {color: 'rgb(159, 168, 218)', backgroundColor: 'rgba(159, 168, 218, 0.5)', label: 'Visionaries'},\n], [\n {color: 'rgb(255, 245, 157)', backgroundColor: 'rgba(255, 245, 157, 0.5)', label: 'Challengers'},\n {color: 'rgb(165, 214, 167)', backgroundColor: 'rgba(165, 214, 167, 0.5)', label: 'Leaders'},\n]];\nconst DATA_COUNT = 12;\nconst MIN = 0.5;\nconst MAX = 9.5;\n\nconst data = {\n datasets: [{\n data: randomize(),\n pointRadius: 8\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'box',\n backgroundColor: (ctx) => gradient(ctx, META[1][0].backgroundColor),\n xMax: 5,\n yMin: 5,\n label: {\n content: META[1][0].label,\n position: {\n x: 'start',\n y: 'start'\n }\n }\n};\n// \n\n// \nconst annotation2 = {\n type: 'box',\n backgroundColor: (ctx) => gradient(ctx, META[1][1].backgroundColor, true),\n xMin: 5,\n yMin: 5,\n label: {\n content: META[1][1].label,\n position: {\n x: 'end',\n y: 'start'\n }\n }\n};\n// \n\n// \nconst annotation3 = {\n type: 'box',\n backgroundColor: (ctx) => gradient(ctx, META[0][0].backgroundColor),\n xMax: 5,\n yMax: 5,\n label: {\n content: META[0][0].label,\n position: {\n x: 'start',\n y: 'end'\n }\n }\n};\n// \n\n// \nconst annotation4 = {\n type: 'box',\n backgroundColor: (ctx) => gradient(ctx, META[0][1].backgroundColor, true),\n xMin: 5,\n yMax: 5,\n label: {\n content: META[0][1].label,\n position: {\n x: 'end',\n y: 'end'\n }\n }\n};\n// \n\n// \nfunction randomize() {\n const xValues = Utils.numbers({count: DATA_COUNT, min: MIN, max: MAX});\n const yValues = Utils.numbers({count: DATA_COUNT, min: MIN, max: MAX});\n const values = [];\n for (let i = 0; i \n\n/* */\nconst config = {\n type: 'scatter',\n data,\n options: {\n layout: {\n padding: {\n top: 12\n }\n },\n elements: {\n boxAnnotation: {\n borderWidth: 0,\n label: {\n drawTime: 'beforeDatasetsDraw',\n display: true,\n font: {\n size: 20\n }\n }\n }\n },\n scales: {\n x: {\n beginAtZero: true,\n max: 10,\n min: 0,\n grid: {\n drawTicks: false,\n color: gridColor\n },\n ticks: {\n display: false\n },\n title: {\n display: true,\n text: 'Completeness of vision',\n padding: 10,\n font: {\n size: 20,\n weight: 'bold'\n }\n }\n },\n y: {\n display: true,\n beginAtZero: true,\n max: 10,\n min: 0,\n grid: {\n drawTicks: false,\n color: gridColor\n },\n ticks: {\n display: false\n },\n title: {\n display: true,\n text: 'Ability to execute',\n padding: 10,\n font: {\n size: 20,\n weight: 'bold'\n }\n }\n }\n },\n plugins: {\n annotation: {\n common: {\n drawTime: 'beforeDraw'\n },\n annotations: {\n annotation1,\n annotation2,\n annotation3,\n annotation4\n }\n },\n tooltip: {\n mode: 'nearest',\n intersect: true,\n usePointStyle: true,\n footerAlign: 'right',\n footerColor: 'lightGray',\n footerMarginTop: 10,\n callbacks: {\n title: (items) => items[0].raw.co,\n labelColor({raw}) {\n const x = raw.x > 5 ? 1 : 0;\n const y = raw.y > 5 ? 1 : 0;\n return {\n borderColor: META[y][x].color,\n backgroundColor: META[y][x].backgroundColor,\n borderWidth: 3\n };\n },\n label({raw}) {\n const x = raw.x > 5 ? 1 : 0;\n const y = raw.y > 5 ? 1 : 0;\n return META[y][x].label;\n },\n footer(items) {\n const {raw} = items[0];\n return ['Completeness of vision: ' + raw.x.toFixed(2), 'Ability to execute: ' + raw.y.toFixed(2)];\n }\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n const values = randomize();\n dataset.data.forEach((p, idx) => {\n const v = values[idx];\n p.x = v.x;\n p.y = v.y;\n p.co = v.co;\n });\n });\n chart.update();\n }\n },\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Disclosure",frontmatter:{},regularPath:"/samples/box/disclosure.html",relativePath:"samples/box/disclosure.md",key:"v-366650ca",path:"/samples/box/disclosure.html",lastUpdated:"9/20/2024, 12:31:31 PM",lastUpdatedTimestamp:1726835491e3,content:" Disclosure \n \nconst DATA_COUNT = 12;\nconst MIN = 10;\nconst MAX = 100;\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation = {\n type: 'box',\n backgroundColor: 'transparent',\n borderWidth: 0,\n label: {\n drawTime: 'afterDatasetsDraw',\n display: true,\n color: 'rgba(208, 208, 208, 0.2)',\n content: 'Draft',\n font: {\n size: (ctx) => ctx.chart.chartArea.height / 1.5\n },\n position: 'center'\n }\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n plugins: {\n annotation: {\n annotations: {\n annotation\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Polygon Annotations",frontmatter:{},regularPath:"/guide/types/polygon.html",relativePath:"guide/types/polygon.md",key:"v-33db82fd",path:"/guide/types/polygon.html",headers:[{level:2,title:"Configuration",slug:"configuration"},{level:3,title:"Polygon annotation specific options",slug:"polygon-annotation-specific-options"},{level:3,title:"Common options to all annotations",slug:"common-options-to-all-annotations"},{level:3,title:"General",slug:"general"},{level:3,title:"Styling",slug:"styling"},{level:3,title:"Point",slug:"point"},{level:2,title:"Element",slug:"element"}],lastUpdated:"9/20/2024, 12:31:31 PM",lastUpdatedTimestamp:1726835491e3,content:" Polygon Annotations \n Polygon annotations are used to mark whatever polygon (for instance triangle, square or pentagon) on the chart area. This can be useful for highlighting values that are of interest. \n */\nconst options = {\n plugins: {\n annotation: {\n annotations: {\n pentagon: {\n type: 'polygon',\n xValue: 1,\n yValue: 60,\n sides: 5,\n radius: 60,\n backgroundColor: 'rgba(255, 99, 132, 0.25)'\n }\n }\n }\n }\n};\n/* */\n\n/* */\nconst config = {\n type: 'line',\n data: {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\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 options\n};\n/* */\n\nmodule.exports = {\n config\n};\n`\"/> # Configuration \n Polygon annotation specific options \n The following options are available for polygon annotations. \n \n \n \n Name \n Type \n Scriptable \n Default \n \n \n \n \n backgroundShadowColor \n Color \n Yes \n 'transparent' \n \n \n borderCapStyle \n string \n Yes \n 'butt' \n \n \n borderJoinStyle \n string \n Yes \n 'miter' \n \n \n borderWidth \n number \n Yes \n 1 \n \n \n point \n object \n Yes \n {radius: 0} \n \n \n radius \n number \n Yes \n 10 \n \n \n rotation \n number \n Yes \n 0 \n \n \n sides \n number \n Yes \n 3 \n \n \n xAdjust \n number \n Yes \n 0 \n \n \n xValue \n number | string \n Yes \n undefined \n \n \n yAdjust \n number \n Yes \n 0 \n \n \n yValue \n number | string \n Yes \n undefined \n Common options to all annotations \n The following options are available for all annotations. \n \n \n \n Name \n Type \n Scriptable \n Default \n \n \n \n \n adjustScaleRange \n boolean \n Yes \n true \n \n \n backgroundColor \n Color \n Yes \n options.color \n \n \n borderColor \n Color \n Yes \n options.color \n \n \n borderDash \n number[] \n Yes \n [] \n \n \n borderDashOffset \n number \n Yes \n 0 \n \n \n borderShadowColor \n Color \n Yes \n 'transparent' \n \n \n display \n boolean \n Yes \n true \n \n \n drawTime \n string | number \n Yes \n 'afterDatasetsDraw' \n \n \n hitTolerance \n number \n Yes \n 0 \n \n \n init \n boolean \n See initial animation \n undefined \n \n \n id \n string \n No \n undefined \n \n \n shadowBlur \n number \n Yes \n 0 \n \n \n shadowOffsetX \n number \n Yes \n 0 \n \n \n shadowOffsetY \n number \n Yes \n 0 \n \n \n xMax \n number | string \n Yes \n undefined \n \n \n xMin \n number | string \n Yes \n undefined \n \n \n xScaleID \n string \n Yes \n undefined \n \n \n yMin \n number | string \n Yes \n undefined \n \n \n yMax \n number | string \n Yes \n undefined \n \n \n yScaleID \n string \n Yes \n undefined \n \n \n z \n number \n Yes \n 0 \n General \n If one of the axes does not match an axis in the chart, the polygon annotation will take the center of the chart as point. The 2 coordinates, xValue, yValue are optional. If not specified, the polygon annotation will take the center of the scale dimension. \n The 4 coordinates, xMin, xMax, yMin, yMax are optional. If not specified, the box is expanded out to the edges in the respective direction and the box size is used to calculated the center of the point. To enable to use the box positioning, the radius must be set to 0 or NaN . \n \n \n \n Name \n Description \n \n \n \n \n adjustScaleRange \n Should the scale range be adjusted if this annotation is out of range. \n \n \n display \n Whether or not this annotation is visible. \n \n \n drawTime \n See drawTime . \n \n \n hitTolerance \n Amount of pixels to interact with annotations within some distance of the mouse point. \n \n \n id \n Identifies a unique id for the annotation and it will be stored in the element context. When the annotations are defined by an object, the id is automatically set using the key used to store the annotations in the object. When the annotations are configured by an array, the id, passed by this option in the annotation, will be used. \n \n \n radius \n Size of the polygon in pixels. \n \n \n rotation \n Rotation of polygon, in degrees. \n \n \n sides \n Amount of sides of polygon. \n \n \n xAdjust \n Adjustment along x-axis (left-right) of polygon relative to computed position. Negative values move the polygon left, positive right. \n \n \n xMax \n Right edge of the box in units along the x axis. \n \n \n xMin \n Left edge of the box in units along the x axis. \n \n \n xScaleID \n ID of the X scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as 'x' axis. If more than one scale has been defined in the chart as 'x' axis, the option is mandatory to select the right scale. \n \n \n xValue \n X coordinate of the polygon in units along the x axis. \n \n \n yAdjust \n Adjustment along y-axis (top-bottom) of polygon relative to computed position. Negative values move the polygon up, positive down. \n \n \n yMax \n Bottom edge of the box in units along the y axis. \n \n \n yMin \n Top edge of the box in units along the y axis. \n \n \n yScaleID \n ID of the Y scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as 'y' axis. If more than one scale has been defined in the chart as 'y' axis, the option is mandatory to select the right scale. \n \n \n yValue \n Y coordinate of the polygon in units along the y axis. \n \n \n z \n The z property determines the drawing stack level of the polygon annotation element. All visible elements will be drawn in ascending order of z option, with the same drawTime option. \n Styling \n \n \n \n Name \n Description \n \n \n \n \n backgroundColor \n Fill color. \n \n \n backgroundShadowColor \n The color of shadow. See MDN . \n \n \n borderColor \n Stroke color. \n \n \n borderCapStyle \n Cap style of the border of polygon. See MDN . \n \n \n borderDash \n Length and spacing of dashes. See MDN . \n \n \n borderDashOffset \n Offset for line dashes. See MDN . \n \n \n borderJoinStyle \n Border line join style. See MDN . \n \n \n borderShadowColor \n The color of the border shadow. See MDN . \n \n \n borderWidth \n Stroke width. \n \n \n shadowBlur \n The amount of blur applied to shadow. See MDN . \n \n \n shadowOffsetX \n The distance that shadow will be offset horizontally. See MDN . \n \n \n shadowOffsetY \n The distance that shadow will be offset vertically. See MDN . \n Point \n Polygon consists of points. These points are actually Point Annotations and all of the styling options can be configured. General options affecting the location of the point are ignored. \n Namespace: options.annotations[annotationID].point , it defines options for the callout on the annotation label. \n */\nconst options = {\n plugins: {\n annotation: {\n annotations: {\n pentagon: {\n type: 'polygon',\n xValue: 1,\n yValue: 60,\n sides: 4,\n radius: 60,\n backgroundColor: 'rgba(255, 99, 132, 0.25)',\n point: {\n radius: 10,\n borderWidth: 2,\n borderColor: '#666',\n backgroundColor: 'rgba(99, 132, 255, 0.25)',\n }\n }\n }\n }\n }\n};\n/* */\n\n/* */\nconst config = {\n type: 'line',\n data: {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\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 options\n};\n/* */\n\nmodule.exports = {\n config\n};\n`\"/> # Element \n The following diagram is showing the element properties about a 'polygon' annotation: \n \n"},{title:"Using images as labels",frontmatter:{},regularPath:"/samples/box/image.html",relativePath:"samples/box/image.md",key:"v-f46f9a86",path:"/samples/box/image.html",lastUpdated:"9/20/2024, 12:31:31 PM",lastUpdatedTimestamp:1726835491e3,content:" Using images as labels \n \nconst DATA_COUNT = 12;\nconst MIN = 10;\nconst MAX = 100;\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation = {\n type: 'box',\n backgroundColor: 'rgba(0, 0, 0, 0.2)',\n borderWidth: 1,\n borderColor: '#F27173',\n yMin: 30,\n yMax: 80,\n xMax: 2,\n xMin: 5,\n label: {\n display: true,\n content: Utils.getImage(),\n width: 150,\n height: 150,\n position: 'center'\n }\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n y: {\n beginAtZero: true\n }\n },\n plugins: {\n annotation: {\n annotations: {\n annotation\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config\n};\n`\"/>"},{title:"Initial animations",frontmatter:{},regularPath:"/samples/box/initAnim.html",relativePath:"samples/box/initAnim.md",key:"v-b3a5649a",path:"/samples/box/initAnim.html",lastUpdated:"9/20/2024, 12:31:31 PM",lastUpdatedTimestamp:1726835491e3,content:" Initial animations \n \nconst DATA_COUNT = 12;\nconst MIN = 10;\nconst MAX = 100;\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'box',\n backgroundColor: 'rgba(0, 150, 0, 0.2)',\n borderColor: 'rgba(0, 150, 0)',\n borderRadius: 4,\n borderWidth: 1,\n init: true,\n label: {\n display: true,\n content: 'Fade'\n },\n xMax: 6.5,\n xMin: 4.5,\n yMax: 60,\n yMin: 40\n};\n// \n\n// \nconst annotation2 = {\n type: 'box',\n backgroundColor: 'rgba(0, 150, 0, 0.2)',\n borderColor: 'rgba(0, 150, 0)',\n borderRadius: 4,\n borderWidth: 1,\n init: () => ({y: 0, y2: 0}),\n label: {\n display: true,\n content: 'Flyin from top'\n },\n xMax: 2.5,\n xMin: 0.5,\n yMax: 30,\n yMin: 10\n};\n// \n\n// \nconst annotation3 = {\n type: 'box',\n backgroundColor: 'rgba(0, 150, 0, 0.2)',\n borderColor: 'rgba(0, 150, 0)',\n borderRadius: 4,\n borderWidth: 1,\n init: () => ({x: 0, x2: 0}),\n label: {\n display: true,\n content: 'Flyin from left'\n },\n xMax: 10.5,\n xMin: 8.5,\n yMax: 90,\n yMin: 70\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n y: {\n beginAtZero: true,\n max: 100,\n min: 0\n }\n },\n plugins: {\n annotation: {\n common: {\n drawTime: 'afterDraw'\n },\n annotations: {\n annotation1,\n annotation2,\n annotation3\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Yearly quarters",frontmatter:{},regularPath:"/samples/box/quarters.html",relativePath:"samples/box/quarters.md",key:"v-a827b1b2",path:"/samples/box/quarters.html",lastUpdated:"9/20/2024, 12:31:31 PM",lastUpdatedTimestamp:1726835491e3,content:" Yearly quarters \n \nconst DATA_COUNT = 12;\nconst MIN = 10;\nconst MAX = 100;\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'box',\n backgroundColor: 'rgba(255, 245, 157, 0.2)',\n borderWidth: 0,\n xMax: 2.5,\n xMin: -0.5,\n label: {\n drawTime: 'afterDraw',\n display: true,\n content: 'First quarter',\n position: {\n x: 'center',\n y: 'start'\n }\n }\n};\n// \n\n// \nconst annotation2 = {\n type: 'box',\n backgroundColor: 'rgba(188, 170, 164, 0.2)',\n borderWidth: 0,\n xMax: 5.5,\n xMin: 2.5,\n label: {\n drawTime: 'afterDraw',\n display: true,\n content: 'Second quarter',\n position: {\n x: 'center',\n y: 'start'\n }\n }\n};\n// \n\n// \nconst annotation3 = {\n type: 'box',\n backgroundColor: 'rgba(165, 214, 167, 0.2)',\n borderWidth: 0,\n xMax: 8.5,\n xMin: 5.5,\n label: {\n drawTime: 'afterDraw',\n display: true,\n content: 'Third quarter',\n position: {\n x: 'center',\n y: 'start'\n }\n }\n};\n// \n\n// \nconst annotation4 = {\n type: 'box',\n backgroundColor: 'rgba(159, 168, 218, 0.2)',\n borderWidth: 0,\n xMin: 8.5,\n label: {\n drawTime: 'afterDraw',\n display: true,\n content: 'Fourth quarter',\n position: {\n x: 'center',\n y: 'start'\n }\n }\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n y: {\n beginAtZero: true,\n max: 120,\n min: 0\n }\n },\n plugins: {\n annotation: {\n common: {\n drawTime: 'beforeDraw'\n },\n annotations: {\n annotation1,\n annotation2,\n annotation3,\n annotation4\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Bar Chart",frontmatter:{},regularPath:"/samples/charts/bar.html",relativePath:"samples/charts/bar.md",key:"v-f0a8046a",path:"/samples/charts/bar.html",lastUpdated:"9/20/2024, 12:31:31 PM",lastUpdatedTimestamp:1726835491e3,content:" Bar Chart \n \nconst DATA_COUNT = 8;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(8);\n\nconst labels = [];\nfor (let i = 0; i \n\n// \nconst annotation1 = {\n type: 'line',\n scaleID: 'x',\n borderWidth: 3,\n borderColor: 'black',\n value: 0.5,\n label: {\n content: 'Line annotation at x=0.5',\n display: true\n },\n};\n// \n\n// \nconst annotation2 = {\n type: 'line',\n scaleID: 'x',\n borderWidth: 3,\n borderColor: 'black',\n value: 'Label 5',\n label: {\n rotation: 'auto',\n position: 'start',\n backgroundColor: 'black',\n content: 'Line at x=Label 5',\n display: true\n }\n};\n// \n\n// \nconst annotation3 = {\n type: 'box',\n xMin: 2.5,\n xMax: 3.5,\n yMin: 0,\n yMax: 100,\n backgroundColor: 'rgba(250, 250, 0, 0.4)',\n borderColor: 'rgba(0, 150, 0, 0.2)',\n drawTime: 'beforeDatasetsDraw',\n borderWidth: 0,\n borderRadius: 0,\n};\n// \n\n\n/* */\nconst config = {\n type: 'bar',\n data,\n options: {\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2,\n annotation3\n }\n }\n },\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n\n chart.update();\n }\n },\n {\n name: 'Add data',\n handler: function(chart) {\n chart.data.labels.push('Label ' + chart.data.labels.length);\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.push(Utils.rand(MIN, MAX));\n });\n\n chart.update();\n }\n },\n {\n name: 'Remove data',\n handler: function(chart) {\n chart.data.labels.shift();\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.shift();\n });\n\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Line Chart",frontmatter:{},regularPath:"/samples/charts/line.html",relativePath:"samples/charts/line.md",key:"v-1ac7de46",path:"/samples/charts/line.html",lastUpdated:"9/20/2024, 12:31:31 PM",lastUpdatedTimestamp:1726835491e3,content:" Line Chart \n \nconst DATA_COUNT = 8;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(8);\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: [10, 20, 30, 40, 50, 60, 70, 80],\n datasets: [{\n data: Utils.numbers(numberCfg),\n }, {\n data: Utils.numbers(numberCfg),\n }, {\n data: Utils.numbers(numberCfg),\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'line',\n scaleID: 'x',\n borderWidth: 3,\n borderColor: 'black',\n value: 5,\n label: {\n rotation: 'auto',\n content: 'Line at x=5',\n display: true\n },\n};\n// \n\n// \nconst annotation2 = {\n type: 'line',\n scaleID: 'x',\n borderWidth: 3,\n borderColor: 'black',\n value: 90,\n label: {\n rotation: 'auto',\n position: 'start',\n backgroundColor: 'black',\n content: 'Line at x=90',\n display: true\n }\n};\n// \n\n// \nconst annotation3 = {\n type: 'box',\n xMin: 75,\n xMax: 85,\n yMin: 80,\n yMax: 90,\n backgroundColor: 'rgba(250, 250, 0, 0.4)',\n borderColor: 'rgba(0, 150, 0, 0.2)',\n drawTime: 'beforeDatasetsDraw',\n borderWidth: 0,\n borderRadius: 0,\n};\n// \n\n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n x: {\n type: 'linear',\n bounds: 'data'\n }\n },\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2,\n annotation3\n }\n }\n },\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Zoom out',\n handler: function(chart) {\n chart.scales.x.options.min = 0;\n chart.scales.x.options.max = 100;\n chart.update();\n }\n },\n {\n name: 'Zoom in',\n handler: function(chart) {\n chart.scales.x.options.min = 10;\n chart.scales.x.options.max = 80;\n chart.update();\n }\n },\n {\n name: 'Reset zoom',\n handler: function(chart) {\n chart.scales.x.options.min = undefined;\n chart.scales.x.options.max = undefined;\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Basic",frontmatter:{},regularPath:"/samples/ellipse/basic.html",relativePath:"samples/ellipse/basic.md",key:"v-2215247d",path:"/samples/ellipse/basic.html",lastUpdated:"9/20/2024, 12:31:31 PM",lastUpdatedTimestamp:1726835491e3,content:" Basic \n \nconst DATA_COUNT = 8;\nconst MIN = [0, 50];\nconst MAX = [50, 100];\n\nUtils.srand(8);\n\nconst data = {\n datasets: [{\n data: Utils.points({count: DATA_COUNT, min: MIN[0], max: MAX[0]})\n }, {\n data: Utils.points({count: DATA_COUNT, min: MIN[1], max: MAX[1]})\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'ellipse',\n backgroundColor: 'rgba(0, 150, 0, 0.02)',\n borderColor: 'rgba(0, 150, 0, 0.2)',\n borderWidth: 1,\n xMax: (ctx) => max(ctx, 0, 'x') + 10,\n xMin: (ctx) => min(ctx, 0, 'x') - 10,\n yMax: (ctx) => max(ctx, 0, 'y') + 10,\n yMin: (ctx) => min(ctx, 0, 'y') - 10\n};\n// \n\n// \nconst annotation2 = {\n type: 'ellipse',\n backgroundColor: 'rgba(150, 0, 0, 0.02)',\n borderColor: 'rgba(150, 0, 0, 0.2)',\n borderWidth: 1,\n xMax: (ctx) => max(ctx, 1, 'x') + 10,\n xMin: (ctx) => min(ctx, 1, 'x') - 10,\n yMax: (ctx) => max(ctx, 1, 'y') + 10,\n yMin: (ctx) => min(ctx, 1, 'y') - 10\n};\n// \n\n/* */\nconst config = {\n type: 'scatter',\n data,\n options: {\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction min(ctx, datasetIndex, prop) {\n const dataset = ctx.chart.data.datasets[datasetIndex];\n return dataset.data.reduce((v, point) => Math.min(point[prop], v), Infinity);\n}\n\nfunction max(ctx, datasetIndex, prop) {\n const dataset = ctx.chart.data.datasets[datasetIndex];\n return dataset.data.reduce((v, point) => Math.max(point[prop], v), -Infinity);\n}\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.forEach(p => {\n p.x = Utils.rand(MIN[i], MAX[i]);\n p.y = Utils.rand(MIN[i], MAX[i]);\n });\n });\n chart.update();\n }\n },\n {\n name: 'Add data',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.push({x: Utils.rand(MIN[i], MAX[i]), y: Utils.rand(MIN[i], MAX[i])});\n });\n chart.update();\n }\n },\n {\n name: 'Remove data',\n handler: function(chart) {\n chart.data.labels.shift();\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.shift();\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Labeling",frontmatter:{},regularPath:"/samples/ellipse/label.html",relativePath:"samples/ellipse/label.md",key:"v-475451bd",path:"/samples/ellipse/label.html",lastUpdated:"9/20/2024, 12:31:31 PM",lastUpdatedTimestamp:1726835491e3,content:" Labeling \n \nconst DATA_COUNT = 12;\nconst MIN = 10;\nconst MAX = 100;\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation = {\n type: 'ellipse',\n backgroundColor: 'rgba(208, 208, 208, 0.2)',\n borderWidth: 0,\n label: {\n drawTime: 'afterDatasetsDraw',\n display: true,\n color: 'rgba(208, 208, 208, 0.6)',\n content: 'whole year',\n font: {\n size: (ctx) => ctx.chart.chartArea.height / 4\n },\n position: {\n x: 'center',\n y: 'end'\n }\n }\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n plugins: {\n annotation: {\n annotations: {\n annotation\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Rotation",frontmatter:{},regularPath:"/samples/ellipse/rotation.html",relativePath:"samples/ellipse/rotation.md",key:"v-14c8b49f",path:"/samples/ellipse/rotation.html",lastUpdated:"9/20/2024, 12:31:31 PM",lastUpdatedTimestamp:1726835491e3,content:" Rotation \n \nconst DATA_COUNT = 8;\nconst MIN = [25, 65];\nconst MAX = [35, 75];\n\nUtils.srand(8);\n\nconst data = {\n datasets: [{\n data: Utils.points({count: DATA_COUNT, min: MIN[0], max: MAX[0]})\n }, {\n data: Utils.points({count: DATA_COUNT, min: MIN[1], max: MAX[1]})\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'ellipse',\n backgroundColor: 'rgba(0, 150, 0, 0.02)',\n borderColor: 'rgba(0, 150, 0, 0.2)',\n borderWidth: 1,\n rotation: 90,\n xMax: (ctx) => max(ctx, 0, 'x') + 10,\n xMin: (ctx) => min(ctx, 0, 'x') - 10,\n yMax: (ctx) => max(ctx, 0, 'y') + 10,\n yMin: (ctx) => min(ctx, 0, 'y') - 10\n};\n// \n\n// \nconst annotation2 = {\n type: 'ellipse',\n backgroundColor: 'rgba(150, 0, 0, 0.02)',\n borderColor: 'rgba(150, 0, 0, 0.2)',\n borderWidth: 1,\n rotation: 90,\n xMax: (ctx) => max(ctx, 1, 'x') + 10,\n xMin: (ctx) => min(ctx, 1, 'x') - 10,\n yMax: (ctx) => max(ctx, 1, 'y') + 10,\n yMin: (ctx) => min(ctx, 1, 'y') - 10\n};\n// \n\n/* */\nconst config = {\n type: 'scatter',\n data,\n options: {\n scales: {\n x: {\n beginAtZero: true,\n max: 100,\n min: 0\n },\n y: {\n beginAtZero: true,\n max: 100,\n min: 0\n }\n },\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction min(ctx, datasetIndex, prop) {\n const dataset = ctx.chart.data.datasets[datasetIndex];\n return dataset.data.reduce((v, point) => Math.min(point[prop], v), Infinity);\n}\n\nfunction max(ctx, datasetIndex, prop) {\n const dataset = ctx.chart.data.datasets[datasetIndex];\n return dataset.data.reduce((v, point) => Math.max(point[prop], v), -Infinity);\n}\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.forEach(p => {\n p.x = Utils.rand(MIN[i], MAX[i]);\n p.y = Utils.rand(MIN[i], MAX[i]);\n });\n });\n chart.update();\n }\n },\n {\n name: 'Add data',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.push({x: Utils.rand(MIN[i], MAX[i]), y: Utils.rand(MIN[i], MAX[i])});\n });\n chart.update();\n }\n },\n {\n name: 'Remove data',\n handler: function(chart) {\n chart.data.labels.shift();\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.shift();\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Cartesian plane",frontmatter:{},regularPath:"/samples/interaction/cartesianplane.html",relativePath:"samples/interaction/cartesianplane.md",key:"v-532157ca",path:"/samples/interaction/cartesianplane.html",lastUpdated:"9/20/2024, 12:31:31 PM",lastUpdatedTimestamp:1726835491e3,content:" Cartesian plane \n \nlet rect;\nconst MIN = -10;\nconst MAX = 10;\n// \n\n// \nconst yAxis = {\n type: 'line',\n value: 0,\n scaleID: 'x',\n borderColor: 'lightGray',\n afterDraw({chart, element}) {\n const scale = chart.scales.y;\n const labelItems = scale.getLabelItems().filter((item) => Number.isInteger(parseFloat(item.label)));\n drawTicks(chart, scale, {\n labelItems,\n align: 'right',\n xy: (translation) => ({x: element.x - scale.options.ticks.padding, y: translation[1]})\n });\n }\n};\nconst xAxis = {\n type: 'line',\n value: 0,\n scaleID: 'y',\n borderColor: 'lightGray',\n afterDraw({chart, element}) {\n const scale = chart.scales.x;\n const labelItems = scale.getLabelItems().filter((item) => Number.isInteger(parseFloat(item.label)) && parseFloat(item.label) !== 0);\n drawTicks(chart, scale, {\n labelItems,\n baseline: 'top',\n xy: (translation) => ({x: translation[0], y: element.y2 + scale.options.ticks.padding})\n });\n }\n};\n// \n\n// \nconst box = {\n type: 'box',\n display: () => !!rect,\n backgroundColor: 'rgba(255, 174, 201, 0.2)',\n borderColor: 'red',\n borderDash: [4, 4],\n xMin: () => rect ? rect.left : undefined,\n xMax: () => rect ? rect.right : undefined,\n yMin: () => rect ? rect.bottom : undefined,\n yMax: () => rect ? rect.top : undefined,\n z: -1\n};\nconst A = {\n type: 'label',\n content: 'A',\n position: {\n x: 'end',\n y: 'end'\n },\n xValue: () => rect ? rect.left : undefined,\n yValue: () => rect ? rect.top : undefined\n};\nconst B = {\n type: 'label',\n content: 'B',\n position: {\n x: 'start',\n y: 'end'\n },\n xValue: () => rect ? rect.right : undefined,\n yValue: () => rect ? rect.top : undefined\n};\nconst C = {\n type: 'label',\n content: 'C',\n position: {\n x: 'end',\n y: 'start'\n },\n xValue: () => rect ? rect.left : undefined,\n yValue: () => rect ? rect.bottom : undefined\n};\nconst D = {\n type: 'label',\n content: 'D',\n position: {\n x: 'start',\n y: 'start'\n },\n xValue: () => rect ? rect.right : undefined,\n yValue: () => rect ? rect.bottom : undefined\n};\n// \n\n// \nconst summary = {\n type: 'label',\n display: () => !!rect,\n drawTime: 'afterDraw',\n backgroundColor: 'white',\n borderColor: 'silver',\n borderWidth: 1,\n borderRadius: 6,\n content() {\n if (rect) {\n const result = [];\n result.push('A: (' + rect.left.toFixed(2) + ', ' + rect.top.toFixed(2) + ')');\n result.push('B: (' + rect.right.toFixed(2) + ', ' + rect.top.toFixed(2) + ')');\n result.push('C: (' + rect.left.toFixed(2) + ', ' + rect.bottom.toFixed(2) + ')');\n result.push('D: (' + rect.right.toFixed(2) + ', ' + rect.bottom.toFixed(2) + ')');\n const AB = Math.abs(rect.right - rect.left);\n const AC = Math.abs(rect.bottom - rect.top);\n result.push('AB = CD = ' + AB.toFixed(2));\n result.push('AC = BD = ' + AC.toFixed(2));\n result.push('AD = BC = ' + Math.sqrt(Math.pow(AB, 2) + Math.pow(AC, 2)).toFixed(2));\n result.push('Perimeter = ' + ((AB + AC) * 2).toFixed(2));\n result.push('Area = ' + (AB * AC).toFixed(2));\n return result;\n }\n },\n font: {\n size: 12,\n family: 'Courier'\n },\n padding: 5,\n position: {\n x: () => rect && rect.left rect && rect.top rect && rect.left rect && rect.left rect && rect.top \n\n// \nfunction calculateBox(e, chart) {\n const xValue = chart.scales.x.getValueForPixel(e.x);\n const yValue = chart.scales.y.getValueForPixel(e.y);\n return {\n left: xValue > 0 ? 0 : xValue,\n right: xValue > 0 ? xValue : 0,\n top: yValue > 0 ? yValue : 0,\n bottom: yValue > 0 ? 0 : yValue\n };\n}\n\nfunction drawTicks(chart, scale, {labelItems, align, baseline, xy}) {\n const ctx = chart.ctx;\n ctx.save();\n ctx.beginPath();\n for (const item of labelItems) {\n const {font, label, options} = item;\n const {textAlign, textBaseline, translation} = options;\n const point = xy(translation);\n ctx.beginPath();\n ctx.font = font.string;\n ctx.textAlign = align || textAlign;\n ctx.textBaseline = baseline || textBaseline;\n ctx.fillStyle = 'silver';\n ctx.fillText(parseFloat(label).toFixed(0), point.x, point.y);\n ctx.fill();\n }\n ctx.restore();\n}\n// \n\n/* */\nconst config = {\n type: 'scatter',\n options: {\n layout: {\n padding: {\n top: 20,\n left: 20,\n right: 20\n }\n },\n onClick(e, elements, chart) {\n rect = calculateBox(e, chart);\n chart.update();\n },\n elements: {\n labelAnnotation: {\n display: () => !!rect,\n borderWidth: 0,\n padding: 0,\n font: {\n size: 20,\n style: 'oblique'\n }\n }\n },\n scales: {\n x: {\n min: MIN,\n max: MAX,\n grid: {\n drawTicks: false\n },\n ticks: {\n display: false,\n stepSize: 0.5\n }\n },\n y: {\n min: MIN,\n max: MAX,\n grid: {\n drawTicks: false\n },\n ticks: {\n display: false,\n stepSize: 0.5\n }\n }\n },\n plugins: {\n annotation: {\n clip: false,\n common: {\n drawTime: 'beforeDraw'\n },\n annotations: {\n xAxis,\n yAxis,\n box,\n A, B, C, D,\n summary\n }\n },\n title: {\n display: true,\n text: 'Click on the chart to set the point to build the rectangle',\n position: 'bottom',\n padding: {\n top: 16,\n bottom: 0\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Reset',\n handler: function(chart) {\n rect = undefined;\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Using images as labels",frontmatter:{},regularPath:"/samples/ellipse/image.html",relativePath:"samples/ellipse/image.md",key:"v-06766846",path:"/samples/ellipse/image.html",lastUpdated:"9/20/2024, 12:31:31 PM",lastUpdatedTimestamp:1726835491e3,content:" Using images as labels \n \nconst DATA_COUNT = 12;\nconst MIN = 10;\nconst MAX = 100;\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation = {\n type: 'ellipse',\n backgroundColor: 'rgba(0, 0, 0, 0.2)',\n borderWidth: 1,\n borderColor: '#F27173',\n yMin: 30,\n yMax: 80,\n xMax: 2,\n xMin: 5,\n label: {\n display: true,\n content: Utils.getImage(),\n width: 150,\n height: 150,\n position: 'center'\n }\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n y: {\n beginAtZero: true\n }\n },\n plugins: {\n annotation: {\n annotations: {\n annotation\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config\n};\n`\"/>"},{title:"Dragging annotations",frontmatter:{},regularPath:"/samples/interaction/dragging.html",relativePath:"samples/interaction/dragging.md",key:"v-de7917b6",path:"/samples/interaction/dragging.html",lastUpdated:"9/20/2024, 12:31:31 PM",lastUpdatedTimestamp:1726835491e3,content:" Dragging annotations \n \nUtils.srand(8);\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\n datasets: [{\n type: 'line',\n label: 'Dataset 1',\n borderColor: 'rgb(54, 162, 235)',\n borderWidth: 2,\n fill: false,\n data: Utils.numbers({count: 7, min: 0, max: 100}),\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'box',\n backgroundColor: 'rgba(165, 214, 167, 0.2)',\n borderColor: 'rgb(165, 214, 167)',\n borderWidth: 2,\n label: {\n display: true,\n content: ['Box annotation', 'to drag'],\n textAlign: 'center'\n },\n xMax: 'May',\n xMin: 'April',\n xScaleID: 'x',\n yMax: 75,\n yMin: 25,\n yScaleID: 'y'\n};\n// \n\n// \nconst annotation2 = {\n type: 'label',\n backgroundColor: 'rgba(255, 99, 132, 0.25)',\n borderWidth: 3,\n borderColor: 'black',\n content: ['Label annotation', 'to drag'],\n callout: {\n display: true,\n borderColor: 'black',\n },\n xValue: 1,\n yValue: 40\n};\n// \n\n// \nconst annotation3 = {\n type: 'point',\n backgroundColor: 'rgba(0, 255, 255, 0.4)',\n borderWidth: 2,\n borderColor: 'black',\n radius: 20,\n xValue: 'March',\n yValue: 50\n};\n// \n\n// \nconst annotation4 = {\n type: 'polygon',\n backgroundColor: 'rgba(150, 0, 0, 0.25)',\n borderWidth: 2,\n borderColor: 'black',\n radius: 50,\n sides: 6,\n xValue: 'June',\n yValue: 20\n};\n// \n\n// \nlet element;\nlet lastEvent;\n\nconst drag = function(moveX, moveY) {\n element.x += moveX;\n element.y += moveY;\n element.x2 += moveX;\n element.y2 += moveY;\n element.centerX += moveX;\n element.centerY += moveY;\n if (element.elements && element.elements.length) {\n for (const subEl of element.elements) {\n subEl.x += moveX;\n subEl.y += moveY;\n subEl.x2 += moveX;\n subEl.y2 += moveY;\n subEl.centerX += moveX;\n subEl.centerY += moveY;\n subEl.bX += moveX;\n subEl.bY += moveY;\n }\n }\n};\n\nconst handleElementDragging = function(event) {\n if (!lastEvent || !element) {\n return;\n }\n const moveX = event.x - lastEvent.x;\n const moveY = event.y - lastEvent.y;\n drag(moveX, moveY);\n lastEvent = event;\n return true;\n};\n\nconst handleDrag = function(event) {\n if (element) {\n switch (event.type) {\n case 'mousemove':\n return handleElementDragging(event);\n case 'mouseout':\n case 'mouseup':\n lastEvent = undefined;\n break;\n case 'mousedown':\n lastEvent = event;\n break;\n default:\n }\n }\n};\n// \n\n// \nconst dragger = {\n id: 'dragger',\n beforeEvent(chart, args, options) {\n if (handleDrag(args.event)) {\n args.changed = true;\n return;\n }\n }\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n plugins: [dragger],\n data,\n options: {\n events: ['mousedown', 'mouseup', 'mousemove', 'mouseout'],\n scales: {\n y: {\n beginAtZero: true,\n min: 0,\n max: 100\n }\n },\n plugins: {\n annotation: {\n enter(ctx) {\n element = ctx.element;\n },\n leave() {\n element = undefined;\n lastEvent = undefined;\n },\n annotations: {\n annotation1,\n annotation2,\n annotation3,\n annotation4\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Reset dragging',\n handler: function(chart) {\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Interaction",frontmatter:{},regularPath:"/samples/interaction/interaction.html",relativePath:"samples/interaction/interaction.md",key:"v-0f11953d",path:"/samples/interaction/interaction.html",lastUpdated:"9/20/2024, 12:31:31 PM",lastUpdatedTimestamp:1726835491e3,content:" Interaction \n \nconst AXIS = ['xy', 'x', 'y'];\nconst MODE = ['nearest', 'point', 'x', 'y'];\n\nlet axisIndex = 0;\nlet modeIndex = 0;\n\nUtils.srand(8);\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\n datasets: [{\n type: 'line',\n label: 'Dataset 1',\n borderColor: 'rgb(54, 162, 235)',\n borderWidth: 2,\n fill: false,\n data: Utils.numbers({count: 7, min: 0, max: 100}),\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'box',\n backgroundColor: 'rgba(255, 245, 157, 0.2)',\n borderColor: 'rgb(255, 245, 157)',\n borderWidth: 2,\n enter: function({element}) {\n console.log(element.label.options.content + ' entered');\n element.label.options.font.size = 14;\n return true;\n },\n click: function({element}) {\n console.log(element.label.options.content + ' clicked');\n },\n leave: function({element}) {\n console.log(element.label.options.content + ' left');\n element.label.options.font.size = 12;\n return true;\n },\n label: {\n display: true,\n content: 'Outer box annotation',\n position: {\n y: 'start'\n },\n font: {\n size: 12\n }\n },\n xMax: 'June',\n xMin: 'February',\n xScaleID: 'x',\n yMax: 90,\n yMin: 10,\n yScaleID: 'y'\n};\n// \n\n// \nconst annotation2 = {\n type: 'box',\n backgroundColor: 'rgba(165, 214, 167, 0.2)',\n borderColor: 'rgb(165, 214, 167)',\n borderWidth: 2,\n enter: function({element}) {\n console.log(element.label.options.content + ' entered');\n element.label.options.font.size = 14;\n return true;\n },\n click: function({element}) {\n console.log(element.label.options.content + ' clicked');\n },\n leave: function({element}) {\n console.log(element.label.options.content + ' left');\n element.label.options.font.size = 12;\n return true;\n },\n label: {\n display: true,\n content: 'Inner box annotation',\n position: {\n y: 'start'\n },\n font: {\n size: 12\n }\n },\n xMax: 'May',\n xMin: 'March',\n xScaleID: 'x',\n yMax: 75,\n yMin: 25,\n yScaleID: 'y'\n};\n// \n\n// \nfunction getTitle({chart}) {\n const options = chart.options.plugins.annotation.interaction;\n const mode = options.mode || 'nearest';\n const axis = options.axis || 'xy';\n const intersect = !!options.intersect;\n return 'Mode: ' + mode + ', axis: ' + axis + ', intersect: ' + intersect;\n}\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n y: {\n beginAtZero: true,\n min: 0,\n max: 100\n }\n },\n plugins: {\n title: {\n display: true,\n text: getTitle,\n position: 'bottom',\n font: {\n size: 14\n }\n },\n annotation: {\n annotations: {\n annotation1,\n annotation2\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Change mode',\n handler: function(chart) {\n const options = chart.options.plugins.annotation.interaction;\n modeIndex++;\n if (modeIndex > MODE.length) {\n modeIndex = 0;\n }\n options.mode = MODE[modeIndex];\n chart.update();\n }\n },\n {\n name: 'Change axis',\n handler: function(chart) {\n const options = chart.options.plugins.annotation.interaction;\n axisIndex++;\n if (axisIndex > AXIS.length) {\n axisIndex = 0;\n }\n options.axis = AXIS[axisIndex];\n chart.update();\n }\n },\n {\n name: 'Toogle intersect',\n handler: function(chart) {\n const options = chart.options.plugins.annotation.interaction;\n options.intersect = !options.intersect;\n chart.update();\n }\n },\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n output: 'console.log output is shown here, click one of the annotations'\n};\n`\"/>"},{title:"Selecting annotations",frontmatter:{},regularPath:"/samples/interaction/selection.html",relativePath:"samples/interaction/selection.md",key:"v-8f774586",path:"/samples/interaction/selection.html",lastUpdated:"9/20/2024, 12:31:31 PM",lastUpdatedTimestamp:1726835491e3,content:" Selecting annotations \n \nlet count = 0;\nconst selected = [];\n\nUtils.srand(8);\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\n datasets: [{\n type: 'line',\n label: 'Dataset 1',\n borderColor: 'rgb(54, 162, 235)',\n borderWidth: 2,\n fill: false,\n data: Utils.numbers({count: 7, min: 0, max: 100}),\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'box',\n backgroundColor: 'rgba(255, 245, 157, 0.2)',\n borderColor: 'rgb(255, 245, 157)',\n borderWidth: 2,\n click: ({element}) => select(element, 'rgba(255, 245, 157, 0.8)', 'rgba(255, 245, 157, 0.2)'),\n label: {\n display: true,\n content: 'Yellow box annotation',\n position: {\n y: 'start'\n },\n font: {\n size: 12\n }\n },\n xMax: 'April',\n xMin: 'February',\n xScaleID: 'x',\n yMax: 90,\n yMin: 10,\n yScaleID: 'y'\n};\n// \n\n// \nconst annotation2 = {\n type: 'box',\n backgroundColor: 'rgba(165, 214, 167, 0.2)',\n borderColor: 'rgb(165, 214, 167)',\n borderWidth: 2,\n click: ({element}) => select(element, 'rgba(165, 214, 167, 0.8)', 'rgba(165, 214, 167, 0.2)'),\n label: {\n display: true,\n content: 'Green box annotation',\n position: {\n y: 'start'\n },\n font: {\n size: 12\n }\n },\n xMax: 'May',\n xMin: 'March',\n xScaleID: 'x',\n yMax: 75,\n yMin: 25,\n yScaleID: 'y'\n};\n// \n\n// \nfunction enter({chart, element}) {\n console.log(element.label.options.content + ' entered');\n if (!count) {\n chart.canvas.style.cursor = 'pointer';\n }\n count++;\n}\n\nfunction leave({chart, element}) {\n console.log(element.label.options.content + ' left');\n count--;\n if (!count) {\n chart.canvas.style.cursor = 'default';\n }\n}\n\nfunction select(element, selectedColor, unselectedColor) {\n console.log(element.label.options.content + ' selected');\n if (selected.includes(element)) {\n selected.splice(selected.indexOf(element), 1);\n element.options.backgroundColor = unselectedColor;\n element.label.options.font.size = 12;\n } else {\n selected.push(element);\n element.options.backgroundColor = selectedColor;\n element.label.options.font.size = 14;\n }\n return true;\n}\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n y: {\n beginAtZero: true,\n min: 0,\n max: 100\n }\n },\n plugins: {\n annotation: {\n enter: enter,\n leave: leave,\n common: {\n drawTime: 'beforeDraw'\n },\n annotations: {\n annotation1,\n annotation2\n }\n }\n }\n }\n};\n/* */\n\nmodule.exports = {\n config: config,\n output: 'console.log output is shown here, click one of the annotations'\n};\n`\"/>"},{title:"Auto scaling",frontmatter:{},regularPath:"/samples/label/autoscaling.html",relativePath:"samples/label/autoscaling.md",key:"v-ffcf4406",path:"/samples/label/autoscaling.html",lastUpdated:"9/20/2024, 12:31:31 PM",lastUpdatedTimestamp:1726835491e3,content:" Auto scaling \n \n \nconst uniqueId = new Date().getTime();\n\nconst DATA_COUNT = 12;\nconst MIN = 0;\nconst MAX = 100;\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation = {\n type: 'label',\n backgroundColor: 'whiteSmoke',\n borderColor: 'lightGray',\n borderRadius: 6,\n content: ['Annotation', 'to resize'],\n drawTime: 'afterDraw',\n borderWidth: (ctx) => autoScaling(ctx, 'borderWidth', 2),\n font: (ctx) => autoScaling(ctx, 'font', 48),\n padding: (ctx) => autoScaling(ctx, 'padding', 6),\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n _sampleId: uniqueId,\n plugins: {\n annotation: {\n annotations: {\n annotation\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction autoScaling(ctx, option, origValue) {\n const {chart} = ctx;\n const {width, height} = chart.chartArea;\n const hypo = Math.sqrt(Math.pow(width, 2) + Math.pow(height, 2));\n let size, value;\n if (!ctx.size) {\n ctx.size = size = hypo;\n value = origValue;\n } else {\n size = ctx.size;\n value = hypo / size * origValue;\n }\n if (option === 'font') {\n return {size: value};\n }\n return value;\n}\n// \n\n// \nlet originalArea;\ndocument.getElementById('update').addEventListener('input', update);\n\nfunction update() {\n const ratio = +document.querySelector('input[type=range]').value / 100;\n const chart = Object.values(Chart.instances).find(c => c.options._sampleId === uniqueId);\n if (!originalArea) {\n originalArea = chart.chartArea;\n }\n const w = originalArea.width * ratio;\n const h = originalArea.height * ratio;\n chart.resize(w, h);\n}\n// \n\nmodule.exports = {\n config: config\n};\n`\"/>"},{title:"Basic",frontmatter:{},regularPath:"/samples/label/basic.html",relativePath:"samples/label/basic.md",key:"v-ed85c306",path:"/samples/label/basic.html",lastUpdated:"9/20/2024, 12:31:31 PM",lastUpdatedTimestamp:1726835491e3,content:" Basic \n \nconst DATA_COUNT = 12;\nconst MIN = 0;\nconst MAX = 100;\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'label',\n borderColor: (ctx) => ctx.chart.data.datasets[0].backgroundColor,\n borderRadius: 6,\n borderWidth: 1,\n content: ['March', 'annotated'],\n position: {\n x: 'center',\n y: 'end'\n },\n xValue: 'March',\n yValue: (ctx) => yValue(ctx, 'March')\n};\n// \n\n// \nconst annotation2 = {\n type: 'label',\n borderColor: (ctx) => ctx.chart.data.datasets[0].backgroundColor,\n borderRadius: 6,\n borderWidth: 1,\n content: ['June', 'annotated'],\n position: {\n x: 'center',\n y: 'end'\n },\n xValue: 'June',\n yValue: (ctx) => yValue(ctx, 'June')\n};\n// \n\n// \nconst annotation3 = {\n type: 'label',\n borderColor: (ctx) => ctx.chart.data.datasets[0].backgroundColor,\n borderRadius: 6,\n borderWidth: 1,\n content: ['October', 'annotated'],\n position: {\n x: 'center',\n y: 'end'\n },\n xValue: 'October',\n yValue: (ctx) => yValue(ctx, 'October')\n};\n// \n\n/* */\nconst config = {\n type: 'bar',\n data,\n options: {\n scales: {\n y: {\n beginAtZero: true,\n max: 120,\n min: 0\n }\n },\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2,\n annotation3\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction yValue(ctx, label) {\n const chart = ctx.chart;\n const dataset = chart.data.datasets[0];\n return dataset.data[chart.data.labels.indexOf(label)];\n}\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Intro",frontmatter:{},regularPath:"/samples/intro.html",relativePath:"samples/intro.md",key:"v-4f17a19d",path:"/samples/intro.html",lastUpdated:"9/20/2024, 12:31:31 PM",lastUpdatedTimestamp:1726835491e3,content:" Intro \n \nUtils.srand(8);\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\n datasets: [{\n type: 'line',\n label: 'Dataset 1',\n borderColor: 'rgb(54, 162, 235)',\n borderWidth: 2,\n fill: false,\n data: Utils.numbers({count: 7, min: -100, max: 100}),\n }, {\n type: 'bar',\n label: 'Dataset 2',\n backgroundColor: 'rgb(255, 99, 132)',\n data: Utils.numbers({count: 7, min: -100, max: 100}),\n borderColor: 'white',\n borderWidth: 2\n }, {\n type: 'bar',\n label: 'Dataset 3',\n backgroundColor: 'rgb(75, 192, 192)',\n data: Utils.numbers({count: 7, min: -100, max: 100}),\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'line',\n borderColor: 'black',\n borderWidth: 5,\n click: function({chart, element}) {\n console.log('Line annotation clicked');\n },\n label: {\n backgroundColor: 'red',\n content: 'Test Label',\n display: true\n },\n scaleID: 'y',\n value: Utils.rand(-100, 100)\n};\n// \n\n// \nconst annotation2 = {\n type: 'box',\n backgroundColor: 'rgba(101, 33, 171, 0.5)',\n borderColor: 'rgb(101, 33, 171)',\n borderWidth: 1,\n click: function({chart, element}) {\n console.log('Box annotation clicked');\n },\n drawTime: 'beforeDatasetsDraw',\n xMax: 'April',\n xMin: 'February',\n xScaleID: 'x',\n yMax: Utils.rand(-100, 100),\n yMin: Utils.rand(-100, 100),\n yScaleID: 'y'\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = Utils.numbers({count: 7, min: -100, max: 100});\n });\n chart.update();\n }\n },\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n output: 'console.log output is shown here, click one of the annotations'\n};\n`\"/>"},{title:"Callout",frontmatter:{},regularPath:"/samples/label/callout.html",relativePath:"samples/label/callout.md",key:"v-188d5d06",path:"/samples/label/callout.html",lastUpdated:"9/20/2024, 12:31:31 PM",lastUpdatedTimestamp:1726835491e3,content:" Callout \n \nconst DATA_COUNT = 12;\nconst MIN = 0;\nconst MAX = 100;\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation = {\n type: 'label',\n backgroundColor: 'rgba(245, 245, 245)',\n callout: {\n display: true,\n borderColor: (ctx) => ctx.chart.data.datasets[0].borderColor\n },\n content: (ctx) => 'Maximum value is ' + maxValue(ctx).toFixed(2),\n font: {\n size: 16\n },\n position: {\n x: (ctx) => maxIndex(ctx) = 10 ? 'end' : 'center',\n y: 'center'\n },\n xAdjust: (ctx) => maxIndex(ctx) = 10 ? -60 : 0,\n xValue: (ctx) => maxLabel(ctx),\n yAdjust: -60,\n yValue: (ctx) => maxValue(ctx)\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n y: {\n beginAtZero: true,\n max: 140,\n min: 0\n }\n },\n plugins: {\n annotation: {\n annotations: {\n annotation\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction maxValue(ctx) {\n const values = ctx.chart.data.datasets[0].data;\n return Math.max(...values);\n}\n\nfunction maxIndex(ctx) {\n const max = maxValue(ctx);\n const dataset = ctx.chart.data.datasets[0];\n return dataset.data.indexOf(max);\n}\n\nfunction maxLabel(ctx) {\n return ctx.chart.data.labels[maxIndex(ctx)];\n}\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Using canvas as content",frontmatter:{},regularPath:"/samples/label/canvas.html",relativePath:"samples/label/canvas.md",key:"v-79f854d2",path:"/samples/label/canvas.html",lastUpdated:"9/20/2024, 12:31:31 PM",lastUpdatedTimestamp:1726835491e3,content:" Using canvas as content \n \nconst DATA_COUNT = 12;\nconst MIN = 0;\nconst MAX = 100;\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'label',\n content: Utils.getHouse(),\n xValue: 9,\n yValue: 30\n};\n// \n\n// \nconst annotation2 = {\n type: 'label',\n content: Utils.getSpiral(),\n xValue: 2,\n yValue: 50\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n y: {\n beginAtZero: true,\n }\n },\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config\n};\n`\"/>"},{title:"Fonts and colors",frontmatter:{},regularPath:"/samples/label/fontsColors.html",relativePath:"samples/label/fontsColors.md",key:"v-a53ecf06",path:"/samples/label/fontsColors.html",lastUpdated:"9/20/2024, 12:31:31 PM",lastUpdatedTimestamp:1726835491e3,content:" Fonts and colors \n \nconst DATA_COUNT = 12;\nconst MIN = 0;\nconst MAX = 100;\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'label',\n backgroundColor: 'rgba(0,0,0,0.2)',\n borderRadius: 6,\n borderWidth: 0,\n callout: {\n display: true\n },\n color: ['black,', 'black', 'green'],\n content: ['March', 'is', 'annotated'],\n font: [{size: 16, weight: 'bold'}, {family: 'courier'}],\n position: {\n x: 'center',\n y: 'end'\n },\n xValue: 'March',\n yAdjust: (ctx) => yOffset(ctx, 'March'),\n yValue: (ctx) => yValue(ctx, 'March')\n};\n// \n\n// \nconst annotation2 = {\n type: 'label',\n backgroundColor: 'rgba(0,0,0,0.2)',\n borderRadius: 6,\n borderWidth: 0,\n callout: {\n display: true\n },\n color: ['black,', 'black', 'green'],\n content: ['June', 'is', 'annotated'],\n font: [{size: 16, weight: 'bold'}, {family: 'courier'}],\n position: {\n x: 'center',\n y: 'end'\n },\n xValue: 'June',\n yAdjust: (ctx) => yOffset(ctx, 'June'),\n yValue: (ctx) => yValue(ctx, 'June')\n};\n// \n\n// \nconst annotation3 = {\n type: 'label',\n backgroundColor: 'rgba(0,0,0,0.2)',\n borderRadius: 6,\n borderWidth: 0,\n callout: {\n display: true\n },\n color: ['black,', 'black', 'green'],\n content: ['October', 'is', 'annotated'],\n font: [{size: 16, weight: 'bold'}, {family: 'courier'}],\n position: {\n x: 'center',\n y: 'end'\n },\n xValue: 'October',\n yAdjust: (ctx) => yOffset(ctx, 'October'),\n yValue: (ctx) => yValue(ctx, 'October')\n};\n// \n\n// \nfunction yValue(ctx, label) {\n const chart = ctx.chart;\n const dataset = chart.data.datasets[0];\n return dataset.data[chart.data.labels.indexOf(label)];\n}\n\nfunction yOffset(ctx, label) {\n const value = yValue(ctx, label);\n const chart = ctx.chart;\n const scale = chart.scales.y;\n const y = scale.getPixelForValue(value);\n const lblPos = scale.getPixelForValue(100);\n return lblPos - y - 5;\n}\n\n// \n\n/* */\nconst config = {\n type: 'bar',\n data,\n options: {\n scales: {\n y: {\n beginAtZero: true,\n max: 130,\n min: 0,\n grid: {\n color: (ctx)=> ctx.tick.value value > 100 ? '' : value\n }\n }\n },\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2,\n annotation3\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Using images as content",frontmatter:{},regularPath:"/samples/label/image.html",relativePath:"samples/label/image.md",key:"v-224dfd1d",path:"/samples/label/image.html",lastUpdated:"9/20/2024, 12:31:31 PM",lastUpdatedTimestamp:1726835491e3,content:" Using images as content \n \nconst DATA_COUNT = 12;\nconst MIN = 0;\nconst MAX = 100;\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'label',\n drawTime: 'afterDraw',\n content: Utils.getImage(),\n width: 100,\n height: 100,\n xValue: 4,\n yValue: 30,\n xAdjust: 150,\n yAdjust: -150,\n borderWidth: 1,\n borderDash: [6, 6],\n callout: {\n display: true,\n position: 'left'\n }\n};\n// \n\n// \nconst annotation2 = {\n type: 'point',\n drawTime: 'afterDraw',\n xValue: 4,\n yValue: 30,\n radius: 10\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n y: {\n beginAtZero: true,\n }\n },\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config\n};\n`\"/>"},{title:"Inner chart",frontmatter:{},regularPath:"/samples/label/innerChart.html",relativePath:"samples/label/innerChart.md",key:"v-e1c46312",path:"/samples/label/innerChart.html",lastUpdated:"9/20/2024, 12:31:31 PM",lastUpdatedTimestamp:1726835491e3,content:" Inner chart \n \nconst DATA_COUNT = 12;\nconst MIN = 0;\nconst MAX = 100;\n\nconst innerChart = Utils.getChart();\nconst innerDataset = innerChart.data.datasets[0];\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg),\n borderColor: innerDataset.backgroundColor[0],\n backgroundColor: 'transparent'\n }, {\n data: Utils.numbers(numberCfg),\n borderColor: innerDataset.backgroundColor[1],\n backgroundColor: 'transparent',\n hidden: true\n }, {\n data: Utils.numbers(numberCfg),\n borderColor: innerDataset.backgroundColor[2],\n backgroundColor: 'transparent',\n hidden: true\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'label',\n content: innerChart.canvas,\n xValue: 1,\n yValue: 135,\n enter: (ctx) => setCursor(ctx, 'pointer'),\n leave: (ctx) => setCursor(ctx, 'default'),\n click: clickOnInnerChart\n};\n// \n\n// \nconst annotation2 = {\n type: 'label',\n content: (ctx) => [innerChart.data.labels[getVisibleDatasetIndex(ctx)],\n 'items trend'],\n callout: {\n display: true,\n position: 'bottom',\n margin: 0\n },\n font: {\n size: 16\n },\n backgroundColor: 'white',\n borderWidth: 1,\n xAdjust: -60,\n xValue: (ctx) => point(ctx).x,\n yAdjust: -60,\n yValue: (ctx) => point(ctx).y\n};\n// \n\n// \nconst annotation3 = {\n type: 'label',\n content: ['Click on a slice of the pie chart', 'to see the data in the main chart'],\n color: 'rgba(0, 0, 0, 0.5)',\n xValue: 3.2,\n yValue: 150,\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n y: {\n beginAtZero: true,\n min: 0,\n max: 160\n }\n },\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2,\n annotation3\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction clickOnInnerChart(ctx, event) {\n event.x = event.x - ctx.element.x;\n event.y = event.y - ctx.element.y;\n const elements = innerChart.getElementsAtEventForMode(event, 'point', {}, true);\n if (elements.length) {\n const first = elements[0];\n ctx.chart.setDatasetVisibility(getVisibleDatasetIndex(ctx), false);\n ctx.chart.show(first.index);\n }\n}\n\nfunction getVisibleDatasetIndex(ctx) {\n const chart = ctx.chart;\n for (let i = 0; i i > dataset.data.length - 4);\n const y = Math.max(...values);\n const x = dataset.data.lastIndexOf(y);\n return {x, y};\n}\n\nfunction setCursor(ctx, type) {\n ctx.chart.canvas.style.cursor = type;\n}\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n innerChart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n innerChart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config\n};\n`\"/>"},{title:"Point",frontmatter:{},regularPath:"/samples/label/point.html",relativePath:"samples/label/point.md",key:"v-5cbaa4bd",path:"/samples/label/point.html",lastUpdated:"9/20/2024, 12:31:31 PM",lastUpdatedTimestamp:1726835491e3,content:" Point \n \nconst DATA_COUNT = 12;\nconst MIN = 0;\nconst MAX = 100;\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'label',\n backgroundColor: 'rgba(245, 245, 245, 0.5)',\n content: (ctx) => 'Maximum value is ' + maxValue(ctx).toFixed(2),\n font: {\n size: 16\n },\n padding: {\n top: 6,\n left: 6,\n right: 6,\n bottom: 12\n },\n position: {\n x: (ctx) => maxIndex(ctx) = 10 ? 'end' : 'center',\n y: 'end'\n },\n xValue: (ctx) => maxLabel(ctx),\n yAdjust: -6,\n yValue: (ctx) => maxValue(ctx)\n};\n// \n\n// \nconst annotation2 = {\n type: 'point',\n backgroundColor: 'transparent',\n borderColor: (ctx) => ctx.chart.data.datasets[0].borderColor,\n pointStyle: 'rectRounded',\n radius: 10,\n xValue: (ctx) => maxLabel(ctx),\n yValue: (ctx) => maxValue(ctx)\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n layout: {\n padding: {\n right: 10\n },\n },\n scales: {\n y: {\n beginAtZero: true,\n max: 120,\n min: 0\n }\n },\n plugins: {\n annotation: {\n clip: false,\n annotations: {\n annotation1,\n annotation2\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction maxValue(ctx) {\n let max = 0;\n const dataset = ctx.chart.data.datasets[0];\n dataset.data.forEach(function(el) {\n max = Math.max(max, el);\n });\n return max;\n}\n\nfunction maxIndex(ctx) {\n const max = maxValue(ctx);\n const dataset = ctx.chart.data.datasets[0];\n return dataset.data.indexOf(max);\n}\n\nfunction maxLabel(ctx) {\n return ctx.chart.data.labels[maxIndex(ctx)];\n}\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Lower and upper bounds labels",frontmatter:{},regularPath:"/samples/label/lowerUpper.html",relativePath:"samples/label/lowerUpper.md",key:"v-4dd91745",path:"/samples/label/lowerUpper.html",lastUpdated:"9/20/2024, 12:31:31 PM",lastUpdatedTimestamp:1726835491e3,content:" Lower and upper bounds labels \n \nconst DATA_COUNT = 8;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(8);\n\nconst labels = [];\nfor (let i = 0; i \n\n// \nconst annotation1 = {\n type: 'label',\n content: (ctx) => 'Lower bound: ' + minValue(ctx).toFixed(3),\n position: {\n x: 'start',\n y: 'end'\n },\n xScaleID: 'x',\n xValue: 2,\n yScaleID: 'y',\n yValue: minValue\n};\n// \n\n// \nconst annotation2 = {\n type: 'label',\n content: (ctx) => 'Upper bound: ' + maxValue(ctx).toFixed(3),\n position: {\n x: 'start',\n y: 'start'\n },\n xScaleID: 'x',\n xValue: 2,\n yScaleID: 'y',\n yValue: maxValue\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n y: {\n stacked: true\n }\n },\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction minValue(ctx) {\n const dataset = ctx.chart.data.datasets[0];\n const min = dataset.data.reduce((max, point) => Math.min(point, max), Infinity);\n return isFinite(min) ? min : 0;\n}\n\nfunction maxValue(ctx) {\n const datasets = ctx.chart.data.datasets;\n const count = datasets[0].data.length;\n let max = 0;\n for (let i = 0; i \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Add data',\n handler: function(chart) {\n chart.data.labels.push(chart.data.labels.length);\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.push(Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Remove data',\n handler: function(chart) {\n chart.data.labels.shift();\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.shift();\n });\n chart.update();\n }\n },\n {\n name: 'Cycle x-position',\n handler: function(chart) {\n const annotations = chart.options.plugins.annotation.annotations;\n if (annotations.annotation1.position.x === 'start') {\n annotations.annotation1.position.x = 'end';\n annotations.annotation2.position.x = 'end';\n } else if (annotations.annotation1.position.x === 'center') {\n annotations.annotation1.position.x = 'start';\n annotations.annotation2.position.x = 'start';\n } else {\n annotations.annotation1.position.x = 'center';\n annotations.annotation2.position.x = 'center';\n }\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Animation",frontmatter:{},regularPath:"/samples/line/animation.html",relativePath:"samples/line/animation.md",key:"v-25be76ab",path:"/samples/line/animation.html",lastUpdated:"9/20/2024, 12:31:31 PM",lastUpdatedTimestamp:1726835491e3,content:" Animation \n \n \nconst uniqueId = new Date().getTime();\n\nconst data = {\n datasets: [{\n backgroundColor: 'rgba(63, 184, 175, 0.3)',\n borderColor: 'rgba(255, 0, 0, 0.0)',\n pointRadius: 0, // no dots\n tension: 0, // straight lines\n showLine: true,\n fill: true,\n data: [\n {x: 0, y: 0},\n {x: 50, y: 0},\n {x: 50, y: 1},\n {x: 100, y: 1}\n ]\n }]\n};\n// \n\n// \nconst line = {\n type: 'line',\n borderColor: 'red',\n borderWidth: 3,\n label: {\n display: true,\n content: 'Limit',\n rotation: 90\n },\n scaleID: 'x',\n value: 50\n};\n// \n\n/* */\nconst config = {\n type: 'scatter',\n data,\n options: {\n _sampleId: uniqueId,\n plugins: {\n annotation: {\n annotations: {\n line\n }\n }\n }\n }\n};\n/* */\n\n// \ndocument.getElementById('update').addEventListener('input', update);\n\nfunction update() {\n const newValue = +document.querySelector('input[type=range]').value;\n const chart = Object.values(Chart.instances).find(c => c.options._sampleId === uniqueId);\n chart.data.datasets[0].data[1].x = newValue;\n chart.data.datasets[0].data[2].x = newValue;\n chart.options.plugins.annotation.annotations.line.value = newValue;\n chart.update();\n}\n// \n\nmodule.exports = {\n config: config\n};\n`\"/>"},{title:"Average",frontmatter:{},regularPath:"/samples/line/average.html",relativePath:"samples/line/average.md",key:"v-fe2fae0e",path:"/samples/line/average.html",lastUpdated:"9/20/2024, 12:31:31 PM",lastUpdatedTimestamp:1726835491e3,content:" Average \n \nconst DATA_COUNT = 8;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(8);\n\nconst labels = [];\nfor (let i = 0; i \n\n// \nconst annotation = {\n type: 'line',\n borderColor: 'black',\n borderDash: [6, 6],\n borderDashOffset: 0,\n borderWidth: 3,\n label: {\n display: true,\n content: (ctx) => 'Average: ' + average(ctx).toFixed(2),\n position: 'end'\n },\n scaleID: 'y',\n value: (ctx) => average(ctx)\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n plugins: {\n annotation: {\n annotations: {\n annotation\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction average(ctx) {\n const values = ctx.chart.data.datasets[0].data;\n return values.reduce((a, b) => a + b, 0) / values.length;\n}\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Add data',\n handler: function(chart) {\n chart.data.labels.push(chart.data.labels.length);\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.push(Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Remove data',\n handler: function(chart) {\n chart.data.labels.shift();\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.shift();\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Basic",frontmatter:{},regularPath:"/samples/line/basic.html",relativePath:"samples/line/basic.md",key:"v-14b16052",path:"/samples/line/basic.html",lastUpdated:"9/20/2024, 12:31:31 PM",lastUpdatedTimestamp:1726835491e3,content:" Basic \n \nconst DATA_COUNT = 8;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(8);\n\nconst labels = [];\nfor (let i = 0; i \n\n// \nconst annotation = {\n type: 'line',\n borderColor: 'black',\n borderWidth: 3,\n scaleID: 'y',\n value: 50\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n y: {\n stacked: true\n }\n },\n plugins: {\n annotation: {\n annotations: {\n annotation\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Add data',\n handler: function(chart) {\n chart.data.labels.push(chart.data.labels.length);\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.push(Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Remove data',\n handler: function(chart) {\n chart.data.labels.shift();\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.shift();\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config\n};\n`\"/>"},{title:"Callout",frontmatter:{},regularPath:"/samples/line/callout.html",relativePath:"samples/line/callout.md",key:"v-0d73d593",path:"/samples/line/callout.html",lastUpdated:"9/20/2024, 12:31:31 PM",lastUpdatedTimestamp:1726835491e3,content:" Callout \n \nconst DATA_COUNT = 16;\nconst MIN = 20;\nconst MAX = 100;\n\nUtils.srand(8);\n\nconst labels = [];\nfor (let i = 0; i \n\n// \nconst annotation1 = {\n type: 'line',\n borderColor: 'rgb(100, 149, 237)',\n borderDash: [6, 6],\n borderDashOffset: 0,\n borderWidth: 3,\n label: {\n display: true,\n backgroundColor: 'rgb(100, 149, 237)',\n content: (ctx) => 'Average: ' + average(ctx).toFixed(2)\n },\n scaleID: 'y',\n value: (ctx) => average(ctx)\n};\n// \n\n// \nconst annotation2 = {\n type: 'line',\n borderColor: 'rgba(102, 102, 102, 0.5)',\n borderDash: [6, 6],\n borderDashOffset: 0,\n borderWidth: 3,\n label: {\n display: true,\n backgroundColor: 'rgba(102, 102, 102, 0.5)',\n borderWidth: 1,\n borderColor: 'rgba(102, 102, 102, 0.5)',\n callout: {\n display: true,\n borderColor: 'rgba(102, 102, 102, 0.5)',\n borderDash: [6, 6],\n borderWidth: 2,\n margin: 0\n },\n color: 'black',\n content: (ctx) => (average(ctx) + standardDeviation(ctx)).toFixed(2),\n position: 'start',\n xAdjust: 100,\n yAdjust: -50\n },\n scaleID: 'y',\n value: (ctx) => average(ctx) + standardDeviation(ctx)\n};\n// \n\n// \nconst annotation3 = {\n type: 'line',\n borderColor: 'rgba(102, 102, 102, 0.5)',\n borderDash: [6, 6],\n borderDashOffset: 0,\n borderWidth: 3,\n label: {\n display: true,\n backgroundColor: 'rgba(102, 102, 102, 0.5)',\n borderWidth: 1,\n borderColor: 'rgba(102, 102, 102, 0.5)',\n callout: {\n display: true,\n borderColor: 'rgba(102, 102, 102, 0.5)',\n borderDash: [6, 6],\n borderWidth: 2,\n margin: 0\n },\n color: 'black',\n content: (ctx) => (average(ctx) - standardDeviation(ctx)).toFixed(2),\n position: 'end',\n xAdjust: -100,\n yAdjust: 50\n },\n scaleID: 'y',\n value: (ctx) => average(ctx) - standardDeviation(ctx)\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scale: {\n y: {\n beginAtZero: true,\n max: 120,\n min: 0\n }\n },\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2,\n annotation3\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction average(ctx) {\n const values = ctx.chart.data.datasets[0].data;\n return values.reduce((a, b) => a + b, 0) / values.length;\n}\n\nfunction standardDeviation(ctx) {\n const values = ctx.chart.data.datasets[0].data;\n const n = values.length;\n const mean = average(ctx);\n return Math.sqrt(values.map(x => Math.pow(x - mean, 2)).reduce((a, b) => a + b) / n);\n}\n\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Add data',\n handler: function(chart) {\n chart.data.labels.push(chart.data.labels.length);\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.push(Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Remove data',\n handler: function(chart) {\n chart.data.labels.shift();\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.shift();\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Using canvas as labels",frontmatter:{},regularPath:"/samples/line/canvas.html",relativePath:"samples/line/canvas.md",key:"v-9e862306",path:"/samples/line/canvas.html",lastUpdated:"9/20/2024, 12:31:31 PM",lastUpdatedTimestamp:1726835491e3,content:" Using canvas as labels \n \nconst DATA_COUNT = 8;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(8);\n\nconst labels = [];\nfor (let i = 0; i \n\n// \nconst annotation = {\n type: 'line',\n borderColor: 'black',\n borderWidth: 3,\n scaleID: 'y',\n value: 50,\n label: {\n display: true,\n content: Utils.getHouse(),\n backgroundColor: 'white',\n borderWidth: 3,\n width: '40%',\n height: '40%',\n position: 'end'\n }\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n plugins: {\n annotation: {\n annotations: {\n annotation\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Add data',\n handler: function(chart) {\n chart.data.labels.push(chart.data.labels.length);\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.push(Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Remove data',\n handler: function(chart) {\n chart.data.labels.shift();\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.shift();\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config\n};\n`\"/>"},{title:"Curve",frontmatter:{},regularPath:"/samples/line/curve.html",relativePath:"samples/line/curve.md",key:"v-22325356",path:"/samples/line/curve.html",lastUpdated:"9/20/2024, 12:31:31 PM",lastUpdatedTimestamp:1726835491e3,content:" Curve \n \nconst DATA_COUNT = 8;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(8);\n\nconst labels = [];\nfor (let i = 0; i \n\n// \nconst annotation = {\n type: 'line',\n borderColor: 'black',\n borderWidth: 3,\n xScaleID: 'x',\n yScaleID: 'y',\n xMin: 1,\n xMax: 6,\n yMin: ({chart}) => chart.data.datasets[0].data[1] / 2,\n yMax: ({chart}) => chart.data.datasets[0].data[6] / 2,\n curve: true,\n arrowHeads: {\n end: {\n display: true\n }\n }\n};\n// \n\n/* */\nconst config = {\n type: 'bar',\n data,\n options: {\n plugins: {\n annotation: {\n annotations: {\n annotation\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config\n};\n`\"/>"},{title:"Annotating dataset bars",frontmatter:{},regularPath:"/samples/line/datasetBars.html",relativePath:"samples/line/datasetBars.md",key:"v-c5c24e7a",path:"/samples/line/datasetBars.html",lastUpdated:"9/20/2024, 12:31:31 PM",lastUpdatedTimestamp:1726835491e3,content:" Annotating dataset bars \n \nconst DATA_COUNT = 4;\nconst MIN = 20;\nconst MAX = 100;\n\nUtils.srand(8);\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'line',\n borderColor: 'green',\n borderWidth: 3,\n label: {\n display: true,\n backgroundColor: 'green',\n borderRadius: 0,\n color: 'white',\n content: (ctx) => middleValue(ctx, 0, 0.5).toFixed(0)\n },\n xMax: indexToMax(0) + 0.05,\n xMin: indexToMin(0) - 0.05,\n xScaleID: 'x',\n yMax: (ctx) => middleValue(ctx, 0, 0.5),\n yMin: (ctx) => middleValue(ctx, 0, 0.5),\n yScaleID: 'y'\n};\n// \n\n// \nconst annotation2 = {\n type: 'line',\n borderColor: 'green',\n borderWidth: 3,\n label: {\n display: true,\n backgroundColor: 'green',\n borderRadius: 0,\n color: 'white',\n content: (ctx) => middleValue(ctx, 1, 0.75).toFixed(0)\n },\n xMax: indexToMax(1) + 0.05,\n xMin: indexToMin(1) - 0.05,\n xScaleID: 'x',\n yMax: (ctx) => middleValue(ctx, 1, 0.75),\n yMin: (ctx) => middleValue(ctx, 1, 0.75),\n yScaleID: 'y'\n};\n// \n\n// \nconst annotation3 = {\n type: 'line',\n borderColor: 'green',\n borderWidth: 3,\n label: {\n display: true,\n backgroundColor: 'green',\n borderRadius: 0,\n color: 'white',\n content: (ctx) => middleValue(ctx, 2, 1).toFixed(0)\n },\n xMax: indexToMax(2) + 0.05,\n xMin: indexToMin(2) - 0.05,\n xScaleID: 'x',\n yMax: (ctx) => middleValue(ctx, 2, 1),\n yMin: (ctx) => middleValue(ctx, 2, 1),\n yScaleID: 'y'\n};\n// \n\n// \nconst annotation4 = {\n type: 'line',\n borderColor: 'green',\n borderWidth: 3,\n label: {\n display: true,\n backgroundColor: 'green',\n borderRadius: 0,\n color: 'white',\n content: (ctx) => middleValue(ctx, 3, 0.25).toFixed(0)\n },\n xMax: indexToMax(3) + 0.05,\n xMin: indexToMin(3) - 0.05,\n xScaleID: 'x',\n yMax: (ctx) => middleValue(ctx, 3, 0.25),\n yMin: (ctx) => middleValue(ctx, 3, 0.25),\n yScaleID: 'y'\n};\n// \n\n/* */\nconst config = {\n type: 'bar',\n data,\n options: {\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2,\n annotation3,\n annotation4\n }\n }\n }\n }\n};\n/* */\n\n// \n// categoryPercentage is 0.8 by default\n// barPercentage is 0.9 by default\n// 1 * 0.8 * 0.9 = 0.72\n// 0.72 / 2 = 0.36\n\nfunction indexToMin(index) {\n return index - 0.36;\n}\n\nfunction indexToMax(index) {\n return index + 0.36;\n}\n\nfunction middleValue(ctx, index, perc) {\n const chart = ctx.chart;\n const dataset = chart.data.datasets[0];\n return dataset.data[index] * perc;\n}\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Outside of chart",frontmatter:{},regularPath:"/samples/line/hook.html",relativePath:"samples/line/hook.md",key:"v-76c7a746",path:"/samples/line/hook.html",lastUpdated:"9/20/2024, 12:31:31 PM",lastUpdatedTimestamp:1726835491e3,content:" Outside of chart \n \nconst DATA_COUNT = 8;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(8);\n\nconst labels = [];\nfor (let i = 0; i \n\n// \nconst annotation = {\n type: 'line',\n borderColor: 'black',\n borderWidth: 3,\n scaleID: 'y',\n value: 55,\n beforeDraw: drawExtraLine\n};\n// \n\n// \nfunction drawExtraLine(context) {\n const ctx = context.chart.ctx;\n const width = context.chart.canvas.width;\n const {x, y, x2, y2, options} = context.element;\n ctx.save();\n ctx.lineWidth = options.borderWidth;\n ctx.strokeStyle = options.borderColor;\n ctx.setLineDash([6, 6]);\n ctx.lineDashOffset = options.borderDashOffset;\n ctx.beginPath();\n ctx.moveTo(0, y);\n ctx.lineTo(x, y);\n ctx.moveTo(x2, y2);\n ctx.lineTo(width, y);\n ctx.stroke();\n ctx.restore();\n return true;\n}\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n layout: {\n padding: {\n right: 50\n }\n },\n scales: {\n y: {\n stacked: true\n }\n },\n plugins: {\n annotation: {\n clip: false,\n annotations: {\n annotation\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Add data',\n handler: function(chart) {\n chart.data.labels.push(chart.data.labels.length);\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.push(Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Remove data',\n handler: function(chart) {\n chart.data.labels.shift();\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.shift();\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Using images as labels",frontmatter:{},regularPath:"/samples/line/image.html",relativePath:"samples/line/image.md",key:"v-19c0057d",path:"/samples/line/image.html",lastUpdated:"9/20/2024, 12:31:31 PM",lastUpdatedTimestamp:1726835491e3,content:" Using images as labels \n \nconst DATA_COUNT = 8;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(8);\n\nconst labels = [];\nfor (let i = 0; i \n\n// \nconst annotation = {\n type: 'line',\n borderColor: 'black',\n borderWidth: 3,\n scaleID: 'y',\n value: 50,\n label: {\n display: true,\n content: Utils.getImage(),\n backgroundColor: 'white',\n borderWidth: 3,\n width: '20%',\n height: '20%',\n position: 'end'\n }\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n plugins: {\n annotation: {\n annotations: {\n annotation\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Add data',\n handler: function(chart) {\n chart.data.labels.push(chart.data.labels.length);\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.push(Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Remove data',\n handler: function(chart) {\n chart.data.labels.shift();\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.shift();\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config\n};\n`\"/>"},{title:"Label visibility",frontmatter:{},regularPath:"/samples/line/labelVisibility.html",relativePath:"samples/line/labelVisibility.md",key:"v-940803b2",path:"/samples/line/labelVisibility.html",lastUpdated:"9/20/2024, 12:31:31 PM",lastUpdatedTimestamp:1726835491e3,content:" Label visibility \n \nconst DATA_COUNT = 8;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(8);\n\nconst labels = [];\nfor (let i = 0; i \n\n// \nconst annotation1 = {\n type: 'line',\n borderColor: 'lightGreen',\n borderWidth: 10,\n label: {\n display: false,\n backgroundColor: 'green',\n drawTime: 'afterDatasetsDraw',\n content: (ctx) => ['Average of dataset', 'is: ' + average(ctx).toFixed(3)]\n },\n scaleID: 'y',\n value: (ctx) => average(ctx),\n // For simple property changes, you can directly modify the annotation\n // element's properties then return true to force chart re-drawing. This is faster.\n enter({element}, event) {\n element.label.options.display = true;\n return true;\n },\n leave({element}, event) {\n element.label.options.display = false;\n return true;\n }\n};\n// \n\n// \nconst annotation2 = {\n type: 'line',\n borderColor: 'lightBlue',\n borderWidth: 10,\n label: {\n display: (ctx) => ctx.hovered,\n backgroundColor: 'blue',\n drawTime: 'afterDatasetsDraw',\n content: (ctx) => ['Min of dataset', 'is: ' + min(ctx).toFixed(3)],\n position: (ctx) => ctx.hoverPosition\n },\n scaleID: 'y',\n value: (ctx) => min(ctx),\n // For more complex dynamic properties, you can store values on the persistent\n // context object then retrieve them via scriptable properties. You'll have\n // to call chart.update() to reprocess the chart.\n enter(ctx, event) {\n ctx.hovered = true;\n ctx.hoverPosition = (event.x / ctx.chart.chartArea.width * 100) + '%';\n ctx.chart.update();\n },\n leave(ctx, event) {\n ctx.hovered = false;\n ctx.chart.update();\n }\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n plugins: {\n tooltip: {\n display: false,\n },\n annotation: {\n common: {\n drawTime: 'beforeDatasetsDraw'\n },\n annotations: {\n annotation1,\n annotation2\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction average(ctx) {\n const values = ctx.chart.data.datasets[0].data;\n return values.reduce((a, b) => a + b, 0) / values.length;\n}\n\nfunction min(ctx) {\n const values = ctx.chart.data.datasets[0].data;\n return values.reduce((a, b) => Math.min(a, b), Infinity);\n}\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Add data',\n handler: function(chart) {\n chart.data.labels.push(chart.data.labels.length);\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.push(Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Remove data',\n handler: function(chart) {\n chart.data.labels.shift();\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.shift();\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Lower and upper bounds",frontmatter:{},regularPath:"/samples/line/lowerUpper.html",relativePath:"samples/line/lowerUpper.md",key:"v-5f6c329d",path:"/samples/line/lowerUpper.html",lastUpdated:"9/20/2024, 12:31:31 PM",lastUpdatedTimestamp:1726835491e3,content:" Lower and upper bounds \n \nconst DATA_COUNT = 8;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(8);\n\nconst labels = [];\nfor (let i = 0; i \n\n// \nconst annotation1 = {\n type: 'line',\n borderColor: 'black',\n borderWidth: 3,\n label: {\n display: true,\n backgroundColor: 'black',\n borderColor: 'black',\n borderRadius: 10,\n borderWidth: 2,\n content: (ctx) => 'Lower bound: ' + minValue(ctx).toFixed(3),\n rotation: 'auto'\n },\n scaleID: 'y',\n value: minValue\n};\n// \n\n// \nconst annotation2 = {\n type: 'line',\n borderWidth: 3,\n borderColor: 'black',\n label: {\n display: true,\n backgroundColor: 'black',\n borderColor: 'black',\n borderRadius: 10,\n borderWidth: 2,\n content: (ctx) => 'Upper bound: ' + maxValue(ctx).toFixed(3),\n rotation: 'auto'\n },\n scaleID: 'y',\n value: maxValue\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n y: {\n stacked: true\n }\n },\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction minValue(ctx) {\n const dataset = ctx.chart.data.datasets[0];\n const min = dataset.data.reduce((max, point) => Math.min(point, max), Infinity);\n return isFinite(min) ? min : 0;\n}\n\nfunction maxValue(ctx) {\n const datasets = ctx.chart.data.datasets;\n const count = datasets[0].data.length;\n let max = 0;\n for (let i = 0; i \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Add data',\n handler: function(chart) {\n chart.data.labels.push(chart.data.labels.length);\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.push(Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Remove data',\n handler: function(chart) {\n chart.data.labels.shift();\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.shift();\n });\n chart.update();\n }\n },\n {\n name: 'Cycle position',\n handler: function(chart) {\n const annotations = chart.options.plugins.annotation.annotations;\n if (annotations.annotation1.label.position === 'start') {\n annotations.annotation1.label.position = 'end';\n annotations.annotation2.label.position = 'end';\n } else if (annotations.annotation1.label.position === 'center') {\n annotations.annotation1.label.position = 'start';\n annotations.annotation2.label.position = 'start';\n } else {\n annotations.annotation1.label.position = 'center';\n annotations.annotation2.label.position = 'center';\n }\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Standard deviation",frontmatter:{},regularPath:"/samples/line/standardDeviation.html",relativePath:"samples/line/standardDeviation.md",key:"v-bc3af7aa",path:"/samples/line/standardDeviation.html",lastUpdated:"9/20/2024, 12:31:31 PM",lastUpdatedTimestamp:1726835491e3,content:" Standard deviation \n \nconst DATA_COUNT = 16;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(8);\n\nconst labels = [];\nfor (let i = 0; i \n\n// \nconst annotation1 = {\n type: 'line',\n borderColor: 'rgb(100, 149, 237)',\n borderDash: [6, 6],\n borderDashOffset: 0,\n borderWidth: 3,\n label: {\n display: true,\n backgroundColor: 'rgb(100, 149, 237)',\n content: (ctx) => 'Average: ' + average(ctx).toFixed(2)\n },\n scaleID: 'y',\n value: (ctx) => average(ctx)\n};\n// \n\n// \nconst annotation2 = {\n type: 'line',\n borderColor: 'rgba(102, 102, 102, 0.5)',\n borderDash: [6, 6],\n borderDashOffset: 0,\n borderWidth: 3,\n label: {\n display: true,\n backgroundColor: 'rgba(102, 102, 102, 0.5)',\n color: 'black',\n content: (ctx) => (average(ctx) + standardDeviation(ctx)).toFixed(2),\n position: 'start',\n rotation: -90,\n yAdjust: -28\n },\n scaleID: 'y',\n value: (ctx) => average(ctx) + standardDeviation(ctx)\n};\n// \n\n// \nconst annotation3 = {\n type: 'line',\n borderColor: 'rgba(102, 102, 102, 0.5)',\n borderDash: [6, 6],\n borderDashOffset: 0,\n borderWidth: 3,\n label: {\n display: true,\n backgroundColor: 'rgba(102, 102, 102, 0.5)',\n color: 'black',\n content: (ctx) => (average(ctx) - standardDeviation(ctx)).toFixed(2),\n position: 'end',\n rotation: 90,\n yAdjust: 28\n },\n scaleID: 'y',\n value: (ctx) => average(ctx) - standardDeviation(ctx)\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scale: {\n y: {\n beginAtZero: true,\n max: 120,\n min: 0\n }\n },\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2,\n annotation3\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction average(ctx) {\n const values = ctx.chart.data.datasets[0].data;\n return values.reduce((a, b) => a + b, 0) / values.length;\n}\n\nfunction standardDeviation(ctx) {\n const values = ctx.chart.data.datasets[0].data;\n const n = values.length;\n const mean = average(ctx);\n return Math.sqrt(values.map(x => Math.pow(x - mean, 2)).reduce((a, b) => a + b) / n);\n}\n\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Add data',\n handler: function(chart) {\n chart.data.labels.push(chart.data.labels.length);\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.push(Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Remove data',\n handler: function(chart) {\n chart.data.labels.shift();\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.shift();\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Limited lines",frontmatter:{},regularPath:"/samples/line/limited.html",relativePath:"samples/line/limited.md",key:"v-2f3a8d3f",path:"/samples/line/limited.html",lastUpdated:"9/20/2024, 12:31:31 PM",lastUpdatedTimestamp:1726835491e3,content:" Limited lines \n \nconst DATA_COUNT = 12;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(8);\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }, {\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'line',\n borderColor: 'green',\n borderWidth: 3,\n label: {\n display: true,\n backgroundColor: 'lightGreen',\n borderRadius: 0,\n color: 'green',\n content: 'Summer time'\n },\n arrowHeads: {\n start: {\n display: true,\n borderColor: 'green'\n },\n end: {\n display: true,\n borderColor: 'green'\n }\n },\n xMax: 8,\n xMin: 5,\n xScaleID: 'x',\n yMax: 110,\n yMin: 110,\n yScaleID: 'y'\n};\n// \n\n// \nconst annotation2 = {\n type: 'line',\n borderColor: 'green',\n borderDash: [6, 6],\n borderWidth: 1,\n xMax: 5,\n xMin: 5,\n xScaleID: 'x',\n yMax: 0,\n yMin: 110,\n yScaleID: 'y'\n};\n// \n\n// \nconst annotation3 = {\n type: 'line',\n borderColor: 'green',\n borderDash: [6, 6],\n borderWidth: 1,\n xMax: 8,\n xMin: 8,\n xScaleID: 'x',\n yMax: 0,\n yMin: 110,\n yScaleID: 'y'\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scale: {\n y: {\n beginAtZero: true,\n max: 120,\n min: 0\n }\n },\n plugins: {\n annotation: {\n common: {\n drawTime: 'beforeDraw'\n },\n annotations: {\n annotation1,\n annotation2,\n annotation3\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Line visibility",frontmatter:{},regularPath:"/samples/line/visibility.html",relativePath:"samples/line/visibility.md",key:"v-5eb79d3d",path:"/samples/line/visibility.html",lastUpdated:"9/20/2024, 12:31:31 PM",lastUpdatedTimestamp:1726835491e3,content:" Line visibility \n \nconst DATA_COUNT = 6;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(8);\nconst jointValue = Utils.rand(MIN, MAX);\n\nconst dataCfg = Utils.numbers({count: DATA_COUNT, min: MIN, max: MAX});\ndataCfg.push(jointValue, NaN, NaN, NaN, NaN, NaN, NaN);\n\nconst futureCfg = Utils.numbers({count: DATA_COUNT - 1, min: MIN, max: MAX});\nfutureCfg.splice(0, 0, NaN, NaN, NaN, NaN, NaN, NaN, jointValue);\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: dataCfg\n }, {\n data: futureCfg,\n borderDash: [6, 6]\n }]\n};\n// \n\n// \nconst annotation = {\n type: 'line',\n borderColor: 'black',\n borderWidth: 1,\n display: (ctx) => ctx.chart.isDatasetVisible(1),\n label: {\n display: true,\n content: 'Now',\n position: 'start'\n },\n scaleID: 'x',\n value: 'July'\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n plugins: {\n annotation: {\n annotations: {\n annotation\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Toggle annotation',\n handler: function(chart) {\n const visible = chart.isDatasetVisible(1);\n if (visible) {\n chart.options.scales.x.max = 'July';\n } else {\n chart.options.scales.x.max = undefined;\n }\n chart.setDatasetVisibility(1, !visible);\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Basic",frontmatter:{},regularPath:"/samples/point/basic.html",relativePath:"samples/point/basic.md",key:"v-13db7dfd",path:"/samples/point/basic.html",lastUpdated:"9/20/2024, 12:31:31 PM",lastUpdatedTimestamp:1726835491e3,content:" Basic \n \nconst DATA_COUNT = 8;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(5);\n\nconst labels = [];\nfor (let i = 0; i \n\n// \nconst annotation1 = {\n type: 'point',\n backgroundColor: 'rgba(0, 255, 255, 0.4)',\n borderColor: 'black',\n borderWidth: 3,\n scaleID: 'y',\n xValue: (ctx) => value(ctx, 0, 2, 'x'),\n yValue: (ctx) => value(ctx, 0, 2, 'y')\n};\n// \n\n// \nconst annotation2 = {\n type: 'point',\n backgroundColor: 'transparent',\n borderColor: 'red',\n borderWidth: 5,\n pointStyle: 'triangle',\n radius: 25,\n scaleID: 'y',\n xValue: (ctx) => value(ctx, 1, 4, 'x'),\n yValue: (ctx) => value(ctx, 1, 4, 'y')\n};\n// \n\n// \nconst annotation3 = {\n type: 'point',\n borderColor: 'orange',\n borderWidth: 3,\n drawTime: 'beforeDraw',\n pointStyle: 'star',\n radius: 25,\n scaleID: 'y',\n xValue: (ctx) => value(ctx, 1, 6, 'x'),\n yValue: (ctx) => value(ctx, 1, 6, 'y')\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2,\n annotation3\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction value(ctx, datasetIndex, index, prop) {\n const meta = ctx.chart.getDatasetMeta(datasetIndex);\n const parsed = meta.controller.getParsed(index);\n return parsed ? parsed[prop] : NaN;\n}\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Add data',\n handler: function(chart) {\n chart.data.labels.push(chart.data.labels.length);\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.push(Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Remove data',\n handler: function(chart) {\n chart.data.labels.shift();\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.shift();\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config\n};\n`\"/>"},{title:"Combined annotations",frontmatter:{},regularPath:"/samples/point/combined.html",relativePath:"samples/point/combined.md",key:"v-21782935",path:"/samples/point/combined.html",lastUpdated:"9/20/2024, 12:31:31 PM",lastUpdatedTimestamp:1726835491e3,content:" Combined annotations \n \nconst DATA_COUNT = 12;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(8);\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }, {\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'line',\n borderColor: 'green',\n borderDash: [6, 6],\n borderWidth: 3,\n label: {\n display: true,\n backgroundColor: 'lightGreen',\n borderRadius: 0,\n color: 'green',\n content: 'Project timeline'\n },\n arrowHeads: {\n end: {\n display: true,\n fill: true,\n borderDash: [],\n borderColor: 'green'\n }\n },\n xMax: 10.5,\n xMin: 2.5,\n xScaleID: 'x',\n yMax: 110,\n yMin: 110,\n yScaleID: 'y'\n};\n// \n\n// \nconst annotation2 = {\n type: 'line',\n borderColor: 'green',\n borderDash: [6, 6],\n borderWidth: 1,\n xMax: 2.5,\n xMin: 2.5,\n xScaleID: 'x',\n yMax: 0,\n yMin: 110,\n yScaleID: 'y'\n};\n// \n\n// \nconst annotation3 = {\n type: 'line',\n borderColor: 'green',\n borderDash: [6, 6],\n borderWidth: 1,\n xMax: 10.5,\n xMin: 10.5,\n xScaleID: 'x',\n yMax: 0,\n yMin: 110,\n yScaleID: 'y'\n};\n// \n\n// \nconst annotation4 = {\n type: 'point',\n backgroundColor: 'green',\n borderWidth: 0,\n xValue: 2.5,\n xScaleID: 'x',\n yValue: 110,\n yScaleID: 'y'\n};\n// \n\n/* */\nconst config = {\n type: 'bar',\n data,\n options: {\n scale: {\n y: {\n beginAtZero: true,\n max: 120,\n min: 0\n }\n },\n plugins: {\n annotation: {\n common: {\n drawTime: 'beforeDraw'\n },\n annotations: {\n annotation1,\n annotation2,\n annotation3,\n annotation4\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Initial animations",frontmatter:{},regularPath:"/samples/point/initAnim.html",relativePath:"samples/point/initAnim.md",key:"v-246c16bd",path:"/samples/point/initAnim.html",lastUpdated:"9/20/2024, 12:31:31 PM",lastUpdatedTimestamp:1726835491e3,content:" Initial animations \n \nconst DATA_COUNT = 12;\nconst MIN = 10;\nconst MAX = 100;\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'point',\n backgroundColor: 'rgba(0, 150, 0, 0.2)',\n borderColor: 'rgba(0, 150, 0)',\n borderRadius: 4,\n borderWidth: 1,\n init: true,\n radius: 40,\n xMax: 6.5,\n xMin: 4.5,\n yMax: 60,\n yMin: 40\n};\nconst labelAnnotation1 = {\n type: 'label',\n init: true,\n content: 'Fade',\n xMax: 6.5,\n xMin: 4.5,\n yMax: 60,\n yMin: 40\n};\n// \n\n// \nconst annotation2 = {\n type: 'point',\n backgroundColor: 'rgba(0, 150, 0, 0.2)',\n borderColor: 'rgba(0, 150, 0)',\n borderRadius: 4,\n borderWidth: 1,\n init: () => ({centerY: 0}),\n radius: 40,\n xMax: 2.5,\n xMin: 0.5,\n yMax: 30,\n yMin: 10\n};\nconst labelAnnotation2 = {\n type: 'label',\n init: () => ({y: 0, y2: 0, width: 0, height: 0}),\n content: 'Flyin from top',\n xMax: 2.5,\n xMin: 0.5,\n yMax: 30,\n yMin: 10\n};\n// \n\n// \nconst annotation3 = {\n type: 'point',\n backgroundColor: 'rgba(0, 150, 0, 0.2)',\n borderColor: 'rgba(0, 150, 0)',\n borderRadius: 4,\n borderWidth: 1,\n init: () => ({centerX: 0}),\n radius: 40,\n xMax: 10.5,\n xMin: 8.5,\n yMax: 90,\n yMin: 70\n};\nconst labelAnnotation3 = {\n type: 'label',\n init: () => ({x: 0, x2: 0, width: 0, height: 0}),\n content: 'Flyin from left',\n xMax: 10.5,\n xMin: 8.5,\n yMax: 90,\n yMin: 70\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n y: {\n beginAtZero: true,\n max: 100,\n min: 0\n }\n },\n plugins: {\n annotation: {\n common: {\n drawTime: 'afterDraw'\n },\n annotations: {\n annotation1,\n labelAnnotation1,\n annotation2,\n labelAnnotation2,\n annotation3,\n labelAnnotation3\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Shadow",frontmatter:{},regularPath:"/samples/point/shadow.html",relativePath:"samples/point/shadow.md",key:"v-0fc2653f",path:"/samples/point/shadow.html",lastUpdated:"9/20/2024, 12:31:31 PM",lastUpdatedTimestamp:1726835491e3,content:" Shadow \n \nconst DATA_COUNT = 8;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(5);\n\nconst labels = [];\nfor (let i = 0; i \n\n// \nconst annotation1 = {\n type: 'point',\n backgroundColor: 'rgba(0, 255, 255, 0.4)',\n backgroundShadowColor: 'black',\n borderColor: 'black',\n borderWidth: 3,\n scaleID: 'y',\n shadowBlur: 3,\n shadowOffsetX: 3,\n shadowOffsetY: 10,\n xValue: (ctx) => value(ctx, 0, 2, 'x'),\n yValue: (ctx) => value(ctx, 0, 2, 'y')\n};\n// \n\n// \nconst annotation2 = {\n type: 'point',\n backgroundColor: 'rgba(245, 245, 245, 0.5)',\n borderColor: 'red',\n borderShadowColor: 'gray',\n borderWidth: 5,\n pointStyle: 'triangle',\n radius: 25,\n scaleID: 'y',\n shadowBlur: 3,\n shadowOffsetX: 3,\n shadowOffsetY: 10,\n xValue: (ctx) => value(ctx, 1, 4, 'x'),\n yValue: (ctx) => value(ctx, 1, 4, 'y')\n};\n// \n\n// \nconst annotation3 = {\n type: 'point',\n borderColor: 'orange',\n borderShadowColor: 'black',\n borderWidth: 3,\n drawTime: 'beforeDraw',\n pointStyle: 'star',\n radius: 25,\n scaleID: 'y',\n shadowBlur: 3,\n shadowOffsetX: 3,\n shadowOffsetY: 10,\n xValue: (ctx) => value(ctx, 1, 6, 'x'),\n yValue: (ctx) => value(ctx, 1, 6, 'y')\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2,\n annotation3\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction value(ctx, datasetIndex, index, prop) {\n const meta = ctx.chart.getDatasetMeta(datasetIndex);\n const parsed = meta.controller.getParsed(index);\n return parsed ? parsed[prop] : NaN;\n}\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Add data',\n handler: function(chart) {\n chart.data.labels.push(chart.data.labels.length);\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.push(Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Remove data',\n handler: function(chart) {\n chart.data.labels.shift();\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.shift();\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config\n};\n`\"/>"},{title:"Basic",frontmatter:{},regularPath:"/samples/polygon/basic.html",relativePath:"samples/polygon/basic.md",key:"v-3ae674fd",path:"/samples/polygon/basic.html",lastUpdated:"9/20/2024, 12:31:31 PM",lastUpdatedTimestamp:1726835491e3,content:" Basic \n \nconst DATA_COUNT = 8;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(5);\n\nconst labels = [];\nfor (let i = 0; i \n\n// \nconst annotation1 = {\n type: 'polygon',\n backgroundColor: 'rgba(0, 255, 255, 0.4)',\n borderColor: 'black',\n borderWidth: 3,\n radius: 25,\n scaleID: 'y',\n xValue: (ctx) => value(ctx, 0, 2, 'x'),\n yValue: (ctx) => value(ctx, 0, 2, 'y')\n};\n// \n\n// \nconst annotation2 = {\n type: 'polygon',\n backgroundColor: 'transparent',\n borderColor: 'red',\n borderWidth: 5,\n radius: 25,\n scaleID: 'y',\n sides: 5,\n xValue: (ctx) => value(ctx, 1, 4, 'x'),\n yValue: (ctx) => value(ctx, 1, 4, 'y')\n};\n// \n\n// \nconst annotation3 = {\n type: 'polygon',\n backgroundColor: 'transparent',\n borderColor: 'gray',\n borderWidth: 3,\n radius: 30,\n sides: 8,\n scaleID: 'y',\n xValue: (ctx) => value(ctx, 1, 6, 'x'),\n yValue: (ctx) => value(ctx, 1, 6, 'y')\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2,\n annotation3\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction value(ctx, datasetIndex, index, prop) {\n const meta = ctx.chart.getDatasetMeta(datasetIndex);\n const parsed = meta.controller.getParsed(index);\n return parsed ? parsed[prop] : NaN;\n}\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Add data',\n handler: function(chart) {\n chart.data.labels.push(chart.data.labels.length);\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.push(Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Remove data',\n handler: function(chart) {\n chart.data.labels.shift();\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.shift();\n });\n chart.update();\n }\n },\n {\n name: 'Add a side to annotation 1',\n handler: function(chart) {\n chart.options.plugins.annotation.annotations.annotation1.sides++;\n chart.update();\n }\n },\n {\n name: 'Remove a side from annotation 1',\n handler: function(chart) {\n chart.options.plugins.annotation.annotations.annotation1.sides--;\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config\n};\n`\"/>"},{title:"Polygons outside of chart area",frontmatter:{},regularPath:"/samples/polygon/outsideChartArea.html",relativePath:"samples/polygon/outsideChartArea.md",key:"v-39b04a87",path:"/samples/polygon/outsideChartArea.html",lastUpdated:"9/20/2024, 12:31:31 PM",lastUpdatedTimestamp:1726835491e3,content:" Polygons outside of chart area \n \nconst DATA_COUNT = 12;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(8);\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }, {\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'line',\n borderColor: 'lime',\n borderWidth: 2,\n scaleID: 'x',\n value: 3\n};\n// \n\n// \nconst annotation2 = {\n type: 'polygon',\n backgroundColor: 'lime',\n borderColor: 'black',\n borderWidth: 1,\n radius: 15,\n sides: 5,\n xValue: 3,\n xScaleID: 'x',\n yAdjust: 5,\n yValue: 0,\n yScaleID: 'y'\n};\n// \n\n// \nconst annotation3 = {\n type: 'polygon',\n backgroundColor: 'lime',\n borderColor: 'black',\n borderWidth: 1,\n pointStyle: 'triangle',\n radius: 15,\n rotation: 180,\n sides: 5,\n xValue: 3,\n xScaleID: 'x',\n yAdjust: -5,\n yValue: 100,\n yScaleID: 'y'\n};\n// \n\n/* */\nconst config = {\n type: 'bar',\n data,\n options: {\n layout: {\n padding: {\n top: 20\n }\n },\n scale: {\n y: {\n beginAtZero: true,\n max: 100,\n min: 0\n }\n },\n plugins: {\n annotation: {\n clip: false,\n common: {\n drawTime: 'afterDraw'\n },\n annotations: {\n annotation1,\n annotation2,\n annotation3\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n const xValue = Utils.rand(0, DATA_COUNT - 1);\n chart.options.plugins.annotation.annotations.annotation1.value = xValue;\n chart.options.plugins.annotation.annotations.annotation2.xValue = xValue;\n chart.options.plugins.annotation.annotations.annotation3.xValue = xValue;\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Points outside of chart area",frontmatter:{},regularPath:"/samples/point/outsideChartArea.html",relativePath:"samples/point/outsideChartArea.md",key:"v-dd2b401a",path:"/samples/point/outsideChartArea.html",lastUpdated:"9/20/2024, 12:31:31 PM",lastUpdatedTimestamp:1726835491e3,content:" Points outside of chart area \n \nconst DATA_COUNT = 12;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(8);\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }, {\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'point',\n backgroundColor: 'lime',\n borderColor: 'black',\n borderWidth: 1,\n pointStyle: 'triangle',\n radius: 15,\n xValue: 3,\n xScaleID: 'x',\n yAdjust: 5,\n yValue: 0,\n yScaleID: 'y'\n};\n// \n\n// \nconst annotation2 = {\n type: 'point',\n backgroundColor: 'lime',\n borderColor: 'black',\n borderWidth: 1,\n pointStyle: 'triangle',\n radius: 15,\n rotation: 180,\n xValue: 3,\n xScaleID: 'x',\n yAdjust: -5,\n yValue: 100,\n yScaleID: 'y'\n};\n// \n\n/* */\nconst config = {\n type: 'bar',\n data,\n options: {\n layout: {\n padding: {\n top: 16\n }\n },\n scale: {\n y: {\n beginAtZero: true,\n max: 100,\n min: 0\n }\n },\n plugins: {\n annotation: {\n clip: false,\n common: {\n drawTime: 'afterDraw'\n },\n annotations: {\n annotation1,\n annotation2\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n const xValue = Utils.rand(0, DATA_COUNT - 1);\n chart.options.plugins.annotation.annotations.annotation1.xValue = xValue;\n chart.options.plugins.annotation.annotations.annotation2.xValue = xValue;\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Shadow",frontmatter:{},regularPath:"/samples/polygon/shadow.html",relativePath:"samples/polygon/shadow.md",key:"v-45140bd3",path:"/samples/polygon/shadow.html",lastUpdated:"9/20/2024, 12:31:31 PM",lastUpdatedTimestamp:1726835491e3,content:" Shadow \n \nconst DATA_COUNT = 8;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(5);\n\nconst labels = [];\nfor (let i = 0; i \n\n// \nconst annotation1 = {\n type: 'polygon',\n backgroundColor: 'white',\n backgroundShadowColor: 'black',\n borderColor: 'red',\n borderJoinStyle: 'round',\n borderWidth: 7,\n radius: 40,\n rotation: 180,\n shadowBlur: 3,\n shadowOffsetX: 3,\n shadowOffsetY: 10,\n xValue: (ctx) => value(ctx, 0, 2, 'x'),\n yValue: (ctx) => value(ctx, 0, 2, 'y')\n};\n// \n\n// \nconst annotation2 = {\n type: 'polygon',\n backgroundColor: 'white',\n backgroundShadowColor: 'black',\n borderColor: 'red',\n borderJoinStyle: 'round',\n borderWidth: 7,\n radius: 40,\n shadowBlur: 3,\n shadowOffsetX: 3,\n shadowOffsetY: 10,\n xValue: (ctx) => value(ctx, 0, 4, 'x'),\n yValue: (ctx) => value(ctx, 0, 4, 'y')\n};\n// \n\n// \nconst annotation3 = {\n type: 'label',\n color: 'black',\n content: '!',\n font: {\n size: 40,\n family: 'Arial',\n weight: 'bold'\n },\n xValue: (ctx) => value(ctx, 0, 4, 'x'),\n yValue: (ctx) => value(ctx, 0, 4, 'y')\n};\n// \n\n// \nconst annotation4 = {\n type: 'polygon',\n backgroundColor: 'red',\n backgroundShadowColor: 'black',\n borderColor: 'white',\n borderWidth: 4,\n radius: 40,\n rotation: 22.5,\n shadowBlur: 3,\n shadowOffsetX: 3,\n shadowOffsetY: 10,\n sides: 8,\n xValue: (ctx) => value(ctx, 0, 6, 'x'),\n yValue: (ctx) => value(ctx, 0, 6, 'y')\n};\n// \n\n// \nconst annotation5 = {\n type: 'label',\n color: 'white',\n content: 'STOP',\n font: {\n size: 24\n },\n xValue: (ctx) => value(ctx, 0, 6, 'x'),\n yValue: (ctx) => value(ctx, 0, 6, 'y')\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n y: {\n beginAtZero: true,\n max: 120,\n min: 0\n }\n },\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2,\n annotation3,\n annotation4,\n annotation5\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction value(ctx, datasetIndex, index, prop) {\n const meta = ctx.chart.getDatasetMeta(datasetIndex);\n const parsed = meta.controller.getParsed(index);\n return parsed ? parsed[prop] : NaN;\n}\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Add data',\n handler: function(chart) {\n chart.data.labels.push(chart.data.labels.length);\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.push(Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Remove data',\n handler: function(chart) {\n chart.data.labels.shift();\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.shift();\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config\n};\n`\"/>"},{title:"Stop",frontmatter:{},regularPath:"/samples/polygon/stop.html",relativePath:"samples/polygon/stop.md",key:"v-f2852e62",path:"/samples/polygon/stop.html",lastUpdated:"9/20/2024, 12:31:31 PM",lastUpdatedTimestamp:1726835491e3,content:" Stop \n \nconst DATA_COUNT = 8;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(5);\n\nconst labels = [];\nfor (let i = 0; i \n\n// \nconst annotation1 = {\n type: 'polygon',\n backgroundColor: 'white',\n borderColor: 'red',\n borderJoinStyle: 'round',\n borderWidth: 7,\n radius: 40,\n rotation: 180,\n xValue: (ctx) => value(ctx, 0, 2, 'x'),\n yValue: (ctx) => value(ctx, 0, 2, 'y')\n};\n// \n\n// \nconst annotation2 = {\n type: 'polygon',\n backgroundColor: 'white',\n borderColor: 'red',\n borderJoinStyle: 'round',\n borderWidth: 7,\n radius: 40,\n xValue: (ctx) => value(ctx, 0, 4, 'x'),\n yValue: (ctx) => value(ctx, 0, 4, 'y')\n};\n// \n\n// \nconst annotation3 = {\n type: 'label',\n color: 'black',\n content: '!',\n font: {\n size: 40,\n family: 'Arial',\n weight: 'bold'\n },\n xValue: (ctx) => value(ctx, 0, 4, 'x'),\n yValue: (ctx) => value(ctx, 0, 4, 'y')\n};\n// \n\n// \nconst annotation4 = {\n type: 'polygon',\n backgroundColor: 'red',\n borderColor: 'white',\n borderWidth: 4,\n radius: 40,\n rotation: 22.5,\n sides: 8,\n xValue: (ctx) => value(ctx, 0, 6, 'x'),\n yValue: (ctx) => value(ctx, 0, 6, 'y')\n};\n// \n\n// \nconst annotation5 = {\n type: 'label',\n color: 'white',\n content: 'STOP',\n font: {\n size: 24\n },\n xValue: (ctx) => value(ctx, 0, 6, 'x'),\n yValue: (ctx) => value(ctx, 0, 6, 'y')\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n y: {\n beginAtZero: true,\n max: 120,\n min: 0\n }\n },\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2,\n annotation3,\n annotation4,\n annotation5\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction value(ctx, datasetIndex, index, prop) {\n const meta = ctx.chart.getDatasetMeta(datasetIndex);\n const parsed = meta.controller.getParsed(index);\n return parsed ? parsed[prop] : NaN;\n}\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Add data',\n handler: function(chart) {\n chart.data.labels.push(chart.data.labels.length);\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.push(Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Remove data',\n handler: function(chart) {\n chart.data.labels.shift();\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.shift();\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config\n};\n`\"/>"},{title:"Utils",frontmatter:{},regularPath:"/samples/utils.html",relativePath:"samples/utils.md",key:"v-4719da06",path:"/samples/utils.html",headers:[{level:2,title:"Disclaimer",slug:"disclaimer"},{level:2,title:"Functions",slug:"functions"}],lastUpdated:"9/20/2024, 12:31:31 PM",lastUpdatedTimestamp:1726835491e3,content:" Utils \n Disclaimer \n The Utils file contains multiple helper functions that the annotation plugin sample pages use to generate charts.\nThese functions are subject to change, including but not limited to breaking changes without prior notice. \n Because of this please don't rely on this file in production environments. \n Functions \n import { Chart } from 'chart.js' ; \n import { valueOrDefault } from 'chart.js/helpers' ; \n\n // Adapted from http://indiegamr.com/generate-repeatable-random-numbers-in-js/ \n let _seed = Date . now ( ) ; \n\n export function srand ( seed ) { \n _seed = seed ; \n } \n\n export function rand ( min , max ) { \n min = valueOrDefault ( min , 0 ) ; \n max = valueOrDefault ( max , 0 ) ; \n _seed = ( _seed * 9301 + 49297 ) % 233280 ; \n return min + ( _seed / 233280 ) * ( max - min ) ; \n } \n\n export function numbers ( config ) { \n var cfg = config || { } ; \n var min = valueOrDefault ( cfg . min , 0 ) ; \n var max = valueOrDefault ( cfg . max , 100 ) ; \n var from = valueOrDefault ( cfg . from , [ ] ) ; \n var count = valueOrDefault ( cfg . count , 8 ) ; \n var decimals = valueOrDefault ( cfg . decimals , 8 ) ; \n var continuity = valueOrDefault ( cfg . continuity , 1 ) ; \n var dfactor = Math . pow ( 10 , decimals ) || 0 ; \n var data = [ ] ; \n var i , value ; \n\n for ( i = 0 ; i < count ; ++ i ) { \n value = ( from [ i ] || 0 ) + this . rand ( min , max ) ; \n if ( this . rand ( ) <= continuity ) { \n data . push ( Math . round ( dfactor * value ) / dfactor ) ; \n } else { \n data . push ( null ) ; \n } \n } \n\n return data ; \n } \n\n export function points ( config ) { \n const xs = this . numbers ( config ) ; \n const ys = this . numbers ( config ) ; \n return xs . map ( ( x , i ) => ( { x , y : ys [ i ] } ) ) ; \n } \n\n export function getImage ( ) { \n const img = new Image ( ) ; \n img . src = 'https://www.chartjs.org/chartjs-plugin-annotation/latest/favicon.png' ; \n return img ; \n } \n\n let pieChart = null ; \n\n export function getChart ( ) { \n if ( pieChart ) { \n return pieChart ; \n } \n const canvas = document . createElement ( 'canvas' ) ; \n canvas . width = 100 ; \n canvas . height = 100 ; \n canvas . style . visibility = 'hidden' ; \n document . body . appendChild ( canvas ) ; \n pieChart = createChart ( canvas ) ; \n return pieChart ; \n } \n\n export function getSpiral ( ) { \n const canvas = document . createElement ( 'canvas' ) ; \n canvas . width = 150 ; \n canvas . height = 150 ; \n const centerX = canvas . width / 2 ; \n const centerY = canvas . height / 2 ; \n const ctx = canvas . getContext ( '2d' ) ; \n ctx . moveTo ( centerX , centerY ) ; \n ctx . beginPath ( ) ; \n for ( let i = 0 ; i < 720 ; i ++ ) { \n const angle = 0.1 * i ; \n const x = centerX + angle * Math . cos ( angle ) ; \n const y = centerX + angle * Math . sin ( angle ) ; \n ctx . lineTo ( x , y ) ; \n } \n ctx . strokeStyle = \"#666\" ; \n ctx . stroke ( ) ; \n return canvas ; \n } \n\n export function getHouse ( ) { \n const canvas = document . createElement ( 'canvas' ) ; \n canvas . width = 230 ; \n canvas . height = 210 ; \n const ctx = canvas . getContext ( '2d' ) ; \n ctx . fillStyle = '#666' ; \n ctx . strokeStyle = '#666' ; \n ctx . lineWidth = 10 ; \n ctx . strokeRect ( 40 , 90 , 150 , 110 ) ; \n ctx . fillRect ( 95 , 140 , 40 , 60 ) ; \n ctx . beginPath ( ) ; \n ctx . moveTo ( 15 , 90 ) ; \n ctx . lineTo ( 115 , 10 ) ; \n ctx . lineTo ( 215 , 90 ) ; \n ctx . closePath ( ) ; \n ctx . stroke ( ) ; \n return canvas ; \n } \n\n function createChart ( canvas ) { \n return new Chart ( canvas , { \n type : 'pie' , \n data : { \n labels : [ 'Bought' , 'Sold' , 'Rented' ] , \n datasets : [ { \n data : [ 42 , 33 , 25 ] , \n backgroundColor : [ '#3366cc' , '#dc3912' , '#ff9900' ] \n } ] \n } , \n options : { \n responsive : false , \n animation : false , \n plugins : { \n version : false , \n legend : false , \n title : false , \n subtitle : false \n } \n } \n } ) ; \n } \n \n File on github \n"}],themeConfig:{repo:"chartjs/chartjs-plugin-annotation",logo:"/favicon.png",lastUpdated:"Last Updated",searchPlaceholder:"Search...",editLinks:!0,docsDir:"docs",chart:{imports:[["scripts/register.js","Register"],["scripts/defaults.js","Defaults"],["scripts/utils.js","Utils"]]},nav:[{text:"Home",link:"/"},{text:"API",link:"/api/"},{text:"Guide",link:"/guide/"},{text:"Samples",link:"/samples/"}],sidebar:{"/api/":{title:"API"},"/guide/":["","integration","usage","options","configuration",{title:"Annotations",collapsable:!1,children:["types/box","types/ellipse","types/label","types/line","types/point","types/polygon"]},"developers",{title:"Migration",collapsable:!0,children:["migrationV3","migrationV2","migrationV1"]}],"/samples/":["intro",{title:"Box annotations",children:["box/basic","box/quarters","box/disclosure","box/canvas","box/image","box/initAnim","box/gradient"]},{title:"Ellipse annotations",children:["ellipse/basic","ellipse/rotation","ellipse/label","ellipse/image"]},{title:"Label annotations",children:["label/basic","label/point","label/callout","label/canvas","label/image","label/innerChart","label/lowerUpper","label/fontsColors","label/autoscaling"]},{title:"Line annotations",children:["line/basic","line/curve","line/lowerUpper","line/limited","line/average","line/standardDeviation","line/callout","line/visibility","line/labelVisibility","line/canvas","line/image","line/datasetBars","line/animation","line/hook"]},{title:"Point annotations",children:["point/basic","point/combined","point/outsideChartArea","point/shadow","point/initAnim"]},{title:"Polygon annotations",children:["polygon/basic","polygon/stop","polygon/outsideChartArea","polygon/shadow"]},{title:"Charts",children:["charts/bar","charts/line"]},{title:"Interaction",children:["interaction/interaction","interaction/dragging","interaction/selection","interaction/cartesianplane"]},"utils"]}}};e(255),e(256);r.a.component("ChartEditor",()=>Promise.all([e.e(0),e.e(3)]).then(e.bind(null,421))),r.a.component("Badge",()=>Promise.all([e.e(0),e.e(5)]).then(e.bind(null,425))),r.a.component("CodeBlock",()=>Promise.all([e.e(0),e.e(6)]).then(e.bind(null,423))),r.a.component("CodeGroup",()=>Promise.all([e.e(0),e.e(7)]).then(e.bind(null,424)));e(257);var Zt,Qt=e(2);function ne(n,t){(null==t||t>n.length)&&(t=n.length);for(var e=0,o=new Array(t);e=0&&(t=n.slice(o),n=n.slice(0,o));var a=n.indexOf("?");return a>=0&&(e=n.slice(a+1),n=n.slice(0,a)),{path:n,query:e,hash:t}}(a.path||""),d=t&&t.path||"/",u=c.path?D(c.path,d,e||a.append):d,h=function(n,t,e){void 0===t&&(t={});var o,a=e||p;try{o=a(n||"")}catch(n){o={}}for(var i in t){var r=t[i];o[i]=Array.isArray(r)?r.map(f):f(r)}return o}(c.query,a.query,o&&o.options.parseQuery),b=a.hash||c.hash;return b&&"#"!==b.charAt(0)&&(b="#"+b),{_normalized:!0,path:u,query:h,hash:b}}var J,q=function(){},G={name:"RouterLink",props:{to:{type:[String,Object],required:!0},tag:{type:String,default:"a"},custom:Boolean,exact:Boolean,exactPath:Boolean,append:Boolean,replace:Boolean,activeClass:String,exactActiveClass:String,ariaCurrentValue:{type:String,default:"page"},event:{type:[String,Array],default:"click"}},render:function(n){var t=this,e=this.$router,o=this.$route,a=e.resolve(this.to,o,this.append),i=a.location,r=a.route,l=a.href,c={},d=e.options.linkActiveClass,u=e.options.linkExactActiveClass,h=null==d?"router-link-active":d,f=null==u?"router-link-exact-active":u,p=null==this.activeClass?h:this.activeClass,b=null==this.exactActiveClass?f:this.exactActiveClass,m=r.redirectedFrom?g(null,H(r.redirectedFrom),null,e):r;c[b]=O(o,m,this.exactPath),c[p]=this.exact||this.exactPath?c[b]:function(n,t){return 0===n.path.replace(v,"/").indexOf(t.path.replace(v,"/"))&&(!t.hash||n.hash===t.hash)&&function(n,t){for(var e in t)if(!(e in n))return!1;return!0}(n.query,t.query)}(o,m);var y=c[b]?this.ariaCurrentValue:null,x=function(n){K(n)&&(t.replace?e.replace(i,q):e.push(i,q))},w={click:K};Array.isArray(this.event)?this.event.forEach((function(n){w[n]=x})):w[this.event]=x;var C={class:c},k=!this.$scopedSlots.$hasNormal&&this.$scopedSlots.default&&this.$scopedSlots.default({href:l,route:r,navigate:x,isActive:c[p],isExactActive:c[b]});if(k){if(1===k.length)return k[0];if(k.length>1||!k.length)return 0===k.length?n():n("span",{},k)}if("a"===this.tag)C.on=w,C.attrs={href:l,"aria-current":y};else{var _=function n(t){var e;if(t)for(var o=0;o-1&&(s.params[h]=e.params[h]);return s.path=X(d.path,s.params),l(d,s,r)}if(s.path){s.params={};for(var f=0;f-1}function An(n,t){return Mn(n)&&n._isRouter&&(null==t||n.type===t)}function Pn(n,t,e){var o=function(a){a>=n.length?e():n[a]?t(n[a],(function(){o(a+1)})):o(a+1)};o(0)}function jn(n){return function(t,e,o){var a=!1,i=0,r=null;Tn(n,(function(n,t,e,s){if("function"==typeof n&&void 0===n.cid){a=!0,i++;var l,c=Ln((function(t){var a;((a=t).__esModule||En&&"Module"===a[Symbol.toStringTag])&&(t=t.default),n.resolved="function"==typeof t?t:J.extend(t),e.components[s]=t,--i<=0&&o()})),d=Ln((function(n){var t="Failed to resolve async component "+s+": "+n;r||(r=Mn(n)?n:new Error(t),o(r))}));try{l=n(c,d)}catch(n){d(n)}if(l)if("function"==typeof l.then)l.then(c,d);else{var u=l.component;u&&"function"==typeof u.then&&u.then(c,d)}}})),a||o()}}function Tn(n,t){return In(n.map((function(n){return Object.keys(n.components).map((function(e){return t(n.components[e],n.instances[e],n,e)}))})))}function In(n){return Array.prototype.concat.apply([],n)}var En="function"==typeof Symbol&&"symbol"==typeof Symbol.toStringTag;function Ln(n){var t=!1;return function(){for(var e=[],o=arguments.length;o--;)e[o]=arguments[o];if(!t)return t=!0,n.apply(this,e)}}var Nn=function(n,t){this.router=n,this.base=function(n){if(!n)if(Z){var t=document.querySelector("base");n=(n=t&&t.getAttribute("href")||"/").replace(/^https?:\/\/[^\/]+/,"")}else n="/";"/"!==n.charAt(0)&&(n="/"+n);return n.replace(/\/$/,"")}(t),this.current=y,this.pending=null,this.ready=!1,this.readyCbs=[],this.readyErrorCbs=[],this.errorCbs=[],this.listeners=[]};function Rn(n,t,e,o){var a=Tn(n,(function(n,o,a,i){var r=function(n,t){"function"!=typeof n&&(n=J.extend(n));return n.options[t]}(n,t);if(r)return Array.isArray(r)?r.map((function(n){return e(n,o,a,i)})):e(r,o,a,i)}));return In(o?a.reverse():a)}function Vn(n,t){if(t)return function(){return n.apply(t,arguments)}}Nn.prototype.listen=function(n){this.cb=n},Nn.prototype.onReady=function(n,t){this.ready?n():(this.readyCbs.push(n),t&&this.readyErrorCbs.push(t))},Nn.prototype.onError=function(n){this.errorCbs.push(n)},Nn.prototype.transitionTo=function(n,t,e){var o,a=this;try{o=this.router.match(n,this.current)}catch(n){throw this.errorCbs.forEach((function(t){t(n)})),n}var i=this.current;this.confirmTransition(o,(function(){a.updateRoute(o),t&&t(o),a.ensureURL(),a.router.afterHooks.forEach((function(n){n&&n(o,i)})),a.ready||(a.ready=!0,a.readyCbs.forEach((function(n){n(o)})))}),(function(n){e&&e(n),n&&!a.ready&&(An(n,Cn.redirected)&&i===y||(a.ready=!0,a.readyErrorCbs.forEach((function(t){t(n)}))))}))},Nn.prototype.confirmTransition=function(n,t,e){var o=this,a=this.current;this.pending=n;var i,r,s=function(n){!An(n)&&Mn(n)&&(o.errorCbs.length?o.errorCbs.forEach((function(t){t(n)})):console.error(n)),e&&e(n)},l=n.matched.length-1,c=a.matched.length-1;if(O(n,a)&&l===c&&n.matched[l]===a.matched[c])return this.ensureURL(),n.hash&&un(this.router,a,n,!1),s(((r=Sn(i=a,n,Cn.duplicated,'Avoided redundant navigation to current location: "'+i.fullPath+'".')).name="NavigationDuplicated",r));var d=function(n,t){var e,o=Math.max(n.length,t.length);for(e=0;e0)){var t=this.router,e=t.options.scrollBehavior,o=xn&&e;o&&this.listeners.push(dn());var a=function(){var e=n.current,a=zn(n.base);n.current===y&&a===n._startLocation||n.transitionTo(a,(function(n){o&&un(t,n,e,!0)}))};window.addEventListener("popstate",a),this.listeners.push((function(){window.removeEventListener("popstate",a)}))}},t.prototype.go=function(n){window.history.go(n)},t.prototype.push=function(n,t,e){var o=this,a=this.current;this.transitionTo(n,(function(n){wn(M(o.base+n.fullPath)),un(o.router,n,a,!1),t&&t(n)}),e)},t.prototype.replace=function(n,t,e){var o=this,a=this.current;this.transitionTo(n,(function(n){On(M(o.base+n.fullPath)),un(o.router,n,a,!1),t&&t(n)}),e)},t.prototype.ensureURL=function(n){if(zn(this.base)!==this.current.fullPath){var t=M(this.base+this.current.fullPath);n?wn(t):On(t)}},t.prototype.getCurrentLocation=function(){return zn(this.base)},t}(Nn);function zn(n){var t=window.location.pathname,e=t.toLowerCase(),o=n.toLowerCase();return!n||e!==o&&0!==e.indexOf(M(o+"/"))||(t=t.slice(n.length)),(t||"/")+window.location.search+window.location.hash}var Wn=function(n){function t(t,e,o){n.call(this,t,e),o&&function(n){var t=zn(n);if(!/^\/#/.test(t))return window.location.replace(M(n+"/#"+t)),!0}(this.base)||Fn()}return n&&(t.__proto__=n),t.prototype=Object.create(n&&n.prototype),t.prototype.constructor=t,t.prototype.setupListeners=function(){var n=this;if(!(this.listeners.length>0)){var t=this.router.options.scrollBehavior,e=xn&&t;e&&this.listeners.push(dn());var o=function(){var t=n.current;Fn()&&n.transitionTo(Bn(),(function(o){e&&un(n.router,o,t,!0),xn||Xn(o.fullPath)}))},a=xn?"popstate":"hashchange";window.addEventListener(a,o),this.listeners.push((function(){window.removeEventListener(a,o)}))}},t.prototype.push=function(n,t,e){var o=this,a=this.current;this.transitionTo(n,(function(n){$n(n.fullPath),un(o.router,n,a,!1),t&&t(n)}),e)},t.prototype.replace=function(n,t,e){var o=this,a=this.current;this.transitionTo(n,(function(n){Xn(n.fullPath),un(o.router,n,a,!1),t&&t(n)}),e)},t.prototype.go=function(n){window.history.go(n)},t.prototype.ensureURL=function(n){var t=this.current.fullPath;Bn()!==t&&(n?$n(t):Xn(t))},t.prototype.getCurrentLocation=function(){return Bn()},t}(Nn);function Fn(){var n=Bn();return"/"===n.charAt(0)||(Xn("/"+n),!1)}function Bn(){var n=window.location.href,t=n.indexOf("#");return t<0?"":n=n.slice(t+1)}function Yn(n){var t=window.location.href,e=t.indexOf("#");return(e>=0?t.slice(0,e):t)+"#"+n}function $n(n){xn?wn(Yn(n)):window.location.hash=n}function Xn(n){xn?On(Yn(n)):window.location.replace(Yn(n))}var Hn=function(n){function t(t,e){n.call(this,t,e),this.stack=[],this.index=-1}return n&&(t.__proto__=n),t.prototype=Object.create(n&&n.prototype),t.prototype.constructor=t,t.prototype.push=function(n,t,e){var o=this;this.transitionTo(n,(function(n){o.stack=o.stack.slice(0,o.index+1).concat(n),o.index++,t&&t(n)}),e)},t.prototype.replace=function(n,t,e){var o=this;this.transitionTo(n,(function(n){o.stack=o.stack.slice(0,o.index).concat(n),t&&t(n)}),e)},t.prototype.go=function(n){var t=this,e=this.index+n;if(!(e<0||e>=this.stack.length)){var o=this.stack[e];this.confirmTransition(o,(function(){var n=t.current;t.index=e,t.updateRoute(o),t.router.afterHooks.forEach((function(t){t&&t(o,n)}))}),(function(n){An(n,Cn.duplicated)&&(t.index=e)}))}},t.prototype.getCurrentLocation=function(){var n=this.stack[this.stack.length-1];return n?n.fullPath:"/"},t.prototype.ensureURL=function(){},t}(Nn),Jn=function(n){void 0===n&&(n={}),this.app=null,this.apps=[],this.options=n,this.beforeHooks=[],this.resolveHooks=[],this.afterHooks=[],this.matcher=tn(n.routes||[],this);var t=n.mode||"hash";switch(this.fallback="history"===t&&!xn&&!1!==n.fallback,this.fallback&&(t="hash"),Z||(t="abstract"),this.mode=t,t){case"history":this.history=new Un(this,n.base);break;case"hash":this.history=new Wn(this,n.base,this.fallback);break;case"abstract":this.history=new Hn(this,n.base);break;default:0}},qn={currentRoute:{configurable:!0}};Jn.prototype.match=function(n,t,e){return this.matcher.match(n,t,e)},qn.currentRoute.get=function(){return this.history&&this.history.current},Jn.prototype.init=function(n){var t=this;if(this.apps.push(n),n.$once("hook:destroyed",(function(){var e=t.apps.indexOf(n);e>-1&&t.apps.splice(e,1),t.app===n&&(t.app=t.apps[0]||null),t.app||t.history.teardown()})),!this.app){this.app=n;var e=this.history;if(e instanceof Un||e instanceof Wn){var o=function(n){e.setupListeners(),function(n){var o=e.current,a=t.options.scrollBehavior;xn&&a&&"fullPath"in n&&un(t,n,o,!1)}(n)};e.transitionTo(e.getCurrentLocation(),o,o)}e.listen((function(n){t.apps.forEach((function(t){t._route=n}))}))}},Jn.prototype.beforeEach=function(n){return Kn(this.beforeHooks,n)},Jn.prototype.beforeResolve=function(n){return Kn(this.resolveHooks,n)},Jn.prototype.afterEach=function(n){return Kn(this.afterHooks,n)},Jn.prototype.onReady=function(n,t){this.history.onReady(n,t)},Jn.prototype.onError=function(n){this.history.onError(n)},Jn.prototype.push=function(n,t,e){var o=this;if(!t&&!e&&"undefined"!=typeof Promise)return new Promise((function(t,e){o.history.push(n,t,e)}));this.history.push(n,t,e)},Jn.prototype.replace=function(n,t,e){var o=this;if(!t&&!e&&"undefined"!=typeof Promise)return new Promise((function(t,e){o.history.replace(n,t,e)}));this.history.replace(n,t,e)},Jn.prototype.go=function(n){this.history.go(n)},Jn.prototype.back=function(){this.go(-1)},Jn.prototype.forward=function(){this.go(1)},Jn.prototype.getMatchedComponents=function(n){var t=n?n.matched?n:this.resolve(n).route:this.currentRoute;return t?[].concat.apply([],t.matched.map((function(n){return Object.keys(n.components).map((function(t){return n.components[t]}))}))):[]},Jn.prototype.resolve=function(n,t,e){var o=H(n,t=t||this.history.current,e,this),a=this.match(o,t),i=a.redirectedFrom||a.fullPath;return{location:o,route:a,href:function(n,t,e){var o="hash"===e?"#"+t:t;return n?M(n+"/"+o):o}(this.history.base,i,this.mode),normalizedTo:o,resolved:a}},Jn.prototype.getRoutes=function(){return this.matcher.getRoutes()},Jn.prototype.addRoute=function(n,t){this.matcher.addRoute(n,t),this.history.current!==y&&this.history.transitionTo(this.history.getCurrentLocation())},Jn.prototype.addRoutes=function(n){this.matcher.addRoutes(n),this.history.current!==y&&this.history.transitionTo(this.history.getCurrentLocation())},Object.defineProperties(Jn.prototype,qn);var Gn=Jn;function Kn(n,t){return n.push(t),function(){var e=n.indexOf(t);e>-1&&n.splice(e,1)}}Jn.install=function n(t){if(!n.installed||J!==t){n.installed=!0,J=t;var e=function(n){return void 0!==n},o=function(n,t){var o=n.$options._parentVnode;e(o)&&e(o=o.data)&&e(o=o.registerRouteInstance)&&o(n,t)};t.mixin({beforeCreate:function(){e(this.$options.router)?(this._routerRoot=this,this._router=this.$options.router,this._router.init(this),t.util.defineReactive(this,"_route",this._router.history.current)):this._routerRoot=this.$parent&&this.$parent._routerRoot||this,o(this,this)},destroyed:function(){o(this)}}),Object.defineProperty(t.prototype,"$router",{get:function(){return this._routerRoot._router}}),Object.defineProperty(t.prototype,"$route",{get:function(){return this._routerRoot._route}}),t.component("RouterView",_),t.component("RouterLink",G);var a=t.config.optionMergeStrategies;a.beforeRouteEnter=a.beforeRouteLeave=a.beforeRouteUpdate=a.created}},Jn.version="3.6.5",Jn.isNavigationFailure=An,Jn.NavigationFailureType=Cn,Jn.START_LOCATION=y,Z&&window.Vue&&window.Vue.use(Jn);e(59);e(17),e(56);var Zn={NotFound:()=>e.e(15).then(e.bind(null,422)),Layout:()=>Promise.all([e.e(0),e.e(2)]).then(e.bind(null,420))},Qn={"v-4a62f668":()=>e.e(16).then(e.bind(null,426)),"v-3b83533d":()=>e.e(17).then(e.bind(null,427)),"v-2d43a12f":()=>e.e(18).then(e.bind(null,428)),"v-19fc5046":()=>e.e(19).then(e.bind(null,429)),"v-2bdf7887":()=>e.e(20).then(e.bind(null,430)),"v-d5f286de":()=>e.e(21).then(e.bind(null,431)),"v-25f1271d":()=>e.e(22).then(e.bind(null,432)),"v-bc74aa06":()=>e.e(24).then(e.bind(null,433)),"v-1c40ad9d":()=>e.e(23).then(e.bind(null,434)),"v-15088ca1":()=>e.e(25).then(e.bind(null,435)),"v-2e4ca05d":()=>e.e(26).then(e.bind(null,436)),"v-1915dd1f":()=>e.e(27).then(e.bind(null,437)),"v-ec8d56c6":()=>e.e(28).then(e.bind(null,438)),"v-7fae43e2":()=>e.e(29).then(e.bind(null,439)),"v-6b2059b3":()=>e.e(30).then(e.bind(null,440)),"v-4b4d89e9":()=>e.e(31).then(e.bind(null,441)),"v-49180d06":()=>e.e(33).then(e.bind(null,442)),"v-c42c2106":()=>e.e(32).then(e.bind(null,443)),"v-f13aec06":()=>e.e(35).then(e.bind(null,444)),"v-29e3487d":()=>e.e(34).then(e.bind(null,445)),"v-3e5dcf1d":()=>e.e(36).then(e.bind(null,446)),"v-35d1c17d":()=>e.e(37).then(e.bind(null,447)),"v-361cec5e":()=>e.e(38).then(e.bind(null,448)),"v-07090646":()=>e.e(39).then(e.bind(null,449)),"v-42745613":()=>e.e(40).then(e.bind(null,450)),"v-16482446":()=>e.e(41).then(e.bind(null,451)),"v-5dd3097d":()=>e.e(42).then(e.bind(null,452)),"v-7b380066":()=>e.e(44).then(e.bind(null,453)),"v-86eb5006":()=>e.e(43).then(e.bind(null,454)),"v-64ad1186":()=>e.e(45).then(e.bind(null,455)),"v-54682062":()=>e.e(46).then(e.bind(null,456)),"v-0e308dd1":()=>e.e(47).then(e.bind(null,457)),"v-4d8c7bf6":()=>e.e(8).then(e.bind(null,458)),"v-1b86f686":()=>e.e(48).then(e.bind(null,459)),"v-121872fd":()=>e.e(4).then(e.bind(null,460)),"v-51daecc6":()=>e.e(49).then(e.bind(null,461)),"v-4d1e5c5d":()=>e.e(50).then(e.bind(null,462)),"v-0db22306":()=>e.e(52).then(e.bind(null,463)),"v-67fac0e2":()=>e.e(53).then(e.bind(null,464)),"v-15f8e6fd":()=>e.e(51).then(e.bind(null,465)),"v-5b88421d":()=>e.e(9).then(e.bind(null,466)),"v-49aea27d":()=>e.e(11).then(e.bind(null,467)),"v-26692906":()=>e.e(10).then(e.bind(null,468)),"v-37e66462":()=>e.e(12).then(e.bind(null,469)),"v-90c1ce06":()=>e.e(13).then(e.bind(null,470)),"v-33db82fd":()=>e.e(14).then(e.bind(null,471)),"v-942110c6":()=>e.e(54).then(e.bind(null,472)),"v-ebb19754":()=>e.e(55).then(e.bind(null,473)),"v-43e4cf76":()=>e.e(57).then(e.bind(null,474)),"v-54f14cdd":()=>e.e(56).then(e.bind(null,475)),"v-366650ca":()=>e.e(58).then(e.bind(null,476)),"v-fac884d6":()=>e.e(59).then(e.bind(null,477)),"v-f46f9a86":()=>e.e(60).then(e.bind(null,478)),"v-b3a5649a":()=>e.e(61).then(e.bind(null,479)),"v-a827b1b2":()=>e.e(62).then(e.bind(null,480)),"v-f0a8046a":()=>e.e(63).then(e.bind(null,481)),"v-1ac7de46":()=>e.e(64).then(e.bind(null,482)),"v-2215247d":()=>e.e(65).then(e.bind(null,483)),"v-475451bd":()=>e.e(67).then(e.bind(null,484)),"v-14c8b49f":()=>e.e(68).then(e.bind(null,485)),"v-06766846":()=>e.e(66).then(e.bind(null,486)),"v-de7917b6":()=>e.e(70).then(e.bind(null,487)),"v-0f11953d":()=>e.e(71).then(e.bind(null,488)),"v-532157ca":()=>e.e(69).then(e.bind(null,489)),"v-8f774586":()=>e.e(72).then(e.bind(null,490)),"v-4f17a19d":()=>e.e(73).then(e.bind(null,491)),"v-ffcf4406":()=>e.e(74).then(e.bind(null,492)),"v-ed85c306":()=>e.e(75).then(e.bind(null,493)),"v-188d5d06":()=>e.e(76).then(e.bind(null,494)),"v-79f854d2":()=>e.e(77).then(e.bind(null,495)),"v-a53ecf06":()=>e.e(78).then(e.bind(null,496)),"v-224dfd1d":()=>e.e(79).then(e.bind(null,497)),"v-4dd91745":()=>e.e(81).then(e.bind(null,498)),"v-e1c46312":()=>e.e(80).then(e.bind(null,499)),"v-5cbaa4bd":()=>e.e(82).then(e.bind(null,500)),"v-25be76ab":()=>e.e(83).then(e.bind(null,501)),"v-fe2fae0e":()=>e.e(84).then(e.bind(null,502)),"v-14b16052":()=>e.e(85).then(e.bind(null,503)),"v-0d73d593":()=>e.e(86).then(e.bind(null,504)),"v-9e862306":()=>e.e(87).then(e.bind(null,505)),"v-c5c24e7a":()=>e.e(89).then(e.bind(null,506)),"v-22325356":()=>e.e(88).then(e.bind(null,507)),"v-76c7a746":()=>e.e(90).then(e.bind(null,508)),"v-19c0057d":()=>e.e(91).then(e.bind(null,509)),"v-2f3a8d3f":()=>e.e(93).then(e.bind(null,510)),"v-bc3af7aa":()=>e.e(95).then(e.bind(null,511)),"v-940803b2":()=>e.e(92).then(e.bind(null,512)),"v-5eb79d3d":()=>e.e(96).then(e.bind(null,513)),"v-5f6c329d":()=>e.e(94).then(e.bind(null,514)),"v-13db7dfd":()=>e.e(97).then(e.bind(null,515)),"v-21782935":()=>e.e(98).then(e.bind(null,516)),"v-246c16bd":()=>e.e(99).then(e.bind(null,517)),"v-dd2b401a":()=>e.e(100).then(e.bind(null,518)),"v-3ae674fd":()=>e.e(102).then(e.bind(null,519)),"v-45140bd3":()=>e.e(104).then(e.bind(null,520)),"v-0fc2653f":()=>e.e(101).then(e.bind(null,521)),"v-f2852e62":()=>e.e(105).then(e.bind(null,522)),"v-4719da06":()=>e.e(106).then(e.bind(null,523)),"v-39b04a87":()=>e.e(103).then(e.bind(null,524))};function nt(n){const t=Object.create(null);return function(e){return t[e]||(t[e]=n(e))}}const tt=/-(\w)/g,et=nt(n=>n.replace(tt,(n,t)=>t?t.toUpperCase():"")),ot=/\B([A-Z])/g,at=nt(n=>n.replace(ot,"-$1").toLowerCase()),it=nt(n=>n.charAt(0).toUpperCase()+n.slice(1));function rt(n,t){if(!t)return;if(n(t))return n(t);return t.includes("-")?n(it(et(t))):n(it(t))||n(at(t))}const st=Object.assign({},Zn,Qn),lt=n=>st[n],ct=n=>Qn[n],dt=n=>Zn[n],ut=n=>r.a.component(n);function ht(n){return rt(ct,n)}function ft(n){return rt(dt,n)}function pt(n){return rt(lt,n)}function bt(n){return rt(ut,n)}function vt(...n){return Promise.all(n.filter(n=>n).map(async n=>{if(!bt(n)&&pt(n)){const t=await pt(n)();r.a.component(n,t.default)}}))}function gt(n,t){"undefined"!=typeof window&&window.__VUEPRESS__&&(window.__VUEPRESS__[n]=t)}var mt=e(106),yt=e.n(mt),xt=e(107),wt=e.n(xt),Ot={created(){if(this.siteMeta=this.$site.headTags.filter(([n])=>"meta"===n).map(([n,t])=>t),this.$ssrContext){const t=this.getMergedMetaTags();this.$ssrContext.title=this.$title,this.$ssrContext.lang=this.$lang,this.$ssrContext.pageMeta=(n=t)?n.map(n=>{let t="{t+=` ${e}="${wt()(n[e])}"`}),t+">"}).join("\n "):"",this.$ssrContext.canonicalLink=kt(this.$canonicalUrl)}var n},mounted(){this.currentMetaTags=[...document.querySelectorAll("meta")],this.updateMeta(),this.updateCanonicalLink()},methods:{updateMeta(){document.title=this.$title,document.documentElement.lang=this.$lang;const n=this.getMergedMetaTags();this.currentMetaTags=_t(n,this.currentMetaTags)},getMergedMetaTags(){const n=this.$page.frontmatter.meta||[];return yt()([{name:"description",content:this.$description}],n,this.siteMeta,St)},updateCanonicalLink(){Ct(),this.$canonicalUrl&&document.head.insertAdjacentHTML("beforeend",kt(this.$canonicalUrl))}},watch:{$page(){this.updateMeta(),this.updateCanonicalLink()}},beforeDestroy(){_t(null,this.currentMetaTags),Ct()}};function Ct(){const n=document.querySelector("link[rel='canonical']");n&&n.remove()}function kt(n=""){return n?``:""}function _t(n,t){if(t&&[...t].filter(n=>n.parentNode===document.head).forEach(n=>document.head.removeChild(n)),n)return n.map(n=>{const t=document.createElement("meta");return Object.keys(n).forEach(e=>{t.setAttribute(e,n[e])}),document.head.appendChild(t),t})}function St(n){for(const t of["name","property","itemprop"])if(n.hasOwnProperty(t))return n[t]+t;return JSON.stringify(n)}var Dt=e(108),Mt={mounted(){window.addEventListener("scroll",this.onScroll)},methods:{onScroll:e.n(Dt)()((function(){this.setActiveHash()}),300),setActiveHash(){const n=[].slice.call(document.querySelectorAll(".sidebar-link")),t=[].slice.call(document.querySelectorAll(".header-anchor")).filter(t=>n.some(n=>n.hash===t.hash)),e=Math.max(window.pageYOffset,document.documentElement.scrollTop,document.body.scrollTop),o=Math.max(document.documentElement.scrollHeight,document.body.scrollHeight),a=window.innerHeight+e;for(let n=0;n=i.parentElement.offsetTop+10&&(!r||e{this.$nextTick(()=>{this.$vuepress.$set("disableScrollBehavior",!1)})})}}}},beforeDestroy(){window.removeEventListener("scroll",this.onScroll)}},At=e(31),Pt=e.n(At),jt={mounted(){Pt.a.configure({showSpinner:!1}),this.$router.beforeEach((n,t,e)=>{n.path===t.path||r.a.component(n.name)||Pt.a.start(),e()}),this.$router.afterEach(()=>{Pt.a.done(),this.isSidebarOpen=!1})}},Tt=e(12),It=e.n(Tt),Et=e(109),Lt=e(110),Nt=e(22),Rt=e(23),Vt=e(104),Ut=r.a.extend({components:{DropdownLink:Vt.a},props:{item:{type:Object,required:!0}}}),zt=(e(254),e(4)),Wt=Object(zt.a)(Ut,(function(){var n=this._self._c;this._self._setupProxy;return n("div",{staticClass:"versions-dropdown nav-item can-hide"},[n("dropdown-link",{attrs:{item:this.item}})],1)}),[],!1,null,"3dd359e2",null).exports;const Ft=It.a.filters||{};function Bt(n,t,e){let o=Object(Nt.resolveTemplate)(n,t,e);o.startsWith("/")&&(o=`${window.location.origin}${o}`);const a=`${window.location.origin}${It.a.base}`;return o.startsWith(a)?o.substring(a.length)+"/":o}function Yt(n,t){if(n.exclude){const e=new RegExp(n.exclude);t=t.filter(({name:n})=>!n.match(e))}let e=Object(Rt.collapseVersions)(n,t);return n.limit>0&&(e=e.slice(0,n.limit)),e.map(t=>{const{target:e}=n,o=Object(Rt.describeVersion)(t);return{target:e,text:Object(Nt.resolveTemplate)(n.text,o,Ft),link:Bt(n.link,o,Ft)}})}function $t(n,t){const e=n.menu;if(!e)return{};const o=t.find(t=>t.name===n.version)||{name:n.version,tag:null},a=Object(Rt.describeVersion)(o),i=Object(Nt.resolveTemplate)(e.text,a,Ft);return{items:function n(t,e,o){const a=[];for(const i of t)if("versions"===i.type)a.push(...Yt({group:"minor",link:"/{{version}}/",text:"{{version}}",...i},e));else{const t=Object(Rt.describeVersion)(o),r=Object(Nt.resolveTemplate)(i.text||"",t,Ft);i.items?a.push({...i,text:r,type:"links",items:n(i.items,e,o)}):a.push({...i,text:r,link:Bt(i.link||"",t,Ft)})}return a}(e.items||[],t,o),text:i}}const Xt=r.a.observable({inserted:!1,dropdown:{}});var Ht=[Ot,Mt,jt,{async mounted(){{const n=$t(It.a,It.a.versions||[]);r.a.set(Xt,"dropdown",n)}try{const n=await Object(Lt.fetchNpmVersions)(fetch,It.a.name),t=$t(It.a,n);Object.assign(Xt.dropdown,t)}catch(n){console.error("Failed to retrieve available versions")}},async updated(){const n=this.$router;if(!Xt.inserted){for(const t of It.a.menu.locations){const e={item:Xt.dropdown},o=new Wt({router:n,propsData:e}).$mount();Object(Et.injectElement)(this.$el,o.$el,t)}Xt.inserted=!0}}}],Jt={name:"GlobalLayout",computed:{layout(){const n=this.getLayout();return gt("layout",n),r.a.component(n)}},methods:{getLayout(){if(this.$page.path){const n=this.$page.frontmatter.layout;return n&&(this.$vuepress.getLayoutAsyncComponent(n)||this.$vuepress.getVueComponent(n))?n:"Layout"}return"NotFound"}}},qt=Object(zt.a)(Jt,(function(){return(0,this._self._c)(this.layout,{tag:"component"})}),[],!1,null,null,null).exports;!function(n,t,e){switch(t){case"components":n[t]||(n[t]={}),Object.assign(n[t],e);break;case"mixins":n[t]||(n[t]=[]),n[t].push(...e);break;default:throw new Error("Unknown option name.")}}(qt,"mixins",Ht);const Gt=[{name:"v-4a62f668",path:"/api/",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-4a62f668").then(e)}},{path:"/api/index.html",redirect:"/api/"},{name:"v-3b83533d",path:"/api/interfaces/AnnotationBoxModel.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-3b83533d").then(e)}},{name:"v-2d43a12f",path:"/api/interfaces/AnnotationElement.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-2d43a12f").then(e)}},{name:"v-19fc5046",path:"/api/interfaces/AnnotationEvents.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-19fc5046").then(e)}},{name:"v-2bdf7887",path:"/api/interfaces/AnnotationHooks.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-2bdf7887").then(e)}},{name:"v-d5f286de",path:"/api/interfaces/AnnotationPluginOptions.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-d5f286de").then(e)}},{name:"v-25f1271d",path:"/api/interfaces/AnnotationPointCoordinates.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-25f1271d").then(e)}},{name:"v-bc74aa06",path:"/api/interfaces/ArrowHeadOptions.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-bc74aa06").then(e)}},{name:"v-1c40ad9d",path:"/api/interfaces/AnnotationTypeRegistry.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-1c40ad9d").then(e)}},{name:"v-15088ca1",path:"/api/interfaces/ArrowHeadsOptions.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-15088ca1").then(e)}},{name:"v-2e4ca05d",path:"/api/interfaces/BoxAnnotationOptions.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-2e4ca05d").then(e)}},{name:"v-1915dd1f",path:"/api/interfaces/BoxLabelOptions.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-1915dd1f").then(e)}},{name:"v-ec8d56c6",path:"/api/interfaces/CalloutOptions.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-ec8d56c6").then(e)}},{name:"v-7fae43e2",path:"/api/interfaces/ContainedLabelOptions.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-7fae43e2").then(e)}},{name:"v-6b2059b3",path:"/api/interfaces/ControlPointOptions.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-6b2059b3").then(e)}},{name:"v-4b4d89e9",path:"/api/interfaces/CoreAnnotationOptions.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-4b4d89e9").then(e)}},{name:"v-49180d06",path:"/api/interfaces/EllipseAnnotationOptions.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-49180d06").then(e)}},{name:"v-c42c2106",path:"/api/interfaces/CoreLabelOptions.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-c42c2106").then(e)}},{name:"v-f13aec06",path:"/api/interfaces/LabelAnnotationOptions.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-f13aec06").then(e)}},{name:"v-29e3487d",path:"/api/interfaces/EventContext.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-29e3487d").then(e)}},{name:"v-3e5dcf1d",path:"/api/interfaces/LabelOptions.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-3e5dcf1d").then(e)}},{name:"v-35d1c17d",path:"/api/interfaces/LabelPadding.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-35d1c17d").then(e)}},{name:"v-361cec5e",path:"/api/interfaces/LabelPositionObject.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-361cec5e").then(e)}},{name:"v-07090646",path:"/api/interfaces/LabelTypeOptions.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-07090646").then(e)}},{name:"v-42745613",path:"/api/interfaces/LineAnnotationOptions.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-42745613").then(e)}},{name:"v-16482446",path:"/api/interfaces/PartialEventContext.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-16482446").then(e)}},{name:"v-5dd3097d",path:"/api/interfaces/PointAnnotationOptions.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-5dd3097d").then(e)}},{name:"v-7b380066",path:"/api/interfaces/ShadowOptions.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-7b380066").then(e)}},{name:"v-86eb5006",path:"/api/interfaces/PolygonAnnotationOptions.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-86eb5006").then(e)}},{name:"v-64ad1186",path:"/guide/configuration.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-64ad1186").then(e)}},{name:"v-54682062",path:"/guide/contributing.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-54682062").then(e)}},{name:"v-0e308dd1",path:"/guide/developers.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-0e308dd1").then(e)}},{name:"v-4d8c7bf6",path:"/guide/",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-4d8c7bf6").then(e)}},{path:"/guide/index.html",redirect:"/guide/"},{name:"v-1b86f686",path:"/guide/integration.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-1b86f686").then(e)}},{name:"v-121872fd",path:"/guide/migrationV2.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-121872fd").then(e)}},{name:"v-51daecc6",path:"/guide/migrationV1.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-51daecc6").then(e)}},{name:"v-4d1e5c5d",path:"/guide/migrationV3.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-4d1e5c5d").then(e)}},{name:"v-0db22306",path:"/guide/types/_commonInnerLabel.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-0db22306").then(e)}},{name:"v-67fac0e2",path:"/guide/types/_commonOptions.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-67fac0e2").then(e)}},{name:"v-15f8e6fd",path:"/guide/options.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-15f8e6fd").then(e)}},{name:"v-5b88421d",path:"/guide/types/box.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-5b88421d").then(e)}},{name:"v-49aea27d",path:"/guide/types/label.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-49aea27d").then(e)}},{name:"v-26692906",path:"/guide/types/ellipse.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-26692906").then(e)}},{name:"v-37e66462",path:"/guide/types/line.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-37e66462").then(e)}},{name:"v-90c1ce06",path:"/guide/types/point.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-90c1ce06").then(e)}},{name:"v-33db82fd",path:"/guide/types/polygon.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-33db82fd").then(e)}},{name:"v-942110c6",path:"/guide/usage.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-942110c6").then(e)}},{name:"v-ebb19754",path:"/",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-ebb19754").then(e)}},{path:"/index.html",redirect:"/"},{name:"v-43e4cf76",path:"/samples/box/canvas.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-43e4cf76").then(e)}},{name:"v-54f14cdd",path:"/samples/box/basic.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-54f14cdd").then(e)}},{name:"v-366650ca",path:"/samples/box/disclosure.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-366650ca").then(e)}},{name:"v-fac884d6",path:"/samples/box/gradient.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-fac884d6").then(e)}},{name:"v-f46f9a86",path:"/samples/box/image.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-f46f9a86").then(e)}},{name:"v-b3a5649a",path:"/samples/box/initAnim.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-b3a5649a").then(e)}},{name:"v-a827b1b2",path:"/samples/box/quarters.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-a827b1b2").then(e)}},{name:"v-f0a8046a",path:"/samples/charts/bar.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-f0a8046a").then(e)}},{name:"v-1ac7de46",path:"/samples/charts/line.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-1ac7de46").then(e)}},{name:"v-2215247d",path:"/samples/ellipse/basic.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-2215247d").then(e)}},{name:"v-475451bd",path:"/samples/ellipse/label.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-475451bd").then(e)}},{name:"v-14c8b49f",path:"/samples/ellipse/rotation.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-14c8b49f").then(e)}},{name:"v-06766846",path:"/samples/ellipse/image.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-06766846").then(e)}},{name:"v-de7917b6",path:"/samples/interaction/dragging.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-de7917b6").then(e)}},{name:"v-0f11953d",path:"/samples/interaction/interaction.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-0f11953d").then(e)}},{name:"v-532157ca",path:"/samples/interaction/cartesianplane.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-532157ca").then(e)}},{name:"v-8f774586",path:"/samples/interaction/selection.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-8f774586").then(e)}},{name:"v-4f17a19d",path:"/samples/intro.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-4f17a19d").then(e)}},{name:"v-ffcf4406",path:"/samples/label/autoscaling.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-ffcf4406").then(e)}},{name:"v-ed85c306",path:"/samples/label/basic.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-ed85c306").then(e)}},{name:"v-188d5d06",path:"/samples/label/callout.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-188d5d06").then(e)}},{name:"v-79f854d2",path:"/samples/label/canvas.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-79f854d2").then(e)}},{name:"v-a53ecf06",path:"/samples/label/fontsColors.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-a53ecf06").then(e)}},{name:"v-224dfd1d",path:"/samples/label/image.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-224dfd1d").then(e)}},{name:"v-4dd91745",path:"/samples/label/lowerUpper.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-4dd91745").then(e)}},{name:"v-e1c46312",path:"/samples/label/innerChart.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-e1c46312").then(e)}},{name:"v-5cbaa4bd",path:"/samples/label/point.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-5cbaa4bd").then(e)}},{name:"v-25be76ab",path:"/samples/line/animation.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-25be76ab").then(e)}},{name:"v-fe2fae0e",path:"/samples/line/average.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-fe2fae0e").then(e)}},{name:"v-14b16052",path:"/samples/line/basic.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-14b16052").then(e)}},{name:"v-0d73d593",path:"/samples/line/callout.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-0d73d593").then(e)}},{name:"v-9e862306",path:"/samples/line/canvas.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-9e862306").then(e)}},{name:"v-c5c24e7a",path:"/samples/line/datasetBars.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-c5c24e7a").then(e)}},{name:"v-22325356",path:"/samples/line/curve.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-22325356").then(e)}},{name:"v-76c7a746",path:"/samples/line/hook.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-76c7a746").then(e)}},{name:"v-19c0057d",path:"/samples/line/image.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-19c0057d").then(e)}},{name:"v-2f3a8d3f",path:"/samples/line/limited.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-2f3a8d3f").then(e)}},{name:"v-bc3af7aa",path:"/samples/line/standardDeviation.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-bc3af7aa").then(e)}},{name:"v-940803b2",path:"/samples/line/labelVisibility.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-940803b2").then(e)}},{name:"v-5eb79d3d",path:"/samples/line/visibility.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-5eb79d3d").then(e)}},{name:"v-5f6c329d",path:"/samples/line/lowerUpper.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-5f6c329d").then(e)}},{name:"v-13db7dfd",path:"/samples/point/basic.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-13db7dfd").then(e)}},{name:"v-21782935",path:"/samples/point/combined.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-21782935").then(e)}},{name:"v-246c16bd",path:"/samples/point/initAnim.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-246c16bd").then(e)}},{name:"v-dd2b401a",path:"/samples/point/outsideChartArea.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-dd2b401a").then(e)}},{name:"v-3ae674fd",path:"/samples/polygon/basic.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-3ae674fd").then(e)}},{name:"v-45140bd3",path:"/samples/polygon/shadow.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-45140bd3").then(e)}},{name:"v-0fc2653f",path:"/samples/point/shadow.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-0fc2653f").then(e)}},{name:"v-f2852e62",path:"/samples/polygon/stop.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-f2852e62").then(e)}},{name:"v-4719da06",path:"/samples/utils.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-4719da06").then(e)}},{name:"v-39b04a87",path:"/samples/polygon/outsideChartArea.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-39b04a87").then(e)}},{path:"*",component:qt}],Kt={title:"chartjs-plugin-annotation",description:"Annotations for Chart.js",base:"/chartjs-plugin-annotation/master/",headTags:[["link",{rel:"icon",href:"/chartjs-plugin-annotation/master/favicon.png"}]],pages:[{title:"Chart.js annotation - v3.0.1",frontmatter:{},regularPath:"/api/",relativePath:"api/README.md",key:"v-4a62f668",path:"/api/",headers:[{level:2,title:"Interfaces",slug:"interfaces"},{level:2,title:"Type Aliases",slug:"type-aliases"},{level:3,title:"AnnotationOptions",slug:"annotationoptions"},{level:3,title:"AnnotationType",slug:"annotationtype"},{level:3,title:"CalloutPosition",slug:"calloutposition"},{level:3,title:"DrawTime",slug:"drawtime"},{level:3,title:"LabelPosition",slug:"labelposition"},{level:3,title:"LabelTextAlign",slug:"labeltextalign"},{level:3,title:"ScaleValue",slug:"scalevalue"},{level:3,title:"Scriptable",slug:"scriptable"},{level:3,title:"percentString",slug:"percentstring"},{level:2,title:"Variables",slug:"variables"},{level:3,title:"default",slug:"default"}],content:' Chart.js annotation - v3.0.1 \n Interfaces \n \n AnnotationBoxModel \n AnnotationElement \n AnnotationEvents \n AnnotationHooks \n AnnotationPluginOptions \n AnnotationPointCoordinates \n AnnotationTypeRegistry \n ArrowHeadOptions \n ArrowHeadsOptions \n BoxAnnotationOptions \n BoxLabelOptions \n CalloutOptions \n ContainedLabelOptions \n ControlPointOptions \n CoreAnnotationOptions \n CoreLabelOptions \n EllipseAnnotationOptions \n EventContext \n LabelAnnotationOptions \n LabelOptions \n LabelPadding \n LabelPositionObject \n LabelTypeOptions \n LineAnnotationOptions \n PartialEventContext \n PointAnnotationOptions \n PolygonAnnotationOptions \n ShadowOptions \n Type Aliases \n AnnotationOptions \n Ƭ AnnotationOptions < TYPE >: { [key in TYPE]: Object & AnnotationTypeRegistry[key] }[ TYPE ] \n Type parameters \n \n \n \n Name \n Type \n \n \n \n \n TYPE \n extends AnnotationType = AnnotationType \n Defined in \n options.d.ts:18 \n AnnotationType \n Ƭ AnnotationType : keyof AnnotationTypeRegistry \n Defined in \n options.d.ts:17 \n CalloutPosition \n Ƭ CalloutPosition : "left" | "top" | "bottom" | "right" | "auto" \n Defined in \n label.d.ts:10 \n DrawTime \n Ƭ DrawTime : "afterDraw" | "afterDatasetsDraw" | "beforeDraw" | "beforeDatasetsDraw" | number \n Defined in \n options.d.ts:6 \n LabelPosition \n Ƭ LabelPosition : "start" | "center" | "end" | percentString \n Defined in \n label.d.ts:6 \n LabelTextAlign \n Ƭ LabelTextAlign : "left" | "start" | "center" | "right" | "end" \n Defined in \n label.d.ts:8 \n ScaleValue \n Ƭ ScaleValue : number | string \n Defined in \n options.d.ts:27 \n Scriptable \n Ƭ Scriptable < T , TContext >: T | ( ctx : TContext , options : AnnotationOptions ) => T \n Type parameters \n \n \n \n Name \n \n \n \n \n T \n \n \n TContext \n Defined in \n options.d.ts:26 \n percentString \n Ƭ percentString : `${number}%` \n Defined in \n label.d.ts:5 \n Variables \n default \n • Const default : Plugin & { getAnnotations : ( chart : Chart ) => AnnotationElement [] } \n Defined in \n index.d.ts:21 \n'},{title:"Interface: AnnotationBoxModel",frontmatter:{},regularPath:"/api/interfaces/AnnotationBoxModel.html",relativePath:"api/interfaces/AnnotationBoxModel.md",key:"v-3b83533d",path:"/api/interfaces/AnnotationBoxModel.html",headers:[{level:2,title:"Hierarchy",slug:"hierarchy"},{level:2,title:"Properties",slug:"properties"},{level:3,title:"centerX",slug:"centerx"},{level:3,title:"centerY",slug:"centery"},{level:3,title:"height",slug:"height"},{level:3,title:"radius",slug:"radius"},{level:3,title:"width",slug:"width"},{level:3,title:"x",slug:"x"},{level:3,title:"x2",slug:"x2"},{level:3,title:"y",slug:"y"},{level:3,title:"y2",slug:"y2"}],content:" Interface: AnnotationBoxModel \n Hierarchy \n \n \n AnnotationBoxModel \n ↳ AnnotationElement \n Properties \n centerX \n • centerX : number \n Defined in \n element.d.ts:8 \n centerY \n • centerY : number \n Defined in \n element.d.ts:9 \n height \n • height : number \n Defined in \n element.d.ts:10 \n radius \n • Optional radius : number \n Defined in \n element.d.ts:12 \n width \n • width : number \n Defined in \n element.d.ts:11 \n x \n • x : number \n Defined in \n element.d.ts:4 \n x2 \n • x2 : number \n Defined in \n element.d.ts:6 \n y \n • y : number \n Defined in \n element.d.ts:5 \n y2 \n • y2 : number \n Defined in \n element.d.ts:7 \n"},{title:"Interface: AnnotationElement",frontmatter:{},regularPath:"/api/interfaces/AnnotationElement.html",relativePath:"api/interfaces/AnnotationElement.md",key:"v-2d43a12f",path:"/api/interfaces/AnnotationElement.html",headers:[{level:2,title:"Hierarchy",slug:"hierarchy"},{level:2,title:"Properties",slug:"properties"},{level:3,title:"centerX",slug:"centerx"},{level:3,title:"centerY",slug:"centery"},{level:3,title:"height",slug:"height"},{level:3,title:"label",slug:"label"},{level:3,title:"options",slug:"options"},{level:3,title:"radius",slug:"radius"},{level:3,title:"width",slug:"width"},{level:3,title:"x",slug:"x"},{level:3,title:"x2",slug:"x2"},{level:3,title:"y",slug:"y"},{level:3,title:"y2",slug:"y2"}],content:" Interface: AnnotationElement \n Hierarchy \n \n \n AnnotationBoxModel \n ↳ AnnotationElement \n Properties \n centerX \n • centerX : number \n Inherited from \n AnnotationBoxModel . centerX \n Defined in \n element.d.ts:8 \n centerY \n • centerY : number \n Inherited from \n AnnotationBoxModel . centerY \n Defined in \n element.d.ts:9 \n height \n • height : number \n Inherited from \n AnnotationBoxModel . height \n Defined in \n element.d.ts:10 \n label \n • Optional label : AnnotationElement \n Defined in \n element.d.ts:16 \n options \n • options : AnnotationOptions \n Defined in \n element.d.ts:17 \n radius \n • Optional radius : number \n Inherited from \n AnnotationBoxModel . radius \n Defined in \n element.d.ts:12 \n width \n • width : number \n Inherited from \n AnnotationBoxModel . width \n Defined in \n element.d.ts:11 \n x \n • x : number \n Inherited from \n AnnotationBoxModel . x \n Defined in \n element.d.ts:4 \n x2 \n • x2 : number \n Inherited from \n AnnotationBoxModel . x2 \n Defined in \n element.d.ts:6 \n y \n • y : number \n Inherited from \n AnnotationBoxModel . y \n Defined in \n element.d.ts:5 \n y2 \n • y2 : number \n Inherited from \n AnnotationBoxModel . y2 \n Defined in \n element.d.ts:7 \n"},{title:"Interface: AnnotationEvents",frontmatter:{},regularPath:"/api/interfaces/AnnotationEvents.html",relativePath:"api/interfaces/AnnotationEvents.md",key:"v-19fc5046",path:"/api/interfaces/AnnotationEvents.html",headers:[{level:2,title:"Hierarchy",slug:"hierarchy"},{level:2,title:"Methods",slug:"methods"},{level:3,title:"click",slug:"click"},{level:3,title:"enter",slug:"enter"},{level:3,title:"leave",slug:"leave"}],content:" Interface: AnnotationEvents \n Hierarchy \n \n \n AnnotationEvents \n ↳ CoreAnnotationOptions \n ↳ AnnotationPluginOptions \n Methods \n click \n ▸ Optional click ( context , event ): boolean | void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n \n \n event \n ChartEvent \n Returns \n boolean | void \n Defined in \n events.d.ts:27 \n enter \n ▸ Optional enter ( context , event ): boolean | void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n \n \n event \n ChartEvent \n Returns \n boolean | void \n Defined in \n events.d.ts:25 \n leave \n ▸ Optional leave ( context , event ): boolean | void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n \n \n event \n ChartEvent \n Returns \n boolean | void \n Defined in \n events.d.ts:26 \n"},{title:"Interface: AnnotationHooks",frontmatter:{},regularPath:"/api/interfaces/AnnotationHooks.html",relativePath:"api/interfaces/AnnotationHooks.md",key:"v-2bdf7887",path:"/api/interfaces/AnnotationHooks.html",headers:[{level:2,title:"Hierarchy",slug:"hierarchy"},{level:2,title:"Methods",slug:"methods"},{level:3,title:"afterDraw",slug:"afterdraw"},{level:3,title:"beforeDraw",slug:"beforedraw"}],content:" Interface: AnnotationHooks \n Hierarchy \n \n \n AnnotationHooks \n ↳ CoreAnnotationOptions \n ↳ AnnotationPluginOptions \n Methods \n afterDraw \n ▸ Optional afterDraw ( context ): void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n Returns \n void \n Defined in \n options.d.ts:23 \n beforeDraw \n ▸ Optional beforeDraw ( context ): void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n Returns \n void \n Defined in \n options.d.ts:22 \n"},{title:"Interface: AnnotationPluginOptions",frontmatter:{},regularPath:"/api/interfaces/AnnotationPluginOptions.html",relativePath:"api/interfaces/AnnotationPluginOptions.md",key:"v-d5f286de",path:"/api/interfaces/AnnotationPluginOptions.html",headers:[{level:2,title:"Hierarchy",slug:"hierarchy"},{level:2,title:"Properties",slug:"properties"},{level:3,title:"animations",slug:"animations"},{level:3,title:"annotations",slug:"annotations"},{level:3,title:"clip",slug:"clip"},{level:3,title:"common",slug:"common"},{level:3,title:"interaction",slug:"interaction"},{level:2,title:"Methods",slug:"methods"},{level:3,title:"afterDraw",slug:"afterdraw"},{level:3,title:"beforeDraw",slug:"beforedraw"},{level:3,title:"click",slug:"click"},{level:3,title:"enter",slug:"enter"},{level:3,title:"leave",slug:"leave"}],content:" Interface: AnnotationPluginOptions \n Hierarchy \n \n \n AnnotationEvents \n \n \n AnnotationHooks \n ↳ AnnotationPluginOptions \n Properties \n animations \n • Optional animations : Record < string , unknown > \n Defined in \n options.d.ts:153 \n annotations \n • annotations : Record < string , AnnotationOptions > | AnnotationOptions [] \n Defined in \n options.d.ts:154 \n clip \n • Optional clip : boolean \n Defined in \n options.d.ts:155 \n common \n • Optional common : BoxAnnotationOptions | EllipseAnnotationOptions | LabelAnnotationOptions | LineAnnotationOptions | PointAnnotationOptions | PolygonAnnotationOptions \n Defined in \n options.d.ts:156 \n interaction \n • Optional interaction : CoreInteractionOptions \n Defined in \n options.d.ts:157 \n Methods \n afterDraw \n ▸ Optional afterDraw ( context ): void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n Returns \n void \n Inherited from \n AnnotationHooks . afterDraw \n Defined in \n options.d.ts:23 \n beforeDraw \n ▸ Optional beforeDraw ( context ): void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n Returns \n void \n Inherited from \n AnnotationHooks . beforeDraw \n Defined in \n options.d.ts:22 \n click \n ▸ Optional click ( context , event ): boolean | void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n \n \n event \n ChartEvent \n Returns \n boolean | void \n Inherited from \n AnnotationEvents . click \n Defined in \n events.d.ts:27 \n enter \n ▸ Optional enter ( context , event ): boolean | void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n \n \n event \n ChartEvent \n Returns \n boolean | void \n Inherited from \n AnnotationEvents . enter \n Defined in \n events.d.ts:25 \n leave \n ▸ Optional leave ( context , event ): boolean | void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n \n \n event \n ChartEvent \n Returns \n boolean | void \n Inherited from \n AnnotationEvents . leave \n Defined in \n events.d.ts:26 \n"},{title:"Interface: AnnotationPointCoordinates",frontmatter:{},regularPath:"/api/interfaces/AnnotationPointCoordinates.html",relativePath:"api/interfaces/AnnotationPointCoordinates.md",key:"v-25f1271d",path:"/api/interfaces/AnnotationPointCoordinates.html",headers:[{level:2,title:"Hierarchy",slug:"hierarchy"},{level:2,title:"Properties",slug:"properties"},{level:3,title:"xValue",slug:"xvalue"},{level:3,title:"yValue",slug:"yvalue"}],content:" Interface: AnnotationPointCoordinates \n Hierarchy \n \n \n AnnotationPointCoordinates \n ↳ PointAnnotationOptions \n ↳ LabelAnnotationOptions \n ↳ PolygonAnnotationOptions \n Properties \n xValue \n • Optional xValue : Scriptable < ScaleValue , PartialEventContext > \n Defined in \n options.d.ts:58 \n yValue \n • Optional yValue : Scriptable < ScaleValue , PartialEventContext > \n Defined in \n options.d.ts:59 \n"},{title:"Interface: ArrowHeadOptions",frontmatter:{},regularPath:"/api/interfaces/ArrowHeadOptions.html",relativePath:"api/interfaces/ArrowHeadOptions.md",key:"v-bc74aa06",path:"/api/interfaces/ArrowHeadOptions.html",headers:[{level:2,title:"Hierarchy",slug:"hierarchy"},{level:2,title:"Properties",slug:"properties"},{level:3,title:"backgroundColor",slug:"backgroundcolor"},{level:3,title:"backgroundShadowColor",slug:"backgroundshadowcolor"},{level:3,title:"borderColor",slug:"bordercolor"},{level:3,title:"borderDash",slug:"borderdash"},{level:3,title:"borderDashOffset",slug:"borderdashoffset"},{level:3,title:"borderShadowColor",slug:"bordershadowcolor"},{level:3,title:"borderWidth",slug:"borderwidth"},{level:3,title:"display",slug:"display"},{level:3,title:"fill",slug:"fill"},{level:3,title:"length",slug:"length"},{level:3,title:"shadowBlur",slug:"shadowblur"},{level:3,title:"shadowOffsetX",slug:"shadowoffsetx"},{level:3,title:"shadowOffsetY",slug:"shadowoffsety"},{level:3,title:"width",slug:"width"}],content:" Interface: ArrowHeadOptions \n Hierarchy \n \n \n ShadowOptions \n ↳ ArrowHeadOptions \n ↳↳ ArrowHeadsOptions \n Properties \n backgroundColor \n • Optional backgroundColor : Scriptable < Color , PartialEventContext > \n Defined in \n options.d.ts:63 \n backgroundShadowColor \n • Optional backgroundShadowColor : Scriptable < Color , PartialEventContext > \n Inherited from \n ShadowOptions . backgroundShadowColor \n Defined in \n options.d.ts:30 \n borderColor \n • Optional borderColor : Scriptable < Color , PartialEventContext > \n Defined in \n options.d.ts:64 \n borderDash \n • Optional borderDash : Scriptable < number [], PartialEventContext > \n Defined in \n options.d.ts:65 \n borderDashOffset \n • Optional borderDashOffset : Scriptable < number , PartialEventContext > \n Defined in \n options.d.ts:66 \n borderShadowColor \n • Optional borderShadowColor : Scriptable < Color , PartialEventContext > \n Inherited from \n ShadowOptions . borderShadowColor \n Defined in \n options.d.ts:31 \n borderWidth \n • Optional borderWidth : Scriptable < number , PartialEventContext > \n Defined in \n options.d.ts:67 \n display \n • Optional display : Scriptable < boolean , PartialEventContext > \n Defined in \n options.d.ts:68 \n fill \n • Optional fill : Scriptable < boolean , PartialEventContext > \n Defined in \n options.d.ts:69 \n length \n • Optional length : Scriptable < number , PartialEventContext > \n Defined in \n options.d.ts:70 \n shadowBlur \n • Optional shadowBlur : Scriptable < number , PartialEventContext > \n Inherited from \n ShadowOptions . shadowBlur \n Defined in \n options.d.ts:32 \n shadowOffsetX \n • Optional shadowOffsetX : Scriptable < number , PartialEventContext > \n Inherited from \n ShadowOptions . shadowOffsetX \n Defined in \n options.d.ts:33 \n shadowOffsetY \n • Optional shadowOffsetY : Scriptable < number , PartialEventContext > \n Inherited from \n ShadowOptions . shadowOffsetY \n Defined in \n options.d.ts:34 \n width \n • Optional width : Scriptable < number , PartialEventContext > \n Defined in \n options.d.ts:71 \n"},{title:"Interface: AnnotationTypeRegistry",frontmatter:{},regularPath:"/api/interfaces/AnnotationTypeRegistry.html",relativePath:"api/interfaces/AnnotationTypeRegistry.md",key:"v-1c40ad9d",path:"/api/interfaces/AnnotationTypeRegistry.html",headers:[{level:2,title:"Properties",slug:"properties"},{level:3,title:"box",slug:"box"},{level:3,title:"ellipse",slug:"ellipse"},{level:3,title:"label",slug:"label"},{level:3,title:"line",slug:"line"},{level:3,title:"point",slug:"point"},{level:3,title:"polygon",slug:"polygon"}],content:" Interface: AnnotationTypeRegistry \n Properties \n box \n • box : BoxAnnotationOptions \n Defined in \n options.d.ts:9 \n ellipse \n • ellipse : EllipseAnnotationOptions \n Defined in \n options.d.ts:10 \n label \n • label : LabelAnnotationOptions \n Defined in \n options.d.ts:11 \n line \n • line : LineAnnotationOptions \n Defined in \n options.d.ts:12 \n point \n • point : PointAnnotationOptions \n Defined in \n options.d.ts:13 \n polygon \n • polygon : PolygonAnnotationOptions \n Defined in \n options.d.ts:14 \n"},{title:"Interface: ArrowHeadsOptions",frontmatter:{},regularPath:"/api/interfaces/ArrowHeadsOptions.html",relativePath:"api/interfaces/ArrowHeadsOptions.md",key:"v-15088ca1",path:"/api/interfaces/ArrowHeadsOptions.html",headers:[{level:2,title:"Hierarchy",slug:"hierarchy"},{level:2,title:"Properties",slug:"properties"},{level:3,title:"backgroundColor",slug:"backgroundcolor"},{level:3,title:"backgroundShadowColor",slug:"backgroundshadowcolor"},{level:3,title:"borderColor",slug:"bordercolor"},{level:3,title:"borderDash",slug:"borderdash"},{level:3,title:"borderDashOffset",slug:"borderdashoffset"},{level:3,title:"borderShadowColor",slug:"bordershadowcolor"},{level:3,title:"borderWidth",slug:"borderwidth"},{level:3,title:"display",slug:"display"},{level:3,title:"end",slug:"end"},{level:3,title:"fill",slug:"fill"},{level:3,title:"length",slug:"length"},{level:3,title:"shadowBlur",slug:"shadowblur"},{level:3,title:"shadowOffsetX",slug:"shadowoffsetx"},{level:3,title:"shadowOffsetY",slug:"shadowoffsety"},{level:3,title:"start",slug:"start"},{level:3,title:"width",slug:"width"}],content:" Interface: ArrowHeadsOptions \n Hierarchy \n \n \n ArrowHeadOptions \n ↳ ArrowHeadsOptions \n Properties \n backgroundColor \n • Optional backgroundColor : Scriptable < Color , PartialEventContext > \n Inherited from \n ArrowHeadOptions . backgroundColor \n Defined in \n options.d.ts:63 \n backgroundShadowColor \n • Optional backgroundShadowColor : Scriptable < Color , PartialEventContext > \n Inherited from \n ArrowHeadOptions . backgroundShadowColor \n Defined in \n options.d.ts:30 \n borderColor \n • Optional borderColor : Scriptable < Color , PartialEventContext > \n Inherited from \n ArrowHeadOptions . borderColor \n Defined in \n options.d.ts:64 \n borderDash \n • Optional borderDash : Scriptable < number [], PartialEventContext > \n Inherited from \n ArrowHeadOptions . borderDash \n Defined in \n options.d.ts:65 \n borderDashOffset \n • Optional borderDashOffset : Scriptable < number , PartialEventContext > \n Inherited from \n ArrowHeadOptions . borderDashOffset \n Defined in \n options.d.ts:66 \n borderShadowColor \n • Optional borderShadowColor : Scriptable < Color , PartialEventContext > \n Inherited from \n ArrowHeadOptions . borderShadowColor \n Defined in \n options.d.ts:31 \n borderWidth \n • Optional borderWidth : Scriptable < number , PartialEventContext > \n Inherited from \n ArrowHeadOptions . borderWidth \n Defined in \n options.d.ts:67 \n display \n • Optional display : Scriptable < boolean , PartialEventContext > \n Inherited from \n ArrowHeadOptions . display \n Defined in \n options.d.ts:68 \n end \n • Optional end : ArrowHeadOptions \n Defined in \n options.d.ts:75 \n fill \n • Optional fill : Scriptable < boolean , PartialEventContext > \n Inherited from \n ArrowHeadOptions . fill \n Defined in \n options.d.ts:69 \n length \n • Optional length : Scriptable < number , PartialEventContext > \n Inherited from \n ArrowHeadOptions . length \n Defined in \n options.d.ts:70 \n shadowBlur \n • Optional shadowBlur : Scriptable < number , PartialEventContext > \n Inherited from \n ArrowHeadOptions . shadowBlur \n Defined in \n options.d.ts:32 \n shadowOffsetX \n • Optional shadowOffsetX : Scriptable < number , PartialEventContext > \n Inherited from \n ArrowHeadOptions . shadowOffsetX \n Defined in \n options.d.ts:33 \n shadowOffsetY \n • Optional shadowOffsetY : Scriptable < number , PartialEventContext > \n Inherited from \n ArrowHeadOptions . shadowOffsetY \n Defined in \n options.d.ts:34 \n start \n • Optional start : ArrowHeadOptions \n Defined in \n options.d.ts:76 \n width \n • Optional width : Scriptable < number , PartialEventContext > \n Inherited from \n ArrowHeadOptions . width \n Defined in \n options.d.ts:71 \n"},{title:"Interface: BoxAnnotationOptions",frontmatter:{},regularPath:"/api/interfaces/BoxAnnotationOptions.html",relativePath:"api/interfaces/BoxAnnotationOptions.md",key:"v-2e4ca05d",path:"/api/interfaces/BoxAnnotationOptions.html",headers:[{level:2,title:"Hierarchy",slug:"hierarchy"},{level:2,title:"Properties",slug:"properties"},{level:3,title:"adjustScaleRange",slug:"adjustscalerange"},{level:3,title:"backgroundColor",slug:"backgroundcolor"},{level:3,title:"backgroundShadowColor",slug:"backgroundshadowcolor"},{level:3,title:"borderCapStyle",slug:"bordercapstyle"},{level:3,title:"borderColor",slug:"bordercolor"},{level:3,title:"borderDash",slug:"borderdash"},{level:3,title:"borderDashOffset",slug:"borderdashoffset"},{level:3,title:"borderJoinStyle",slug:"borderjoinstyle"},{level:3,title:"borderRadius",slug:"borderradius"},{level:3,title:"borderShadowColor",slug:"bordershadowcolor"},{level:3,title:"borderWidth",slug:"borderwidth"},{level:3,title:"display",slug:"display"},{level:3,title:"drawTime",slug:"drawtime"},{level:3,title:"hitTolerance",slug:"hittolerance"},{level:3,title:"id",slug:"id"},{level:3,title:"init",slug:"init"},{level:3,title:"label",slug:"label"},{level:3,title:"rotation",slug:"rotation"},{level:3,title:"shadowBlur",slug:"shadowblur"},{level:3,title:"shadowOffsetX",slug:"shadowoffsetx"},{level:3,title:"shadowOffsetY",slug:"shadowoffsety"},{level:3,title:"xMax",slug:"xmax"},{level:3,title:"xMin",slug:"xmin"},{level:3,title:"xScaleID",slug:"xscaleid"},{level:3,title:"yMax",slug:"ymax"},{level:3,title:"yMin",slug:"ymin"},{level:3,title:"yScaleID",slug:"yscaleid"},{level:3,title:"z",slug:"z"},{level:2,title:"Methods",slug:"methods"},{level:3,title:"afterDraw",slug:"afterdraw"},{level:3,title:"beforeDraw",slug:"beforedraw"},{level:3,title:"click",slug:"click"},{level:3,title:"enter",slug:"enter"},{level:3,title:"leave",slug:"leave"}],content:" Interface: BoxAnnotationOptions \n Hierarchy \n \n \n CoreAnnotationOptions \n ↳ BoxAnnotationOptions \n Properties \n adjustScaleRange \n • Optional adjustScaleRange : Scriptable < boolean , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . adjustScaleRange \n Defined in \n options.d.ts:38 \n backgroundColor \n • Optional backgroundColor : Scriptable < Color , PartialEventContext > \n Defined in \n options.d.ts:95 \n backgroundShadowColor \n • Optional backgroundShadowColor : Scriptable < Color , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . backgroundShadowColor \n Defined in \n options.d.ts:30 \n borderCapStyle \n • Optional borderCapStyle : Scriptable < CanvasLineCap , PartialEventContext > \n Border line cap style. See MDN. \n Default \n 'butt' \n Defined in \n options.d.ts:100 \n borderColor \n • Optional borderColor : Scriptable < Color , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . borderColor \n Defined in \n options.d.ts:39 \n borderDash \n • Optional borderDash : Scriptable < number [], PartialEventContext > \n Border line dash. See MDN. \n Default \n [] \n Overrides \n CoreAnnotationOptions . borderDash \n Defined in \n options.d.ts:105 \n borderDashOffset \n • Optional borderDashOffset : Scriptable < number , PartialEventContext > \n Border line dash offset. See MDN. \n Default \n 0.0 \n Overrides \n CoreAnnotationOptions . borderDashOffset \n Defined in \n options.d.ts:110 \n borderJoinStyle \n • Optional borderJoinStyle : Scriptable < CanvasLineJoin , PartialEventContext > \n Border line join style. See MDN. \n Default \n 'miter' \n Defined in \n options.d.ts:115 \n borderRadius \n • Optional borderRadius : Scriptable < number | BorderRadius , PartialEventContext > \n Defined in \n options.d.ts:116 \n borderShadowColor \n • Optional borderShadowColor : Scriptable < Color , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . borderShadowColor \n Defined in \n options.d.ts:31 \n borderWidth \n • Optional borderWidth : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . borderWidth \n Defined in \n options.d.ts:42 \n display \n • Optional display : Scriptable < boolean , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . display \n Defined in \n options.d.ts:43 \n drawTime \n • Optional drawTime : Scriptable < DrawTime , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . drawTime \n Defined in \n options.d.ts:44 \n hitTolerance \n • Optional hitTolerance : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . hitTolerance \n Defined in \n options.d.ts:45 \n id \n • Optional id : string \n Inherited from \n CoreAnnotationOptions . id \n Defined in \n options.d.ts:47 \n init \n • Optional init : boolean | ( __namedParameters : Object ) => boolean | void | Partial < AnnotationElement > \n Inherited from \n CoreAnnotationOptions . init \n Defined in \n options.d.ts:46 \n label \n • Optional label : BoxLabelOptions \n Defined in \n options.d.ts:117 \n rotation \n • Optional rotation : Scriptable < number , PartialEventContext > \n Defined in \n options.d.ts:118 \n shadowBlur \n • Optional shadowBlur : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . shadowBlur \n Defined in \n options.d.ts:32 \n shadowOffsetX \n • Optional shadowOffsetX : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . shadowOffsetX \n Defined in \n options.d.ts:33 \n shadowOffsetY \n • Optional shadowOffsetY : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . shadowOffsetY \n Defined in \n options.d.ts:34 \n xMax \n • Optional xMax : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . xMax \n Defined in \n options.d.ts:48 \n xMin \n • Optional xMin : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . xMin \n Defined in \n options.d.ts:49 \n xScaleID \n • Optional xScaleID : Scriptable < string , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . xScaleID \n Defined in \n options.d.ts:50 \n yMax \n • Optional yMax : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . yMax \n Defined in \n options.d.ts:51 \n yMin \n • Optional yMin : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . yMin \n Defined in \n options.d.ts:52 \n yScaleID \n • Optional yScaleID : Scriptable < string , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . yScaleID \n Defined in \n options.d.ts:53 \n z \n • Optional z : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . z \n Defined in \n options.d.ts:54 \n Methods \n afterDraw \n ▸ Optional afterDraw ( context ): void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n Returns \n void \n Inherited from \n CoreAnnotationOptions . afterDraw \n Defined in \n options.d.ts:23 \n beforeDraw \n ▸ Optional beforeDraw ( context ): void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n Returns \n void \n Inherited from \n CoreAnnotationOptions . beforeDraw \n Defined in \n options.d.ts:22 \n click \n ▸ Optional click ( context , event ): boolean | void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n \n \n event \n ChartEvent \n Returns \n boolean | void \n Inherited from \n CoreAnnotationOptions . click \n Defined in \n events.d.ts:27 \n enter \n ▸ Optional enter ( context , event ): boolean | void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n \n \n event \n ChartEvent \n Returns \n boolean | void \n Inherited from \n CoreAnnotationOptions . enter \n Defined in \n events.d.ts:25 \n leave \n ▸ Optional leave ( context , event ): boolean | void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n \n \n event \n ChartEvent \n Returns \n boolean | void \n Inherited from \n CoreAnnotationOptions . leave \n Defined in \n events.d.ts:26 \n"},{title:"Interface: BoxLabelOptions",frontmatter:{},regularPath:"/api/interfaces/BoxLabelOptions.html",relativePath:"api/interfaces/BoxLabelOptions.md",key:"v-1915dd1f",path:"/api/interfaces/BoxLabelOptions.html",headers:[{level:2,title:"Hierarchy",slug:"hierarchy"},{level:2,title:"Properties",slug:"properties"},{level:3,title:"color",slug:"color"},{level:3,title:"content",slug:"content"},{level:3,title:"display",slug:"display"},{level:3,title:"drawTime",slug:"drawtime"},{level:3,title:"font",slug:"font"},{level:3,title:"height",slug:"height"},{level:3,title:"hitTolerance",slug:"hittolerance"},{level:3,title:"opacity",slug:"opacity"},{level:3,title:"padding",slug:"padding"},{level:3,title:"position",slug:"position"},{level:3,title:"rotation",slug:"rotation"},{level:3,title:"textAlign",slug:"textalign"},{level:3,title:"textStrokeColor",slug:"textstrokecolor"},{level:3,title:"textStrokeWidth",slug:"textstrokewidth"},{level:3,title:"width",slug:"width"},{level:3,title:"xAdjust",slug:"xadjust"},{level:3,title:"yAdjust",slug:"yadjust"},{level:3,title:"z",slug:"z"}],content:" Interface: BoxLabelOptions \n Hierarchy \n \n \n CoreLabelOptions \n ↳ BoxLabelOptions \n Properties \n color \n • Optional color : Scriptable < Color | Color [], PartialEventContext > \n Inherited from \n CoreLabelOptions . color \n Defined in \n label.d.ts:43 \n content \n • content : Scriptable < string | string [] | HTMLCanvasElement | HTMLImageElement , PartialEventContext > \n Text to display in label. Provide an array to display multiple lines \n Inherited from \n CoreLabelOptions . content \n Defined in \n label.d.ts:73 \n display \n • Optional display : Scriptable < boolean , PartialEventContext > \n Whether the label should be displayed \n Default \n true \n Defined in \n label.d.ts:144 \n drawTime \n • Optional drawTime : Scriptable < DrawTime , PartialEventContext > \n Inherited from \n CoreLabelOptions . drawTime \n Defined in \n label.d.ts:41 \n font \n • Optional font : Scriptable < Partial < FontSpec > | Partial < FontSpec >[], PartialEventContext > \n Inherited from \n CoreLabelOptions . font \n Defined in \n label.d.ts:42 \n height \n • Optional height : Scriptable < number | `${number}%`, PartialEventContext > \n Overrides the height of the image. Could be set in pixel by a number,\nor in percentage of current height of image by a string \n Inherited from \n CoreLabelOptions . height \n Defined in \n label.d.ts:83 \n hitTolerance \n • Optional hitTolerance : Scriptable < number , PartialEventContext > \n Defined in \n label.d.ts:145 \n opacity \n • Optional opacity : Scriptable < number , PartialEventContext > \n Overrides the opacity of the image. \n Inherited from \n CoreLabelOptions . opacity \n Defined in \n label.d.ts:87 \n padding \n • Optional padding : Scriptable < number | LabelPadding , PartialEventContext > \n Padding of label \n Default \n 6 \n Inherited from \n CoreLabelOptions . padding \n Defined in \n label.d.ts:48 \n position \n • Optional position : Scriptable < LabelPosition | LabelPositionObject , PartialEventContext > \n Defined in \n label.d.ts:139 \n rotation \n • Optional rotation : Scriptable < number , PartialEventContext > \n Defined in \n label.d.ts:146 \n textAlign \n • Optional textAlign : Scriptable < LabelTextAlign , PartialEventContext > \n Text alignment when the content of the label is multi-line. \n Default \n 'center' \n Inherited from \n CoreLabelOptions . textAlign \n Defined in \n label.d.ts:53 \n textStrokeColor \n • Optional textStrokeColor : Scriptable < Color , PartialEventContext > \n Inherited from \n CoreLabelOptions . textStrokeColor \n Defined in \n label.d.ts:54 \n textStrokeWidth \n • Optional textStrokeWidth : Scriptable < number , PartialEventContext > \n Inherited from \n CoreLabelOptions . textStrokeWidth \n Defined in \n label.d.ts:55 \n width \n • Optional width : Scriptable < number | `${number}%`, PartialEventContext > \n Overrides the width of the image. Could be set in pixel by a number,\nor in percentage of current width of image by a string \n Inherited from \n CoreLabelOptions . width \n Defined in \n label.d.ts:78 \n xAdjust \n • Optional xAdjust : Scriptable < number , PartialEventContext > \n Adjustment along x-axis (left-right) of label relative to above number (can be negative)\nFor horizontal lines positioned left or right, negative values move\nthe label toward the edge, and positive values toward the center. \n Default \n 0 \n Inherited from \n CoreLabelOptions . xAdjust \n Defined in \n label.d.ts:62 \n yAdjust \n • Optional yAdjust : Scriptable < number , PartialEventContext > \n Adjustment along y-axis (top-bottom) of label relative to above number (can be negative)\nFor vertical lines positioned top or bottom, negative values move\nthe label toward the edge, and positive values toward the center. \n Default \n 0 \n Inherited from \n CoreLabelOptions . yAdjust \n Defined in \n label.d.ts:69 \n z \n • Optional z : Scriptable < number , PartialEventContext > \n Inherited from \n CoreLabelOptions . z \n Defined in \n label.d.ts:88 \n"},{title:"Interface: CalloutOptions",frontmatter:{},regularPath:"/api/interfaces/CalloutOptions.html",relativePath:"api/interfaces/CalloutOptions.md",key:"v-ec8d56c6",path:"/api/interfaces/CalloutOptions.html",headers:[{level:2,title:"Properties",slug:"properties"},{level:3,title:"borderCapStyle",slug:"bordercapstyle"},{level:3,title:"borderColor",slug:"bordercolor"},{level:3,title:"borderDash",slug:"borderdash"},{level:3,title:"borderDashOffset",slug:"borderdashoffset"},{level:3,title:"borderJoinStyle",slug:"borderjoinstyle"},{level:3,title:"borderWidth",slug:"borderwidth"},{level:3,title:"display",slug:"display"},{level:3,title:"margin",slug:"margin"},{level:3,title:"position",slug:"position"},{level:3,title:"side",slug:"side"},{level:3,title:"start",slug:"start"}],content:" Interface: CalloutOptions \n Properties \n borderCapStyle \n • Optional borderCapStyle : Scriptable < CanvasLineCap , PartialEventContext > \n Defined in \n label.d.ts:27 \n borderColor \n • Optional borderColor : Scriptable < Color , PartialEventContext > \n Defined in \n label.d.ts:28 \n borderDash \n • Optional borderDash : Scriptable < number [], PartialEventContext > \n Defined in \n label.d.ts:29 \n borderDashOffset \n • Optional borderDashOffset : Scriptable < number , PartialEventContext > \n Defined in \n label.d.ts:30 \n borderJoinStyle \n • Optional borderJoinStyle : Scriptable < CanvasLineJoin , PartialEventContext > \n Defined in \n label.d.ts:31 \n borderWidth \n • Optional borderWidth : Scriptable < number , PartialEventContext > \n Defined in \n label.d.ts:32 \n display \n • Optional display : Scriptable < boolean , PartialEventContext > \n Defined in \n label.d.ts:33 \n margin \n • Optional margin : Scriptable < number , PartialEventContext > \n Defined in \n label.d.ts:34 \n position \n • Optional position : Scriptable < CalloutPosition , PartialEventContext > \n Defined in \n label.d.ts:35 \n side \n • Optional side : Scriptable < number , PartialEventContext > \n Defined in \n label.d.ts:36 \n start \n • Optional start : Scriptable < string | number , PartialEventContext > \n Defined in \n label.d.ts:37 \n"},{title:"Interface: ContainedLabelOptions",frontmatter:{},regularPath:"/api/interfaces/ContainedLabelOptions.html",relativePath:"api/interfaces/ContainedLabelOptions.md",key:"v-7fae43e2",path:"/api/interfaces/ContainedLabelOptions.html",headers:[{level:2,title:"Hierarchy",slug:"hierarchy"},{level:2,title:"Properties",slug:"properties"},{level:3,title:"backgroundColor",slug:"backgroundcolor"},{level:3,title:"borderCapStyle",slug:"bordercapstyle"},{level:3,title:"borderColor",slug:"bordercolor"},{level:3,title:"borderDash",slug:"borderdash"},{level:3,title:"borderDashOffset",slug:"borderdashoffset"},{level:3,title:"borderJoinStyle",slug:"borderjoinstyle"},{level:3,title:"borderRadius",slug:"borderradius"},{level:3,title:"borderWidth",slug:"borderwidth"},{level:3,title:"callout",slug:"callout"},{level:3,title:"color",slug:"color"},{level:3,title:"content",slug:"content"},{level:3,title:"drawTime",slug:"drawtime"},{level:3,title:"font",slug:"font"},{level:3,title:"height",slug:"height"},{level:3,title:"opacity",slug:"opacity"},{level:3,title:"padding",slug:"padding"},{level:3,title:"textAlign",slug:"textalign"},{level:3,title:"textStrokeColor",slug:"textstrokecolor"},{level:3,title:"textStrokeWidth",slug:"textstrokewidth"},{level:3,title:"width",slug:"width"},{level:3,title:"xAdjust",slug:"xadjust"},{level:3,title:"yAdjust",slug:"yadjust"},{level:3,title:"z",slug:"z"}],content:" Interface: ContainedLabelOptions \n Hierarchy \n \n \n CoreLabelOptions \n ↳ ContainedLabelOptions \n ↳↳ LabelOptions \n ↳↳ LabelTypeOptions \n Properties \n backgroundColor \n • Optional backgroundColor : Scriptable < Color , PartialEventContext > \n Defined in \n label.d.ts:92 \n borderCapStyle \n • Optional borderCapStyle : Scriptable < CanvasLineCap , PartialEventContext > \n Border line cap style. See MDN. \n Default \n 'butt' \n Defined in \n label.d.ts:99 \n borderColor \n • Optional borderColor : Scriptable < Color , PartialEventContext > \n Defined in \n label.d.ts:94 \n borderDash \n • Optional borderDash : Scriptable < number [], PartialEventContext > \n Border line dash. See MDN. \n Default \n [] \n Defined in \n label.d.ts:104 \n borderDashOffset \n • Optional borderDashOffset : Scriptable < number , PartialEventContext > \n Border line dash offset. See MDN. \n Default \n 0.0 \n Defined in \n label.d.ts:109 \n borderJoinStyle \n • Optional borderJoinStyle : Scriptable < CanvasLineJoin , PartialEventContext > \n Border line join style. See MDN. \n Default \n 'miter' \n Defined in \n label.d.ts:114 \n borderRadius \n • Optional borderRadius : Scriptable < number | BorderRadius , PartialEventContext > \n Border radius of the label rectangle \n Default \n 6 \n Defined in \n label.d.ts:119 \n borderWidth \n • Optional borderWidth : Scriptable < number , PartialEventContext > \n Defined in \n label.d.ts:93 \n callout \n • Optional callout : CalloutOptions \n Defined in \n label.d.ts:120 \n color \n • Optional color : Scriptable < Color | Color [], PartialEventContext > \n Inherited from \n CoreLabelOptions . color \n Defined in \n label.d.ts:43 \n content \n • content : Scriptable < string | string [] | HTMLCanvasElement | HTMLImageElement , PartialEventContext > \n Text to display in label. Provide an array to display multiple lines \n Inherited from \n CoreLabelOptions . content \n Defined in \n label.d.ts:73 \n drawTime \n • Optional drawTime : Scriptable < DrawTime , PartialEventContext > \n Inherited from \n CoreLabelOptions . drawTime \n Defined in \n label.d.ts:41 \n font \n • Optional font : Scriptable < Partial < FontSpec > | Partial < FontSpec >[], PartialEventContext > \n Inherited from \n CoreLabelOptions . font \n Defined in \n label.d.ts:42 \n height \n • Optional height : Scriptable < number | `${number}%`, PartialEventContext > \n Overrides the height of the image. Could be set in pixel by a number,\nor in percentage of current height of image by a string \n Inherited from \n CoreLabelOptions . height \n Defined in \n label.d.ts:83 \n opacity \n • Optional opacity : Scriptable < number , PartialEventContext > \n Overrides the opacity of the image. \n Inherited from \n CoreLabelOptions . opacity \n Defined in \n label.d.ts:87 \n padding \n • Optional padding : Scriptable < number | LabelPadding , PartialEventContext > \n Padding of label \n Default \n 6 \n Inherited from \n CoreLabelOptions . padding \n Defined in \n label.d.ts:48 \n textAlign \n • Optional textAlign : Scriptable < LabelTextAlign , PartialEventContext > \n Text alignment when the content of the label is multi-line. \n Default \n 'center' \n Inherited from \n CoreLabelOptions . textAlign \n Defined in \n label.d.ts:53 \n textStrokeColor \n • Optional textStrokeColor : Scriptable < Color , PartialEventContext > \n Inherited from \n CoreLabelOptions . textStrokeColor \n Defined in \n label.d.ts:54 \n textStrokeWidth \n • Optional textStrokeWidth : Scriptable < number , PartialEventContext > \n Inherited from \n CoreLabelOptions . textStrokeWidth \n Defined in \n label.d.ts:55 \n width \n • Optional width : Scriptable < number | `${number}%`, PartialEventContext > \n Overrides the width of the image. Could be set in pixel by a number,\nor in percentage of current width of image by a string \n Inherited from \n CoreLabelOptions . width \n Defined in \n label.d.ts:78 \n xAdjust \n • Optional xAdjust : Scriptable < number , PartialEventContext > \n Adjustment along x-axis (left-right) of label relative to above number (can be negative)\nFor horizontal lines positioned left or right, negative values move\nthe label toward the edge, and positive values toward the center. \n Default \n 0 \n Inherited from \n CoreLabelOptions . xAdjust \n Defined in \n label.d.ts:62 \n yAdjust \n • Optional yAdjust : Scriptable < number , PartialEventContext > \n Adjustment along y-axis (top-bottom) of label relative to above number (can be negative)\nFor vertical lines positioned top or bottom, negative values move\nthe label toward the edge, and positive values toward the center. \n Default \n 0 \n Inherited from \n CoreLabelOptions . yAdjust \n Defined in \n label.d.ts:69 \n z \n • Optional z : Scriptable < number , PartialEventContext > \n Inherited from \n CoreLabelOptions . z \n Defined in \n label.d.ts:88 \n"},{title:"Interface: ControlPointOptions",frontmatter:{},regularPath:"/api/interfaces/ControlPointOptions.html",relativePath:"api/interfaces/ControlPointOptions.md",key:"v-6b2059b3",path:"/api/interfaces/ControlPointOptions.html",headers:[{level:2,title:"Properties",slug:"properties"},{level:3,title:"x",slug:"x"},{level:3,title:"y",slug:"y"}],content:" Interface: ControlPointOptions \n Properties \n x \n • Optional x : Scriptable < string | number , PartialEventContext > \n Defined in \n options.d.ts:80 \n y \n • Optional y : Scriptable < string | number , PartialEventContext > \n Defined in \n options.d.ts:81 \n"},{title:"Interface: CoreAnnotationOptions",frontmatter:{},regularPath:"/api/interfaces/CoreAnnotationOptions.html",relativePath:"api/interfaces/CoreAnnotationOptions.md",key:"v-4b4d89e9",path:"/api/interfaces/CoreAnnotationOptions.html",headers:[{level:2,title:"Hierarchy",slug:"hierarchy"},{level:2,title:"Properties",slug:"properties"},{level:3,title:"adjustScaleRange",slug:"adjustscalerange"},{level:3,title:"backgroundShadowColor",slug:"backgroundshadowcolor"},{level:3,title:"borderColor",slug:"bordercolor"},{level:3,title:"borderDash",slug:"borderdash"},{level:3,title:"borderDashOffset",slug:"borderdashoffset"},{level:3,title:"borderShadowColor",slug:"bordershadowcolor"},{level:3,title:"borderWidth",slug:"borderwidth"},{level:3,title:"display",slug:"display"},{level:3,title:"drawTime",slug:"drawtime"},{level:3,title:"hitTolerance",slug:"hittolerance"},{level:3,title:"id",slug:"id"},{level:3,title:"init",slug:"init"},{level:3,title:"shadowBlur",slug:"shadowblur"},{level:3,title:"shadowOffsetX",slug:"shadowoffsetx"},{level:3,title:"shadowOffsetY",slug:"shadowoffsety"},{level:3,title:"xMax",slug:"xmax"},{level:3,title:"xMin",slug:"xmin"},{level:3,title:"xScaleID",slug:"xscaleid"},{level:3,title:"yMax",slug:"ymax"},{level:3,title:"yMin",slug:"ymin"},{level:3,title:"yScaleID",slug:"yscaleid"},{level:3,title:"z",slug:"z"},{level:2,title:"Methods",slug:"methods"},{level:3,title:"afterDraw",slug:"afterdraw"},{level:3,title:"beforeDraw",slug:"beforedraw"},{level:3,title:"click",slug:"click"},{level:3,title:"enter",slug:"enter"},{level:3,title:"leave",slug:"leave"}],content:" Interface: CoreAnnotationOptions \n Hierarchy \n \n \n AnnotationEvents \n \n \n ShadowOptions \n \n \n AnnotationHooks \n ↳ CoreAnnotationOptions \n ↳↳ LineAnnotationOptions \n ↳↳ BoxAnnotationOptions \n ↳↳ EllipseAnnotationOptions \n ↳↳ PointAnnotationOptions \n ↳↳ LabelAnnotationOptions \n ↳↳ PolygonAnnotationOptions \n Properties \n adjustScaleRange \n • Optional adjustScaleRange : Scriptable < boolean , PartialEventContext > \n Defined in \n options.d.ts:38 \n backgroundShadowColor \n • Optional backgroundShadowColor : Scriptable < Color , PartialEventContext > \n Inherited from \n ShadowOptions . backgroundShadowColor \n Defined in \n options.d.ts:30 \n borderColor \n • Optional borderColor : Scriptable < Color , PartialEventContext > \n Defined in \n options.d.ts:39 \n borderDash \n • Optional borderDash : Scriptable < number [], PartialEventContext > \n Defined in \n options.d.ts:40 \n borderDashOffset \n • Optional borderDashOffset : Scriptable < number , PartialEventContext > \n Defined in \n options.d.ts:41 \n borderShadowColor \n • Optional borderShadowColor : Scriptable < Color , PartialEventContext > \n Inherited from \n ShadowOptions . borderShadowColor \n Defined in \n options.d.ts:31 \n borderWidth \n • Optional borderWidth : Scriptable < number , PartialEventContext > \n Defined in \n options.d.ts:42 \n display \n • Optional display : Scriptable < boolean , PartialEventContext > \n Defined in \n options.d.ts:43 \n drawTime \n • Optional drawTime : Scriptable < DrawTime , PartialEventContext > \n Defined in \n options.d.ts:44 \n hitTolerance \n • Optional hitTolerance : Scriptable < number , PartialEventContext > \n Defined in \n options.d.ts:45 \n id \n • Optional id : string \n Defined in \n options.d.ts:47 \n init \n • Optional init : boolean | ( __namedParameters : Object ) => boolean | void | Partial < AnnotationElement > \n Defined in \n options.d.ts:46 \n shadowBlur \n • Optional shadowBlur : Scriptable < number , PartialEventContext > \n Inherited from \n ShadowOptions . shadowBlur \n Defined in \n options.d.ts:32 \n shadowOffsetX \n • Optional shadowOffsetX : Scriptable < number , PartialEventContext > \n Inherited from \n ShadowOptions . shadowOffsetX \n Defined in \n options.d.ts:33 \n shadowOffsetY \n • Optional shadowOffsetY : Scriptable < number , PartialEventContext > \n Inherited from \n ShadowOptions . shadowOffsetY \n Defined in \n options.d.ts:34 \n xMax \n • Optional xMax : Scriptable < ScaleValue , PartialEventContext > \n Defined in \n options.d.ts:48 \n xMin \n • Optional xMin : Scriptable < ScaleValue , PartialEventContext > \n Defined in \n options.d.ts:49 \n xScaleID \n • Optional xScaleID : Scriptable < string , PartialEventContext > \n Defined in \n options.d.ts:50 \n yMax \n • Optional yMax : Scriptable < ScaleValue , PartialEventContext > \n Defined in \n options.d.ts:51 \n yMin \n • Optional yMin : Scriptable < ScaleValue , PartialEventContext > \n Defined in \n options.d.ts:52 \n yScaleID \n • Optional yScaleID : Scriptable < string , PartialEventContext > \n Defined in \n options.d.ts:53 \n z \n • Optional z : Scriptable < number , PartialEventContext > \n Defined in \n options.d.ts:54 \n Methods \n afterDraw \n ▸ Optional afterDraw ( context ): void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n Returns \n void \n Inherited from \n AnnotationHooks . afterDraw \n Defined in \n options.d.ts:23 \n beforeDraw \n ▸ Optional beforeDraw ( context ): void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n Returns \n void \n Inherited from \n AnnotationHooks . beforeDraw \n Defined in \n options.d.ts:22 \n click \n ▸ Optional click ( context , event ): boolean | void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n \n \n event \n ChartEvent \n Returns \n boolean | void \n Inherited from \n AnnotationEvents . click \n Defined in \n events.d.ts:27 \n enter \n ▸ Optional enter ( context , event ): boolean | void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n \n \n event \n ChartEvent \n Returns \n boolean | void \n Inherited from \n AnnotationEvents . enter \n Defined in \n events.d.ts:25 \n leave \n ▸ Optional leave ( context , event ): boolean | void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n \n \n event \n ChartEvent \n Returns \n boolean | void \n Inherited from \n AnnotationEvents . leave \n Defined in \n events.d.ts:26 \n"},{title:"Interface: EllipseAnnotationOptions",frontmatter:{},regularPath:"/api/interfaces/EllipseAnnotationOptions.html",relativePath:"api/interfaces/EllipseAnnotationOptions.md",key:"v-49180d06",path:"/api/interfaces/EllipseAnnotationOptions.html",headers:[{level:2,title:"Hierarchy",slug:"hierarchy"},{level:2,title:"Properties",slug:"properties"},{level:3,title:"adjustScaleRange",slug:"adjustscalerange"},{level:3,title:"backgroundColor",slug:"backgroundcolor"},{level:3,title:"backgroundShadowColor",slug:"backgroundshadowcolor"},{level:3,title:"borderColor",slug:"bordercolor"},{level:3,title:"borderDash",slug:"borderdash"},{level:3,title:"borderDashOffset",slug:"borderdashoffset"},{level:3,title:"borderShadowColor",slug:"bordershadowcolor"},{level:3,title:"borderWidth",slug:"borderwidth"},{level:3,title:"display",slug:"display"},{level:3,title:"drawTime",slug:"drawtime"},{level:3,title:"hitTolerance",slug:"hittolerance"},{level:3,title:"id",slug:"id"},{level:3,title:"init",slug:"init"},{level:3,title:"label",slug:"label"},{level:3,title:"rotation",slug:"rotation"},{level:3,title:"shadowBlur",slug:"shadowblur"},{level:3,title:"shadowOffsetX",slug:"shadowoffsetx"},{level:3,title:"shadowOffsetY",slug:"shadowoffsety"},{level:3,title:"xMax",slug:"xmax"},{level:3,title:"xMin",slug:"xmin"},{level:3,title:"xScaleID",slug:"xscaleid"},{level:3,title:"yMax",slug:"ymax"},{level:3,title:"yMin",slug:"ymin"},{level:3,title:"yScaleID",slug:"yscaleid"},{level:3,title:"z",slug:"z"},{level:2,title:"Methods",slug:"methods"},{level:3,title:"afterDraw",slug:"afterdraw"},{level:3,title:"beforeDraw",slug:"beforedraw"},{level:3,title:"click",slug:"click"},{level:3,title:"enter",slug:"enter"},{level:3,title:"leave",slug:"leave"}],content:" Interface: EllipseAnnotationOptions \n Hierarchy \n \n \n CoreAnnotationOptions \n ↳ EllipseAnnotationOptions \n Properties \n adjustScaleRange \n • Optional adjustScaleRange : Scriptable < boolean , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . adjustScaleRange \n Defined in \n options.d.ts:38 \n backgroundColor \n • Optional backgroundColor : Scriptable < Color , PartialEventContext > \n Defined in \n options.d.ts:122 \n backgroundShadowColor \n • Optional backgroundShadowColor : Scriptable < Color , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . backgroundShadowColor \n Defined in \n options.d.ts:30 \n borderColor \n • Optional borderColor : Scriptable < Color , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . borderColor \n Defined in \n options.d.ts:39 \n borderDash \n • Optional borderDash : Scriptable < number [], PartialEventContext > \n Inherited from \n CoreAnnotationOptions . borderDash \n Defined in \n options.d.ts:40 \n borderDashOffset \n • Optional borderDashOffset : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . borderDashOffset \n Defined in \n options.d.ts:41 \n borderShadowColor \n • Optional borderShadowColor : Scriptable < Color , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . borderShadowColor \n Defined in \n options.d.ts:31 \n borderWidth \n • Optional borderWidth : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . borderWidth \n Defined in \n options.d.ts:42 \n display \n • Optional display : Scriptable < boolean , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . display \n Defined in \n options.d.ts:43 \n drawTime \n • Optional drawTime : Scriptable < DrawTime , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . drawTime \n Defined in \n options.d.ts:44 \n hitTolerance \n • Optional hitTolerance : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . hitTolerance \n Defined in \n options.d.ts:45 \n id \n • Optional id : string \n Inherited from \n CoreAnnotationOptions . id \n Defined in \n options.d.ts:47 \n init \n • Optional init : boolean | ( __namedParameters : Object ) => boolean | void | Partial < AnnotationElement > \n Inherited from \n CoreAnnotationOptions . init \n Defined in \n options.d.ts:46 \n label \n • Optional label : BoxLabelOptions \n Defined in \n options.d.ts:123 \n rotation \n • Optional rotation : Scriptable < number , PartialEventContext > \n Defined in \n options.d.ts:124 \n shadowBlur \n • Optional shadowBlur : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . shadowBlur \n Defined in \n options.d.ts:32 \n shadowOffsetX \n • Optional shadowOffsetX : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . shadowOffsetX \n Defined in \n options.d.ts:33 \n shadowOffsetY \n • Optional shadowOffsetY : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . shadowOffsetY \n Defined in \n options.d.ts:34 \n xMax \n • Optional xMax : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . xMax \n Defined in \n options.d.ts:48 \n xMin \n • Optional xMin : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . xMin \n Defined in \n options.d.ts:49 \n xScaleID \n • Optional xScaleID : Scriptable < string , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . xScaleID \n Defined in \n options.d.ts:50 \n yMax \n • Optional yMax : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . yMax \n Defined in \n options.d.ts:51 \n yMin \n • Optional yMin : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . yMin \n Defined in \n options.d.ts:52 \n yScaleID \n • Optional yScaleID : Scriptable < string , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . yScaleID \n Defined in \n options.d.ts:53 \n z \n • Optional z : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . z \n Defined in \n options.d.ts:54 \n Methods \n afterDraw \n ▸ Optional afterDraw ( context ): void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n Returns \n void \n Inherited from \n CoreAnnotationOptions . afterDraw \n Defined in \n options.d.ts:23 \n beforeDraw \n ▸ Optional beforeDraw ( context ): void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n Returns \n void \n Inherited from \n CoreAnnotationOptions . beforeDraw \n Defined in \n options.d.ts:22 \n click \n ▸ Optional click ( context , event ): boolean | void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n \n \n event \n ChartEvent \n Returns \n boolean | void \n Inherited from \n CoreAnnotationOptions . click \n Defined in \n events.d.ts:27 \n enter \n ▸ Optional enter ( context , event ): boolean | void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n \n \n event \n ChartEvent \n Returns \n boolean | void \n Inherited from \n CoreAnnotationOptions . enter \n Defined in \n events.d.ts:25 \n leave \n ▸ Optional leave ( context , event ): boolean | void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n \n \n event \n ChartEvent \n Returns \n boolean | void \n Inherited from \n CoreAnnotationOptions . leave \n Defined in \n events.d.ts:26 \n"},{title:"Interface: CoreLabelOptions",frontmatter:{},regularPath:"/api/interfaces/CoreLabelOptions.html",relativePath:"api/interfaces/CoreLabelOptions.md",key:"v-c42c2106",path:"/api/interfaces/CoreLabelOptions.html",headers:[{level:2,title:"Hierarchy",slug:"hierarchy"},{level:2,title:"Properties",slug:"properties"},{level:3,title:"color",slug:"color"},{level:3,title:"content",slug:"content"},{level:3,title:"drawTime",slug:"drawtime"},{level:3,title:"font",slug:"font"},{level:3,title:"height",slug:"height"},{level:3,title:"opacity",slug:"opacity"},{level:3,title:"padding",slug:"padding"},{level:3,title:"textAlign",slug:"textalign"},{level:3,title:"textStrokeColor",slug:"textstrokecolor"},{level:3,title:"textStrokeWidth",slug:"textstrokewidth"},{level:3,title:"width",slug:"width"},{level:3,title:"xAdjust",slug:"xadjust"},{level:3,title:"yAdjust",slug:"yadjust"},{level:3,title:"z",slug:"z"}],content:" Interface: CoreLabelOptions \n Hierarchy \n \n \n CoreLabelOptions \n ↳ ContainedLabelOptions \n ↳ BoxLabelOptions \n Properties \n color \n • Optional color : Scriptable < Color | Color [], PartialEventContext > \n Defined in \n label.d.ts:43 \n content \n • content : Scriptable < string | string [] | HTMLCanvasElement | HTMLImageElement , PartialEventContext > \n Text to display in label. Provide an array to display multiple lines \n Defined in \n label.d.ts:73 \n drawTime \n • Optional drawTime : Scriptable < DrawTime , PartialEventContext > \n Defined in \n label.d.ts:41 \n font \n • Optional font : Scriptable < Partial < FontSpec > | Partial < FontSpec >[], PartialEventContext > \n Defined in \n label.d.ts:42 \n height \n • Optional height : Scriptable < number | `${number}%`, PartialEventContext > \n Overrides the height of the image. Could be set in pixel by a number,\nor in percentage of current height of image by a string \n Defined in \n label.d.ts:83 \n opacity \n • Optional opacity : Scriptable < number , PartialEventContext > \n Overrides the opacity of the image. \n Defined in \n label.d.ts:87 \n padding \n • Optional padding : Scriptable < number | LabelPadding , PartialEventContext > \n Padding of label \n Default \n 6 \n Defined in \n label.d.ts:48 \n textAlign \n • Optional textAlign : Scriptable < LabelTextAlign , PartialEventContext > \n Text alignment when the content of the label is multi-line. \n Default \n 'center' \n Defined in \n label.d.ts:53 \n textStrokeColor \n • Optional textStrokeColor : Scriptable < Color , PartialEventContext > \n Defined in \n label.d.ts:54 \n textStrokeWidth \n • Optional textStrokeWidth : Scriptable < number , PartialEventContext > \n Defined in \n label.d.ts:55 \n width \n • Optional width : Scriptable < number | `${number}%`, PartialEventContext > \n Overrides the width of the image. Could be set in pixel by a number,\nor in percentage of current width of image by a string \n Defined in \n label.d.ts:78 \n xAdjust \n • Optional xAdjust : Scriptable < number , PartialEventContext > \n Adjustment along x-axis (left-right) of label relative to above number (can be negative)\nFor horizontal lines positioned left or right, negative values move\nthe label toward the edge, and positive values toward the center. \n Default \n 0 \n Defined in \n label.d.ts:62 \n yAdjust \n • Optional yAdjust : Scriptable < number , PartialEventContext > \n Adjustment along y-axis (top-bottom) of label relative to above number (can be negative)\nFor vertical lines positioned top or bottom, negative values move\nthe label toward the edge, and positive values toward the center. \n Default \n 0 \n Defined in \n label.d.ts:69 \n z \n • Optional z : Scriptable < number , PartialEventContext > \n Defined in \n label.d.ts:88 \n"},{title:"Interface: LabelAnnotationOptions",frontmatter:{},regularPath:"/api/interfaces/LabelAnnotationOptions.html",relativePath:"api/interfaces/LabelAnnotationOptions.md",key:"v-f13aec06",path:"/api/interfaces/LabelAnnotationOptions.html",headers:[{level:2,title:"Hierarchy",slug:"hierarchy"},{level:2,title:"Properties",slug:"properties"},{level:3,title:"adjustScaleRange",slug:"adjustscalerange"},{level:3,title:"backgroundColor",slug:"backgroundcolor"},{level:3,title:"backgroundShadowColor",slug:"backgroundshadowcolor"},{level:3,title:"borderCapStyle",slug:"bordercapstyle"},{level:3,title:"borderColor",slug:"bordercolor"},{level:3,title:"borderDash",slug:"borderdash"},{level:3,title:"borderDashOffset",slug:"borderdashoffset"},{level:3,title:"borderJoinStyle",slug:"borderjoinstyle"},{level:3,title:"borderRadius",slug:"borderradius"},{level:3,title:"borderShadowColor",slug:"bordershadowcolor"},{level:3,title:"borderWidth",slug:"borderwidth"},{level:3,title:"callout",slug:"callout"},{level:3,title:"color",slug:"color"},{level:3,title:"content",slug:"content"},{level:3,title:"display",slug:"display"},{level:3,title:"drawTime",slug:"drawtime"},{level:3,title:"font",slug:"font"},{level:3,title:"height",slug:"height"},{level:3,title:"hitTolerance",slug:"hittolerance"},{level:3,title:"id",slug:"id"},{level:3,title:"init",slug:"init"},{level:3,title:"opacity",slug:"opacity"},{level:3,title:"padding",slug:"padding"},{level:3,title:"position",slug:"position"},{level:3,title:"rotation",slug:"rotation"},{level:3,title:"shadowBlur",slug:"shadowblur"},{level:3,title:"shadowOffsetX",slug:"shadowoffsetx"},{level:3,title:"shadowOffsetY",slug:"shadowoffsety"},{level:3,title:"textAlign",slug:"textalign"},{level:3,title:"textStrokeColor",slug:"textstrokecolor"},{level:3,title:"textStrokeWidth",slug:"textstrokewidth"},{level:3,title:"width",slug:"width"},{level:3,title:"xAdjust",slug:"xadjust"},{level:3,title:"xMax",slug:"xmax"},{level:3,title:"xMin",slug:"xmin"},{level:3,title:"xScaleID",slug:"xscaleid"},{level:3,title:"xValue",slug:"xvalue"},{level:3,title:"yAdjust",slug:"yadjust"},{level:3,title:"yMax",slug:"ymax"},{level:3,title:"yMin",slug:"ymin"},{level:3,title:"yScaleID",slug:"yscaleid"},{level:3,title:"yValue",slug:"yvalue"},{level:3,title:"z",slug:"z"},{level:2,title:"Methods",slug:"methods"},{level:3,title:"afterDraw",slug:"afterdraw"},{level:3,title:"beforeDraw",slug:"beforedraw"},{level:3,title:"click",slug:"click"},{level:3,title:"enter",slug:"enter"},{level:3,title:"leave",slug:"leave"}],content:" Interface: LabelAnnotationOptions \n Hierarchy \n \n \n CoreAnnotationOptions \n \n \n LabelTypeOptions \n \n \n AnnotationPointCoordinates \n ↳ LabelAnnotationOptions \n Properties \n adjustScaleRange \n • Optional adjustScaleRange : Scriptable < boolean , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . adjustScaleRange \n Defined in \n options.d.ts:38 \n backgroundColor \n • Optional backgroundColor : Scriptable < Color , PartialEventContext > \n Inherited from \n LabelTypeOptions . backgroundColor \n Defined in \n label.d.ts:92 \n backgroundShadowColor \n • Optional backgroundShadowColor : Scriptable < Color , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . backgroundShadowColor \n Defined in \n options.d.ts:30 \n borderCapStyle \n • Optional borderCapStyle : Scriptable < CanvasLineCap , PartialEventContext > \n Border line cap style. See MDN. \n Default \n 'butt' \n Inherited from \n LabelTypeOptions . borderCapStyle \n Defined in \n label.d.ts:99 \n borderColor \n • Optional borderColor : Scriptable < Color , PartialEventContext > \n Inherited from \n LabelTypeOptions . borderColor \n Defined in \n options.d.ts:39 \n borderDash \n • Optional borderDash : Scriptable < number [], PartialEventContext > \n Border line dash. See MDN. \n Default \n [] \n Inherited from \n LabelTypeOptions . borderDash \n Defined in \n options.d.ts:40 \n borderDashOffset \n • Optional borderDashOffset : Scriptable < number , PartialEventContext > \n Border line dash offset. See MDN. \n Default \n 0.0 \n Inherited from \n LabelTypeOptions . borderDashOffset \n Defined in \n options.d.ts:41 \n borderJoinStyle \n • Optional borderJoinStyle : Scriptable < CanvasLineJoin , PartialEventContext > \n Border line join style. See MDN. \n Default \n 'miter' \n Inherited from \n LabelTypeOptions . borderJoinStyle \n Defined in \n label.d.ts:114 \n borderRadius \n • Optional borderRadius : Scriptable < number | BorderRadius , PartialEventContext > \n Border radius of the label rectangle \n Default \n 6 \n Inherited from \n LabelTypeOptions . borderRadius \n Defined in \n label.d.ts:119 \n borderShadowColor \n • Optional borderShadowColor : Scriptable < Color , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . borderShadowColor \n Defined in \n options.d.ts:31 \n borderWidth \n • Optional borderWidth : Scriptable < number , PartialEventContext > \n Inherited from \n LabelTypeOptions . borderWidth \n Defined in \n options.d.ts:42 \n callout \n • Optional callout : CalloutOptions \n Inherited from \n LabelTypeOptions . callout \n Defined in \n label.d.ts:120 \n color \n • Optional color : Scriptable < Color | Color [], PartialEventContext > \n Inherited from \n LabelTypeOptions . color \n Defined in \n label.d.ts:43 \n content \n • content : Scriptable < string | string [] | HTMLCanvasElement | HTMLImageElement , PartialEventContext > \n Text to display in label. Provide an array to display multiple lines \n Inherited from \n LabelTypeOptions . content \n Defined in \n label.d.ts:73 \n display \n • Optional display : Scriptable < boolean , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . display \n Defined in \n options.d.ts:43 \n drawTime \n • Optional drawTime : Scriptable < DrawTime , PartialEventContext > \n Inherited from \n LabelTypeOptions . drawTime \n Defined in \n options.d.ts:44 \n font \n • Optional font : Scriptable < Partial < FontSpec > | Partial < FontSpec >[], PartialEventContext > \n Inherited from \n LabelTypeOptions . font \n Defined in \n label.d.ts:42 \n height \n • Optional height : Scriptable < number | `${number}%`, PartialEventContext > \n Overrides the height of the image. Could be set in pixel by a number,\nor in percentage of current height of image by a string \n Inherited from \n LabelTypeOptions . height \n Defined in \n label.d.ts:83 \n hitTolerance \n • Optional hitTolerance : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . hitTolerance \n Defined in \n options.d.ts:45 \n id \n • Optional id : string \n Inherited from \n CoreAnnotationOptions . id \n Defined in \n options.d.ts:47 \n init \n • Optional init : boolean | ( __namedParameters : Object ) => boolean | void | Partial < AnnotationElement > \n Inherited from \n CoreAnnotationOptions . init \n Defined in \n options.d.ts:46 \n opacity \n • Optional opacity : Scriptable < number , PartialEventContext > \n Overrides the opacity of the image. \n Inherited from \n LabelTypeOptions . opacity \n Defined in \n label.d.ts:87 \n padding \n • Optional padding : Scriptable < number | LabelPadding , PartialEventContext > \n Padding of label \n Default \n 6 \n Inherited from \n LabelTypeOptions . padding \n Defined in \n label.d.ts:48 \n position \n • Optional position : Scriptable < LabelPosition | LabelPositionObject , PartialEventContext > \n Inherited from \n LabelTypeOptions . position \n Defined in \n label.d.ts:150 \n rotation \n • Optional rotation : Scriptable < number , PartialEventContext > \n Defined in \n options.d.ts:137 \n shadowBlur \n • Optional shadowBlur : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . shadowBlur \n Defined in \n options.d.ts:32 \n shadowOffsetX \n • Optional shadowOffsetX : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . shadowOffsetX \n Defined in \n options.d.ts:33 \n shadowOffsetY \n • Optional shadowOffsetY : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . shadowOffsetY \n Defined in \n options.d.ts:34 \n textAlign \n • Optional textAlign : Scriptable < LabelTextAlign , PartialEventContext > \n Text alignment when the content of the label is multi-line. \n Default \n 'center' \n Inherited from \n LabelTypeOptions . textAlign \n Defined in \n label.d.ts:53 \n textStrokeColor \n • Optional textStrokeColor : Scriptable < Color , PartialEventContext > \n Inherited from \n LabelTypeOptions . textStrokeColor \n Defined in \n label.d.ts:54 \n textStrokeWidth \n • Optional textStrokeWidth : Scriptable < number , PartialEventContext > \n Inherited from \n LabelTypeOptions . textStrokeWidth \n Defined in \n label.d.ts:55 \n width \n • Optional width : Scriptable < number | `${number}%`, PartialEventContext > \n Overrides the width of the image. Could be set in pixel by a number,\nor in percentage of current width of image by a string \n Inherited from \n LabelTypeOptions . width \n Defined in \n label.d.ts:78 \n xAdjust \n • Optional xAdjust : Scriptable < number , PartialEventContext > \n Adjustment along x-axis (left-right) of label relative to above number (can be negative)\nFor horizontal lines positioned left or right, negative values move\nthe label toward the edge, and positive values toward the center. \n Default \n 0 \n Inherited from \n LabelTypeOptions . xAdjust \n Defined in \n label.d.ts:62 \n xMax \n • Optional xMax : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . xMax \n Defined in \n options.d.ts:48 \n xMin \n • Optional xMin : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . xMin \n Defined in \n options.d.ts:49 \n xScaleID \n • Optional xScaleID : Scriptable < string , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . xScaleID \n Defined in \n options.d.ts:50 \n xValue \n • Optional xValue : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n AnnotationPointCoordinates . xValue \n Defined in \n options.d.ts:58 \n yAdjust \n • Optional yAdjust : Scriptable < number , PartialEventContext > \n Adjustment along y-axis (top-bottom) of label relative to above number (can be negative)\nFor vertical lines positioned top or bottom, negative values move\nthe label toward the edge, and positive values toward the center. \n Default \n 0 \n Inherited from \n LabelTypeOptions . yAdjust \n Defined in \n label.d.ts:69 \n yMax \n • Optional yMax : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . yMax \n Defined in \n options.d.ts:51 \n yMin \n • Optional yMin : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . yMin \n Defined in \n options.d.ts:52 \n yScaleID \n • Optional yScaleID : Scriptable < string , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . yScaleID \n Defined in \n options.d.ts:53 \n yValue \n • Optional yValue : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n AnnotationPointCoordinates . yValue \n Defined in \n options.d.ts:59 \n z \n • Optional z : Scriptable < number , PartialEventContext > \n Inherited from \n LabelTypeOptions . z \n Defined in \n options.d.ts:54 \n Methods \n afterDraw \n ▸ Optional afterDraw ( context ): void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n Returns \n void \n Inherited from \n CoreAnnotationOptions . afterDraw \n Defined in \n options.d.ts:23 \n beforeDraw \n ▸ Optional beforeDraw ( context ): void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n Returns \n void \n Inherited from \n CoreAnnotationOptions . beforeDraw \n Defined in \n options.d.ts:22 \n click \n ▸ Optional click ( context , event ): boolean | void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n \n \n event \n ChartEvent \n Returns \n boolean | void \n Inherited from \n CoreAnnotationOptions . click \n Defined in \n events.d.ts:27 \n enter \n ▸ Optional enter ( context , event ): boolean | void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n \n \n event \n ChartEvent \n Returns \n boolean | void \n Inherited from \n CoreAnnotationOptions . enter \n Defined in \n events.d.ts:25 \n leave \n ▸ Optional leave ( context , event ): boolean | void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n \n \n event \n ChartEvent \n Returns \n boolean | void \n Inherited from \n CoreAnnotationOptions . leave \n Defined in \n events.d.ts:26 \n"},{title:"Interface: EventContext",frontmatter:{},regularPath:"/api/interfaces/EventContext.html",relativePath:"api/interfaces/EventContext.md",key:"v-29e3487d",path:"/api/interfaces/EventContext.html",headers:[{level:2,title:"Properties",slug:"properties"},{level:3,title:"chart",slug:"chart"},{level:3,title:"element",slug:"element"},{level:3,title:"elements",slug:"elements"},{level:3,title:"id",slug:"id"},{level:3,title:"type",slug:"type"}],content:" Interface: EventContext \n Properties \n chart \n • chart : Chart \n Defined in \n events.d.ts:5 \n element \n • element : AnnotationElement \n Defined in \n events.d.ts:6 \n elements \n • elements : AnnotationElement [] \n Defined in \n events.d.ts:7 \n id \n • id : string \n Defined in \n events.d.ts:8 \n type \n • type : string \n Defined in \n events.d.ts:9 \n"},{title:"Interface: LabelOptions",frontmatter:{},regularPath:"/api/interfaces/LabelOptions.html",relativePath:"api/interfaces/LabelOptions.md",key:"v-3e5dcf1d",path:"/api/interfaces/LabelOptions.html",headers:[{level:2,title:"Hierarchy",slug:"hierarchy"},{level:2,title:"Properties",slug:"properties"},{level:3,title:"backgroundColor",slug:"backgroundcolor"},{level:3,title:"backgroundShadowColor",slug:"backgroundshadowcolor"},{level:3,title:"borderCapStyle",slug:"bordercapstyle"},{level:3,title:"borderColor",slug:"bordercolor"},{level:3,title:"borderDash",slug:"borderdash"},{level:3,title:"borderDashOffset",slug:"borderdashoffset"},{level:3,title:"borderJoinStyle",slug:"borderjoinstyle"},{level:3,title:"borderRadius",slug:"borderradius"},{level:3,title:"borderShadowColor",slug:"bordershadowcolor"},{level:3,title:"borderWidth",slug:"borderwidth"},{level:3,title:"callout",slug:"callout"},{level:3,title:"color",slug:"color"},{level:3,title:"content",slug:"content"},{level:3,title:"display",slug:"display"},{level:3,title:"drawTime",slug:"drawtime"},{level:3,title:"font",slug:"font"},{level:3,title:"height",slug:"height"},{level:3,title:"hitTolerance",slug:"hittolerance"},{level:3,title:"opacity",slug:"opacity"},{level:3,title:"padding",slug:"padding"},{level:3,title:"position",slug:"position"},{level:3,title:"rotation",slug:"rotation"},{level:3,title:"shadowBlur",slug:"shadowblur"},{level:3,title:"shadowOffsetX",slug:"shadowoffsetx"},{level:3,title:"shadowOffsetY",slug:"shadowoffsety"},{level:3,title:"textAlign",slug:"textalign"},{level:3,title:"textStrokeColor",slug:"textstrokecolor"},{level:3,title:"textStrokeWidth",slug:"textstrokewidth"},{level:3,title:"width",slug:"width"},{level:3,title:"xAdjust",slug:"xadjust"},{level:3,title:"yAdjust",slug:"yadjust"},{level:3,title:"z",slug:"z"}],content:" Interface: LabelOptions \n Hierarchy \n \n \n ContainedLabelOptions \n \n \n ShadowOptions \n ↳ LabelOptions \n Properties \n backgroundColor \n • Optional backgroundColor : Scriptable < Color , PartialEventContext > \n Inherited from \n ContainedLabelOptions . backgroundColor \n Defined in \n label.d.ts:92 \n backgroundShadowColor \n • Optional backgroundShadowColor : Scriptable < Color , PartialEventContext > \n Inherited from \n ShadowOptions . backgroundShadowColor \n Defined in \n options.d.ts:30 \n borderCapStyle \n • Optional borderCapStyle : Scriptable < CanvasLineCap , PartialEventContext > \n Border line cap style. See MDN. \n Default \n 'butt' \n Inherited from \n ContainedLabelOptions . borderCapStyle \n Defined in \n label.d.ts:99 \n borderColor \n • Optional borderColor : Scriptable < Color , PartialEventContext > \n Inherited from \n ContainedLabelOptions . borderColor \n Defined in \n label.d.ts:94 \n borderDash \n • Optional borderDash : Scriptable < number [], PartialEventContext > \n Border line dash. See MDN. \n Default \n [] \n Inherited from \n ContainedLabelOptions . borderDash \n Defined in \n label.d.ts:104 \n borderDashOffset \n • Optional borderDashOffset : Scriptable < number , PartialEventContext > \n Border line dash offset. See MDN. \n Default \n 0.0 \n Inherited from \n ContainedLabelOptions . borderDashOffset \n Defined in \n label.d.ts:109 \n borderJoinStyle \n • Optional borderJoinStyle : Scriptable < CanvasLineJoin , PartialEventContext > \n Border line join style. See MDN. \n Default \n 'miter' \n Inherited from \n ContainedLabelOptions . borderJoinStyle \n Defined in \n label.d.ts:114 \n borderRadius \n • Optional borderRadius : Scriptable < number | BorderRadius , PartialEventContext > \n Border radius of the label rectangle \n Default \n 6 \n Inherited from \n ContainedLabelOptions . borderRadius \n Defined in \n label.d.ts:119 \n borderShadowColor \n • Optional borderShadowColor : Scriptable < Color , PartialEventContext > \n Inherited from \n ShadowOptions . borderShadowColor \n Defined in \n options.d.ts:31 \n borderWidth \n • Optional borderWidth : Scriptable < number , PartialEventContext > \n Inherited from \n ContainedLabelOptions . borderWidth \n Defined in \n label.d.ts:93 \n callout \n • Optional callout : CalloutOptions \n Inherited from \n ContainedLabelOptions . callout \n Defined in \n label.d.ts:120 \n color \n • Optional color : Scriptable < Color | Color [], PartialEventContext > \n Inherited from \n ContainedLabelOptions . color \n Defined in \n label.d.ts:43 \n content \n • content : Scriptable < string | string [] | HTMLCanvasElement | HTMLImageElement , PartialEventContext > \n Text to display in label. Provide an array to display multiple lines \n Inherited from \n ContainedLabelOptions . content \n Defined in \n label.d.ts:73 \n display \n • Optional display : Scriptable < boolean , PartialEventContext > \n Whether the label should be displayed \n Default \n true \n Defined in \n label.d.ts:129 \n drawTime \n • Optional drawTime : Scriptable < DrawTime , PartialEventContext > \n Inherited from \n ContainedLabelOptions . drawTime \n Defined in \n label.d.ts:41 \n font \n • Optional font : Scriptable < Partial < FontSpec > | Partial < FontSpec >[], PartialEventContext > \n Inherited from \n ContainedLabelOptions . font \n Defined in \n label.d.ts:42 \n height \n • Optional height : Scriptable < number | `${number}%`, PartialEventContext > \n Overrides the height of the image. Could be set in pixel by a number,\nor in percentage of current height of image by a string \n Inherited from \n ContainedLabelOptions . height \n Defined in \n label.d.ts:83 \n hitTolerance \n • Optional hitTolerance : Scriptable < number , PartialEventContext > \n Defined in \n label.d.ts:130 \n opacity \n • Optional opacity : Scriptable < number , PartialEventContext > \n Overrides the opacity of the image. \n Inherited from \n ContainedLabelOptions . opacity \n Defined in \n label.d.ts:87 \n padding \n • Optional padding : Scriptable < number | LabelPadding , PartialEventContext > \n Padding of label \n Default \n 6 \n Inherited from \n ContainedLabelOptions . padding \n Defined in \n label.d.ts:48 \n position \n • Optional position : Scriptable < LabelPosition , PartialEventContext > \n Defined in \n label.d.ts:124 \n rotation \n • Optional rotation : Scriptable < number | \"auto\" , PartialEventContext > \n Rotation of label, in degrees, or 'auto' to use the degrees of the line, default is 0 \n Default \n 90 \n Defined in \n label.d.ts:135 \n shadowBlur \n • Optional shadowBlur : Scriptable < number , PartialEventContext > \n Inherited from \n ShadowOptions . shadowBlur \n Defined in \n options.d.ts:32 \n shadowOffsetX \n • Optional shadowOffsetX : Scriptable < number , PartialEventContext > \n Inherited from \n ShadowOptions . shadowOffsetX \n Defined in \n options.d.ts:33 \n shadowOffsetY \n • Optional shadowOffsetY : Scriptable < number , PartialEventContext > \n Inherited from \n ShadowOptions . shadowOffsetY \n Defined in \n options.d.ts:34 \n textAlign \n • Optional textAlign : Scriptable < LabelTextAlign , PartialEventContext > \n Text alignment when the content of the label is multi-line. \n Default \n 'center' \n Inherited from \n ContainedLabelOptions . textAlign \n Defined in \n label.d.ts:53 \n textStrokeColor \n • Optional textStrokeColor : Scriptable < Color , PartialEventContext > \n Inherited from \n ContainedLabelOptions . textStrokeColor \n Defined in \n label.d.ts:54 \n textStrokeWidth \n • Optional textStrokeWidth : Scriptable < number , PartialEventContext > \n Inherited from \n ContainedLabelOptions . textStrokeWidth \n Defined in \n label.d.ts:55 \n width \n • Optional width : Scriptable < number | `${number}%`, PartialEventContext > \n Overrides the width of the image. Could be set in pixel by a number,\nor in percentage of current width of image by a string \n Inherited from \n ContainedLabelOptions . width \n Defined in \n label.d.ts:78 \n xAdjust \n • Optional xAdjust : Scriptable < number , PartialEventContext > \n Adjustment along x-axis (left-right) of label relative to above number (can be negative)\nFor horizontal lines positioned left or right, negative values move\nthe label toward the edge, and positive values toward the center. \n Default \n 0 \n Inherited from \n ContainedLabelOptions . xAdjust \n Defined in \n label.d.ts:62 \n yAdjust \n • Optional yAdjust : Scriptable < number , PartialEventContext > \n Adjustment along y-axis (top-bottom) of label relative to above number (can be negative)\nFor vertical lines positioned top or bottom, negative values move\nthe label toward the edge, and positive values toward the center. \n Default \n 0 \n Inherited from \n ContainedLabelOptions . yAdjust \n Defined in \n label.d.ts:69 \n z \n • Optional z : Scriptable < number , PartialEventContext > \n Inherited from \n ContainedLabelOptions . z \n Defined in \n label.d.ts:88 \n"},{title:"Interface: LabelPadding",frontmatter:{},regularPath:"/api/interfaces/LabelPadding.html",relativePath:"api/interfaces/LabelPadding.md",key:"v-35d1c17d",path:"/api/interfaces/LabelPadding.html",headers:[{level:2,title:"Properties",slug:"properties"},{level:3,title:"bottom",slug:"bottom"},{level:3,title:"left",slug:"left"},{level:3,title:"right",slug:"right"},{level:3,title:"top",slug:"top"},{level:3,title:"x",slug:"x"},{level:3,title:"y",slug:"y"}],content:" Interface: LabelPadding \n Properties \n bottom \n • Optional bottom : number \n Defined in \n label.d.ts:21 \n left \n • Optional left : number \n Defined in \n label.d.ts:19 \n right \n • Optional right : number \n Defined in \n label.d.ts:20 \n top \n • Optional top : number \n Defined in \n label.d.ts:18 \n x \n • Optional x : number \n Defined in \n label.d.ts:22 \n y \n • Optional y : number \n Defined in \n label.d.ts:23 \n"},{title:"Interface: LabelPositionObject",frontmatter:{},regularPath:"/api/interfaces/LabelPositionObject.html",relativePath:"api/interfaces/LabelPositionObject.md",key:"v-361cec5e",path:"/api/interfaces/LabelPositionObject.html",headers:[{level:2,title:"Properties",slug:"properties"},{level:3,title:"x",slug:"x"},{level:3,title:"y",slug:"y"}],content:" Interface: LabelPositionObject \n Properties \n x \n • Optional x : LabelPosition \n Defined in \n label.d.ts:13 \n y \n • Optional y : LabelPosition \n Defined in \n label.d.ts:14 \n"},{title:"Interface: LabelTypeOptions",frontmatter:{},regularPath:"/api/interfaces/LabelTypeOptions.html",relativePath:"api/interfaces/LabelTypeOptions.md",key:"v-07090646",path:"/api/interfaces/LabelTypeOptions.html",headers:[{level:2,title:"Hierarchy",slug:"hierarchy"},{level:2,title:"Properties",slug:"properties"},{level:3,title:"backgroundColor",slug:"backgroundcolor"},{level:3,title:"borderCapStyle",slug:"bordercapstyle"},{level:3,title:"borderColor",slug:"bordercolor"},{level:3,title:"borderDash",slug:"borderdash"},{level:3,title:"borderDashOffset",slug:"borderdashoffset"},{level:3,title:"borderJoinStyle",slug:"borderjoinstyle"},{level:3,title:"borderRadius",slug:"borderradius"},{level:3,title:"borderWidth",slug:"borderwidth"},{level:3,title:"callout",slug:"callout"},{level:3,title:"color",slug:"color"},{level:3,title:"content",slug:"content"},{level:3,title:"drawTime",slug:"drawtime"},{level:3,title:"font",slug:"font"},{level:3,title:"height",slug:"height"},{level:3,title:"opacity",slug:"opacity"},{level:3,title:"padding",slug:"padding"},{level:3,title:"position",slug:"position"},{level:3,title:"textAlign",slug:"textalign"},{level:3,title:"textStrokeColor",slug:"textstrokecolor"},{level:3,title:"textStrokeWidth",slug:"textstrokewidth"},{level:3,title:"width",slug:"width"},{level:3,title:"xAdjust",slug:"xadjust"},{level:3,title:"yAdjust",slug:"yadjust"},{level:3,title:"z",slug:"z"}],content:" Interface: LabelTypeOptions \n Hierarchy \n \n \n ContainedLabelOptions \n ↳ LabelTypeOptions \n ↳↳ LabelAnnotationOptions \n Properties \n backgroundColor \n • Optional backgroundColor : Scriptable < Color , PartialEventContext > \n Inherited from \n ContainedLabelOptions . backgroundColor \n Defined in \n label.d.ts:92 \n borderCapStyle \n • Optional borderCapStyle : Scriptable < CanvasLineCap , PartialEventContext > \n Border line cap style. See MDN. \n Default \n 'butt' \n Inherited from \n ContainedLabelOptions . borderCapStyle \n Defined in \n label.d.ts:99 \n borderColor \n • Optional borderColor : Scriptable < Color , PartialEventContext > \n Inherited from \n ContainedLabelOptions . borderColor \n Defined in \n label.d.ts:94 \n borderDash \n • Optional borderDash : Scriptable < number [], PartialEventContext > \n Border line dash. See MDN. \n Default \n [] \n Inherited from \n ContainedLabelOptions . borderDash \n Defined in \n label.d.ts:104 \n borderDashOffset \n • Optional borderDashOffset : Scriptable < number , PartialEventContext > \n Border line dash offset. See MDN. \n Default \n 0.0 \n Inherited from \n ContainedLabelOptions . borderDashOffset \n Defined in \n label.d.ts:109 \n borderJoinStyle \n • Optional borderJoinStyle : Scriptable < CanvasLineJoin , PartialEventContext > \n Border line join style. See MDN. \n Default \n 'miter' \n Inherited from \n ContainedLabelOptions . borderJoinStyle \n Defined in \n label.d.ts:114 \n borderRadius \n • Optional borderRadius : Scriptable < number | BorderRadius , PartialEventContext > \n Border radius of the label rectangle \n Default \n 6 \n Inherited from \n ContainedLabelOptions . borderRadius \n Defined in \n label.d.ts:119 \n borderWidth \n • Optional borderWidth : Scriptable < number , PartialEventContext > \n Inherited from \n ContainedLabelOptions . borderWidth \n Defined in \n label.d.ts:93 \n callout \n • Optional callout : CalloutOptions \n Inherited from \n ContainedLabelOptions . callout \n Defined in \n label.d.ts:120 \n color \n • Optional color : Scriptable < Color | Color [], PartialEventContext > \n Inherited from \n ContainedLabelOptions . color \n Defined in \n label.d.ts:43 \n content \n • content : Scriptable < string | string [] | HTMLCanvasElement | HTMLImageElement , PartialEventContext > \n Text to display in label. Provide an array to display multiple lines \n Inherited from \n ContainedLabelOptions . content \n Defined in \n label.d.ts:73 \n drawTime \n • Optional drawTime : Scriptable < DrawTime , PartialEventContext > \n Inherited from \n ContainedLabelOptions . drawTime \n Defined in \n label.d.ts:41 \n font \n • Optional font : Scriptable < Partial < FontSpec > | Partial < FontSpec >[], PartialEventContext > \n Inherited from \n ContainedLabelOptions . font \n Defined in \n label.d.ts:42 \n height \n • Optional height : Scriptable < number | `${number}%`, PartialEventContext > \n Overrides the height of the image. Could be set in pixel by a number,\nor in percentage of current height of image by a string \n Inherited from \n ContainedLabelOptions . height \n Defined in \n label.d.ts:83 \n opacity \n • Optional opacity : Scriptable < number , PartialEventContext > \n Overrides the opacity of the image. \n Inherited from \n ContainedLabelOptions . opacity \n Defined in \n label.d.ts:87 \n padding \n • Optional padding : Scriptable < number | LabelPadding , PartialEventContext > \n Padding of label \n Default \n 6 \n Inherited from \n ContainedLabelOptions . padding \n Defined in \n label.d.ts:48 \n position \n • Optional position : Scriptable < LabelPosition | LabelPositionObject , PartialEventContext > \n Defined in \n label.d.ts:150 \n textAlign \n • Optional textAlign : Scriptable < LabelTextAlign , PartialEventContext > \n Text alignment when the content of the label is multi-line. \n Default \n 'center' \n Inherited from \n ContainedLabelOptions . textAlign \n Defined in \n label.d.ts:53 \n textStrokeColor \n • Optional textStrokeColor : Scriptable < Color , PartialEventContext > \n Inherited from \n ContainedLabelOptions . textStrokeColor \n Defined in \n label.d.ts:54 \n textStrokeWidth \n • Optional textStrokeWidth : Scriptable < number , PartialEventContext > \n Inherited from \n ContainedLabelOptions . textStrokeWidth \n Defined in \n label.d.ts:55 \n width \n • Optional width : Scriptable < number | `${number}%`, PartialEventContext > \n Overrides the width of the image. Could be set in pixel by a number,\nor in percentage of current width of image by a string \n Inherited from \n ContainedLabelOptions . width \n Defined in \n label.d.ts:78 \n xAdjust \n • Optional xAdjust : Scriptable < number , PartialEventContext > \n Adjustment along x-axis (left-right) of label relative to above number (can be negative)\nFor horizontal lines positioned left or right, negative values move\nthe label toward the edge, and positive values toward the center. \n Default \n 0 \n Inherited from \n ContainedLabelOptions . xAdjust \n Defined in \n label.d.ts:62 \n yAdjust \n • Optional yAdjust : Scriptable < number , PartialEventContext > \n Adjustment along y-axis (top-bottom) of label relative to above number (can be negative)\nFor vertical lines positioned top or bottom, negative values move\nthe label toward the edge, and positive values toward the center. \n Default \n 0 \n Inherited from \n ContainedLabelOptions . yAdjust \n Defined in \n label.d.ts:69 \n z \n • Optional z : Scriptable < number , PartialEventContext > \n Inherited from \n ContainedLabelOptions . z \n Defined in \n label.d.ts:88 \n"},{title:"Interface: LineAnnotationOptions",frontmatter:{},regularPath:"/api/interfaces/LineAnnotationOptions.html",relativePath:"api/interfaces/LineAnnotationOptions.md",key:"v-42745613",path:"/api/interfaces/LineAnnotationOptions.html",headers:[{level:2,title:"Hierarchy",slug:"hierarchy"},{level:2,title:"Properties",slug:"properties"},{level:3,title:"adjustScaleRange",slug:"adjustscalerange"},{level:3,title:"arrowHeads",slug:"arrowheads"},{level:3,title:"backgroundShadowColor",slug:"backgroundshadowcolor"},{level:3,title:"borderColor",slug:"bordercolor"},{level:3,title:"borderDash",slug:"borderdash"},{level:3,title:"borderDashOffset",slug:"borderdashoffset"},{level:3,title:"borderShadowColor",slug:"bordershadowcolor"},{level:3,title:"borderWidth",slug:"borderwidth"},{level:3,title:"controlPoint",slug:"controlpoint"},{level:3,title:"curve",slug:"curve"},{level:3,title:"display",slug:"display"},{level:3,title:"drawTime",slug:"drawtime"},{level:3,title:"endValue",slug:"endvalue"},{level:3,title:"hitTolerance",slug:"hittolerance"},{level:3,title:"id",slug:"id"},{level:3,title:"init",slug:"init"},{level:3,title:"label",slug:"label"},{level:3,title:"scaleID",slug:"scaleid"},{level:3,title:"shadowBlur",slug:"shadowblur"},{level:3,title:"shadowOffsetX",slug:"shadowoffsetx"},{level:3,title:"shadowOffsetY",slug:"shadowoffsety"},{level:3,title:"value",slug:"value"},{level:3,title:"xMax",slug:"xmax"},{level:3,title:"xMin",slug:"xmin"},{level:3,title:"xScaleID",slug:"xscaleid"},{level:3,title:"yMax",slug:"ymax"},{level:3,title:"yMin",slug:"ymin"},{level:3,title:"yScaleID",slug:"yscaleid"},{level:3,title:"z",slug:"z"},{level:2,title:"Methods",slug:"methods"},{level:3,title:"afterDraw",slug:"afterdraw"},{level:3,title:"beforeDraw",slug:"beforedraw"},{level:3,title:"click",slug:"click"},{level:3,title:"enter",slug:"enter"},{level:3,title:"leave",slug:"leave"}],content:" Interface: LineAnnotationOptions \n Hierarchy \n \n \n CoreAnnotationOptions \n ↳ LineAnnotationOptions \n Properties \n adjustScaleRange \n • Optional adjustScaleRange : Scriptable < boolean , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . adjustScaleRange \n Defined in \n options.d.ts:38 \n arrowHeads \n • Optional arrowHeads : ArrowHeadsOptions \n Defined in \n options.d.ts:85 \n backgroundShadowColor \n • Optional backgroundShadowColor : Scriptable < Color , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . backgroundShadowColor \n Defined in \n options.d.ts:30 \n borderColor \n • Optional borderColor : Scriptable < Color , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . borderColor \n Defined in \n options.d.ts:39 \n borderDash \n • Optional borderDash : Scriptable < number [], PartialEventContext > \n Inherited from \n CoreAnnotationOptions . borderDash \n Defined in \n options.d.ts:40 \n borderDashOffset \n • Optional borderDashOffset : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . borderDashOffset \n Defined in \n options.d.ts:41 \n borderShadowColor \n • Optional borderShadowColor : Scriptable < Color , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . borderShadowColor \n Defined in \n options.d.ts:31 \n borderWidth \n • Optional borderWidth : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . borderWidth \n Defined in \n options.d.ts:42 \n controlPoint \n • Optional controlPoint : Scriptable < string | number | ControlPointOptions , PartialEventContext > \n Defined in \n options.d.ts:87 \n curve \n • Optional curve : Scriptable < boolean , PartialEventContext > \n Defined in \n options.d.ts:86 \n display \n • Optional display : Scriptable < boolean , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . display \n Defined in \n options.d.ts:43 \n drawTime \n • Optional drawTime : Scriptable < DrawTime , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . drawTime \n Defined in \n options.d.ts:44 \n endValue \n • Optional endValue : Scriptable < string | number , PartialEventContext > \n Defined in \n options.d.ts:88 \n hitTolerance \n • Optional hitTolerance : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . hitTolerance \n Defined in \n options.d.ts:45 \n id \n • Optional id : string \n Inherited from \n CoreAnnotationOptions . id \n Defined in \n options.d.ts:47 \n init \n • Optional init : boolean | ( __namedParameters : Object ) => boolean | void | Partial < AnnotationElement > \n Inherited from \n CoreAnnotationOptions . init \n Defined in \n options.d.ts:46 \n label \n • Optional label : LabelOptions \n Defined in \n options.d.ts:89 \n scaleID \n • Optional scaleID : Scriptable < string , PartialEventContext > \n Defined in \n options.d.ts:90 \n shadowBlur \n • Optional shadowBlur : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . shadowBlur \n Defined in \n options.d.ts:32 \n shadowOffsetX \n • Optional shadowOffsetX : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . shadowOffsetX \n Defined in \n options.d.ts:33 \n shadowOffsetY \n • Optional shadowOffsetY : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . shadowOffsetY \n Defined in \n options.d.ts:34 \n value \n • Optional value : Scriptable < string | number , PartialEventContext > \n Defined in \n options.d.ts:91 \n xMax \n • Optional xMax : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . xMax \n Defined in \n options.d.ts:48 \n xMin \n • Optional xMin : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . xMin \n Defined in \n options.d.ts:49 \n xScaleID \n • Optional xScaleID : Scriptable < string , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . xScaleID \n Defined in \n options.d.ts:50 \n yMax \n • Optional yMax : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . yMax \n Defined in \n options.d.ts:51 \n yMin \n • Optional yMin : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . yMin \n Defined in \n options.d.ts:52 \n yScaleID \n • Optional yScaleID : Scriptable < string , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . yScaleID \n Defined in \n options.d.ts:53 \n z \n • Optional z : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . z \n Defined in \n options.d.ts:54 \n Methods \n afterDraw \n ▸ Optional afterDraw ( context ): void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n Returns \n void \n Inherited from \n CoreAnnotationOptions . afterDraw \n Defined in \n options.d.ts:23 \n beforeDraw \n ▸ Optional beforeDraw ( context ): void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n Returns \n void \n Inherited from \n CoreAnnotationOptions . beforeDraw \n Defined in \n options.d.ts:22 \n click \n ▸ Optional click ( context , event ): boolean | void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n \n \n event \n ChartEvent \n Returns \n boolean | void \n Inherited from \n CoreAnnotationOptions . click \n Defined in \n events.d.ts:27 \n enter \n ▸ Optional enter ( context , event ): boolean | void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n \n \n event \n ChartEvent \n Returns \n boolean | void \n Inherited from \n CoreAnnotationOptions . enter \n Defined in \n events.d.ts:25 \n leave \n ▸ Optional leave ( context , event ): boolean | void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n \n \n event \n ChartEvent \n Returns \n boolean | void \n Inherited from \n CoreAnnotationOptions . leave \n Defined in \n events.d.ts:26 \n"},{title:"Interface: PartialEventContext",frontmatter:{},regularPath:"/api/interfaces/PartialEventContext.html",relativePath:"api/interfaces/PartialEventContext.md",key:"v-16482446",path:"/api/interfaces/PartialEventContext.html",headers:[{level:2,title:"Properties",slug:"properties"},{level:3,title:"chart",slug:"chart"},{level:3,title:"element",slug:"element"},{level:3,title:"elements",slug:"elements"},{level:3,title:"id",slug:"id"},{level:3,title:"type",slug:"type"}],content:" Interface: PartialEventContext \n Some scriptable options may be called with during the chart's initial\ndisplay, when the element isn't fully initialized. \n Properties \n chart \n • chart : Chart \n Defined in \n events.d.ts:17 \n element \n • Optional element : Partial < AnnotationElement > \n Defined in \n events.d.ts:18 \n elements \n • Optional elements : AnnotationElement [] \n Defined in \n events.d.ts:19 \n id \n • Optional id : string \n Defined in \n events.d.ts:20 \n type \n • Optional type : string \n Defined in \n events.d.ts:21 \n"},{title:"Interface: PointAnnotationOptions",frontmatter:{},regularPath:"/api/interfaces/PointAnnotationOptions.html",relativePath:"api/interfaces/PointAnnotationOptions.md",key:"v-5dd3097d",path:"/api/interfaces/PointAnnotationOptions.html",headers:[{level:2,title:"Hierarchy",slug:"hierarchy"},{level:2,title:"Properties",slug:"properties"},{level:3,title:"adjustScaleRange",slug:"adjustscalerange"},{level:3,title:"backgroundColor",slug:"backgroundcolor"},{level:3,title:"backgroundShadowColor",slug:"backgroundshadowcolor"},{level:3,title:"borderColor",slug:"bordercolor"},{level:3,title:"borderDash",slug:"borderdash"},{level:3,title:"borderDashOffset",slug:"borderdashoffset"},{level:3,title:"borderShadowColor",slug:"bordershadowcolor"},{level:3,title:"borderWidth",slug:"borderwidth"},{level:3,title:"display",slug:"display"},{level:3,title:"drawTime",slug:"drawtime"},{level:3,title:"hitTolerance",slug:"hittolerance"},{level:3,title:"id",slug:"id"},{level:3,title:"init",slug:"init"},{level:3,title:"pointStyle",slug:"pointstyle"},{level:3,title:"radius",slug:"radius"},{level:3,title:"rotation",slug:"rotation"},{level:3,title:"shadowBlur",slug:"shadowblur"},{level:3,title:"shadowOffsetX",slug:"shadowoffsetx"},{level:3,title:"shadowOffsetY",slug:"shadowoffsety"},{level:3,title:"xAdjust",slug:"xadjust"},{level:3,title:"xMax",slug:"xmax"},{level:3,title:"xMin",slug:"xmin"},{level:3,title:"xScaleID",slug:"xscaleid"},{level:3,title:"xValue",slug:"xvalue"},{level:3,title:"yAdjust",slug:"yadjust"},{level:3,title:"yMax",slug:"ymax"},{level:3,title:"yMin",slug:"ymin"},{level:3,title:"yScaleID",slug:"yscaleid"},{level:3,title:"yValue",slug:"yvalue"},{level:3,title:"z",slug:"z"},{level:2,title:"Methods",slug:"methods"},{level:3,title:"afterDraw",slug:"afterdraw"},{level:3,title:"beforeDraw",slug:"beforedraw"},{level:3,title:"click",slug:"click"},{level:3,title:"enter",slug:"enter"},{level:3,title:"leave",slug:"leave"}],content:" Interface: PointAnnotationOptions \n Hierarchy \n \n \n CoreAnnotationOptions \n \n \n AnnotationPointCoordinates \n ↳ PointAnnotationOptions \n Properties \n adjustScaleRange \n • Optional adjustScaleRange : Scriptable < boolean , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . adjustScaleRange \n Defined in \n options.d.ts:38 \n backgroundColor \n • backgroundColor : Scriptable < Color , PartialEventContext > \n Defined in \n options.d.ts:128 \n backgroundShadowColor \n • Optional backgroundShadowColor : Scriptable < Color , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . backgroundShadowColor \n Defined in \n options.d.ts:30 \n borderColor \n • Optional borderColor : Scriptable < Color , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . borderColor \n Defined in \n options.d.ts:39 \n borderDash \n • Optional borderDash : Scriptable < number [], PartialEventContext > \n Inherited from \n CoreAnnotationOptions . borderDash \n Defined in \n options.d.ts:40 \n borderDashOffset \n • Optional borderDashOffset : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . borderDashOffset \n Defined in \n options.d.ts:41 \n borderShadowColor \n • Optional borderShadowColor : Scriptable < Color , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . borderShadowColor \n Defined in \n options.d.ts:31 \n borderWidth \n • Optional borderWidth : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . borderWidth \n Defined in \n options.d.ts:42 \n display \n • Optional display : Scriptable < boolean , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . display \n Defined in \n options.d.ts:43 \n drawTime \n • Optional drawTime : Scriptable < DrawTime , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . drawTime \n Defined in \n options.d.ts:44 \n hitTolerance \n • Optional hitTolerance : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . hitTolerance \n Defined in \n options.d.ts:45 \n id \n • Optional id : string \n Inherited from \n CoreAnnotationOptions . id \n Defined in \n options.d.ts:47 \n init \n • Optional init : boolean | ( __namedParameters : Object ) => boolean | void | Partial < AnnotationElement > \n Inherited from \n CoreAnnotationOptions . init \n Defined in \n options.d.ts:46 \n pointStyle \n • Optional pointStyle : Scriptable < PointStyle , PartialEventContext > \n Defined in \n options.d.ts:129 \n radius \n • Optional radius : Scriptable < number , PartialEventContext > \n Defined in \n options.d.ts:130 \n rotation \n • Optional rotation : Scriptable < number , PartialEventContext > \n Defined in \n options.d.ts:131 \n shadowBlur \n • Optional shadowBlur : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . shadowBlur \n Defined in \n options.d.ts:32 \n shadowOffsetX \n • Optional shadowOffsetX : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . shadowOffsetX \n Defined in \n options.d.ts:33 \n shadowOffsetY \n • Optional shadowOffsetY : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . shadowOffsetY \n Defined in \n options.d.ts:34 \n xAdjust \n • Optional xAdjust : Scriptable < number , PartialEventContext > \n Defined in \n options.d.ts:132 \n xMax \n • Optional xMax : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . xMax \n Defined in \n options.d.ts:48 \n xMin \n • Optional xMin : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . xMin \n Defined in \n options.d.ts:49 \n xScaleID \n • Optional xScaleID : Scriptable < string , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . xScaleID \n Defined in \n options.d.ts:50 \n xValue \n • Optional xValue : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n AnnotationPointCoordinates . xValue \n Defined in \n options.d.ts:58 \n yAdjust \n • Optional yAdjust : Scriptable < number , PartialEventContext > \n Defined in \n options.d.ts:133 \n yMax \n • Optional yMax : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . yMax \n Defined in \n options.d.ts:51 \n yMin \n • Optional yMin : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . yMin \n Defined in \n options.d.ts:52 \n yScaleID \n • Optional yScaleID : Scriptable < string , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . yScaleID \n Defined in \n options.d.ts:53 \n yValue \n • Optional yValue : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n AnnotationPointCoordinates . yValue \n Defined in \n options.d.ts:59 \n z \n • Optional z : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . z \n Defined in \n options.d.ts:54 \n Methods \n afterDraw \n ▸ Optional afterDraw ( context ): void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n Returns \n void \n Inherited from \n CoreAnnotationOptions . afterDraw \n Defined in \n options.d.ts:23 \n beforeDraw \n ▸ Optional beforeDraw ( context ): void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n Returns \n void \n Inherited from \n CoreAnnotationOptions . beforeDraw \n Defined in \n options.d.ts:22 \n click \n ▸ Optional click ( context , event ): boolean | void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n \n \n event \n ChartEvent \n Returns \n boolean | void \n Inherited from \n CoreAnnotationOptions . click \n Defined in \n events.d.ts:27 \n enter \n ▸ Optional enter ( context , event ): boolean | void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n \n \n event \n ChartEvent \n Returns \n boolean | void \n Inherited from \n CoreAnnotationOptions . enter \n Defined in \n events.d.ts:25 \n leave \n ▸ Optional leave ( context , event ): boolean | void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n \n \n event \n ChartEvent \n Returns \n boolean | void \n Inherited from \n CoreAnnotationOptions . leave \n Defined in \n events.d.ts:26 \n"},{title:"Interface: ShadowOptions",frontmatter:{},regularPath:"/api/interfaces/ShadowOptions.html",relativePath:"api/interfaces/ShadowOptions.md",key:"v-7b380066",path:"/api/interfaces/ShadowOptions.html",headers:[{level:2,title:"Hierarchy",slug:"hierarchy"},{level:2,title:"Properties",slug:"properties"},{level:3,title:"backgroundShadowColor",slug:"backgroundshadowcolor"},{level:3,title:"borderShadowColor",slug:"bordershadowcolor"},{level:3,title:"shadowBlur",slug:"shadowblur"},{level:3,title:"shadowOffsetX",slug:"shadowoffsetx"},{level:3,title:"shadowOffsetY",slug:"shadowoffsety"}],content:" Interface: ShadowOptions \n Hierarchy \n \n \n ShadowOptions \n ↳ LabelOptions \n ↳ CoreAnnotationOptions \n ↳ ArrowHeadOptions \n Properties \n backgroundShadowColor \n • Optional backgroundShadowColor : Scriptable < Color , PartialEventContext > \n Defined in \n options.d.ts:30 \n borderShadowColor \n • Optional borderShadowColor : Scriptable < Color , PartialEventContext > \n Defined in \n options.d.ts:31 \n shadowBlur \n • Optional shadowBlur : Scriptable < number , PartialEventContext > \n Defined in \n options.d.ts:32 \n shadowOffsetX \n • Optional shadowOffsetX : Scriptable < number , PartialEventContext > \n Defined in \n options.d.ts:33 \n shadowOffsetY \n • Optional shadowOffsetY : Scriptable < number , PartialEventContext > \n Defined in \n options.d.ts:34 \n"},{title:"Interface: PolygonAnnotationOptions",frontmatter:{},regularPath:"/api/interfaces/PolygonAnnotationOptions.html",relativePath:"api/interfaces/PolygonAnnotationOptions.md",key:"v-86eb5006",path:"/api/interfaces/PolygonAnnotationOptions.html",headers:[{level:2,title:"Hierarchy",slug:"hierarchy"},{level:2,title:"Properties",slug:"properties"},{level:3,title:"adjustScaleRange",slug:"adjustscalerange"},{level:3,title:"backgroundColor",slug:"backgroundcolor"},{level:3,title:"backgroundShadowColor",slug:"backgroundshadowcolor"},{level:3,title:"borderCapStyle",slug:"bordercapstyle"},{level:3,title:"borderColor",slug:"bordercolor"},{level:3,title:"borderDash",slug:"borderdash"},{level:3,title:"borderDashOffset",slug:"borderdashoffset"},{level:3,title:"borderJoinStyle",slug:"borderjoinstyle"},{level:3,title:"borderShadowColor",slug:"bordershadowcolor"},{level:3,title:"borderWidth",slug:"borderwidth"},{level:3,title:"display",slug:"display"},{level:3,title:"drawTime",slug:"drawtime"},{level:3,title:"hitTolerance",slug:"hittolerance"},{level:3,title:"id",slug:"id"},{level:3,title:"init",slug:"init"},{level:3,title:"point",slug:"point"},{level:3,title:"radius",slug:"radius"},{level:3,title:"rotation",slug:"rotation"},{level:3,title:"shadowBlur",slug:"shadowblur"},{level:3,title:"shadowOffsetX",slug:"shadowoffsetx"},{level:3,title:"shadowOffsetY",slug:"shadowoffsety"},{level:3,title:"sides",slug:"sides"},{level:3,title:"xAdjust",slug:"xadjust"},{level:3,title:"xMax",slug:"xmax"},{level:3,title:"xMin",slug:"xmin"},{level:3,title:"xScaleID",slug:"xscaleid"},{level:3,title:"xValue",slug:"xvalue"},{level:3,title:"yAdjust",slug:"yadjust"},{level:3,title:"yMax",slug:"ymax"},{level:3,title:"yMin",slug:"ymin"},{level:3,title:"yScaleID",slug:"yscaleid"},{level:3,title:"yValue",slug:"yvalue"},{level:3,title:"z",slug:"z"},{level:2,title:"Methods",slug:"methods"},{level:3,title:"afterDraw",slug:"afterdraw"},{level:3,title:"beforeDraw",slug:"beforedraw"},{level:3,title:"click",slug:"click"},{level:3,title:"enter",slug:"enter"},{level:3,title:"leave",slug:"leave"}],content:" Interface: PolygonAnnotationOptions \n Hierarchy \n \n \n CoreAnnotationOptions \n \n \n AnnotationPointCoordinates \n ↳ PolygonAnnotationOptions \n Properties \n adjustScaleRange \n • Optional adjustScaleRange : Scriptable < boolean , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . adjustScaleRange \n Defined in \n options.d.ts:38 \n backgroundColor \n • backgroundColor : Scriptable < Color , PartialEventContext > \n Defined in \n options.d.ts:141 \n backgroundShadowColor \n • Optional backgroundShadowColor : Scriptable < Color , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . backgroundShadowColor \n Defined in \n options.d.ts:30 \n borderCapStyle \n • Optional borderCapStyle : Scriptable < CanvasLineCap , PartialEventContext > \n Defined in \n options.d.ts:142 \n borderColor \n • Optional borderColor : Scriptable < Color , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . borderColor \n Defined in \n options.d.ts:39 \n borderDash \n • Optional borderDash : Scriptable < number [], PartialEventContext > \n Inherited from \n CoreAnnotationOptions . borderDash \n Defined in \n options.d.ts:40 \n borderDashOffset \n • Optional borderDashOffset : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . borderDashOffset \n Defined in \n options.d.ts:41 \n borderJoinStyle \n • Optional borderJoinStyle : Scriptable < CanvasLineJoin , PartialEventContext > \n Defined in \n options.d.ts:143 \n borderShadowColor \n • Optional borderShadowColor : Scriptable < Color , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . borderShadowColor \n Defined in \n options.d.ts:31 \n borderWidth \n • Optional borderWidth : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . borderWidth \n Defined in \n options.d.ts:42 \n display \n • Optional display : Scriptable < boolean , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . display \n Defined in \n options.d.ts:43 \n drawTime \n • Optional drawTime : Scriptable < DrawTime , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . drawTime \n Defined in \n options.d.ts:44 \n hitTolerance \n • Optional hitTolerance : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . hitTolerance \n Defined in \n options.d.ts:45 \n id \n • Optional id : string \n Inherited from \n CoreAnnotationOptions . id \n Defined in \n options.d.ts:47 \n init \n • Optional init : boolean | ( __namedParameters : Object ) => boolean | void | Partial < AnnotationElement > \n Inherited from \n CoreAnnotationOptions . init \n Defined in \n options.d.ts:46 \n point \n • Optional point : PointAnnotationOptions \n Defined in \n options.d.ts:144 \n radius \n • Optional radius : Scriptable < number , PartialEventContext > \n Defined in \n options.d.ts:145 \n rotation \n • Optional rotation : Scriptable < number , PartialEventContext > \n Defined in \n options.d.ts:146 \n shadowBlur \n • Optional shadowBlur : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . shadowBlur \n Defined in \n options.d.ts:32 \n shadowOffsetX \n • Optional shadowOffsetX : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . shadowOffsetX \n Defined in \n options.d.ts:33 \n shadowOffsetY \n • Optional shadowOffsetY : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . shadowOffsetY \n Defined in \n options.d.ts:34 \n sides \n • Optional sides : Scriptable < number , PartialEventContext > \n Defined in \n options.d.ts:147 \n xAdjust \n • Optional xAdjust : Scriptable < number , PartialEventContext > \n Defined in \n options.d.ts:148 \n xMax \n • Optional xMax : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . xMax \n Defined in \n options.d.ts:48 \n xMin \n • Optional xMin : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . xMin \n Defined in \n options.d.ts:49 \n xScaleID \n • Optional xScaleID : Scriptable < string , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . xScaleID \n Defined in \n options.d.ts:50 \n xValue \n • Optional xValue : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n AnnotationPointCoordinates . xValue \n Defined in \n options.d.ts:58 \n yAdjust \n • Optional yAdjust : Scriptable < number , PartialEventContext > \n Defined in \n options.d.ts:149 \n yMax \n • Optional yMax : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . yMax \n Defined in \n options.d.ts:51 \n yMin \n • Optional yMin : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . yMin \n Defined in \n options.d.ts:52 \n yScaleID \n • Optional yScaleID : Scriptable < string , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . yScaleID \n Defined in \n options.d.ts:53 \n yValue \n • Optional yValue : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n AnnotationPointCoordinates . yValue \n Defined in \n options.d.ts:59 \n z \n • Optional z : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . z \n Defined in \n options.d.ts:54 \n Methods \n afterDraw \n ▸ Optional afterDraw ( context ): void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n Returns \n void \n Inherited from \n CoreAnnotationOptions . afterDraw \n Defined in \n options.d.ts:23 \n beforeDraw \n ▸ Optional beforeDraw ( context ): void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n Returns \n void \n Inherited from \n CoreAnnotationOptions . beforeDraw \n Defined in \n options.d.ts:22 \n click \n ▸ Optional click ( context , event ): boolean | void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n \n \n event \n ChartEvent \n Returns \n boolean | void \n Inherited from \n CoreAnnotationOptions . click \n Defined in \n events.d.ts:27 \n enter \n ▸ Optional enter ( context , event ): boolean | void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n \n \n event \n ChartEvent \n Returns \n boolean | void \n Inherited from \n CoreAnnotationOptions . enter \n Defined in \n events.d.ts:25 \n leave \n ▸ Optional leave ( context , event ): boolean | void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n \n \n event \n ChartEvent \n Returns \n boolean | void \n Inherited from \n CoreAnnotationOptions . leave \n Defined in \n events.d.ts:26 \n"},{title:"Configuration",frontmatter:{title:"Configuration"},regularPath:"/guide/configuration.html",relativePath:"guide/configuration.md",key:"v-64ad1186",path:"/guide/configuration.html",headers:[{level:2,title:"Top level options",slug:"top-level-options"},{level:2,title:"Animations",slug:"animations"},{level:3,title:"Default animations",slug:"default-animations"},{level:2,title:"Common",slug:"common"},{level:3,title:"Initial animation",slug:"initial-animation"},{level:2,title:"Events",slug:"events"},{level:2,title:"Hooks",slug:"hooks"}],lastUpdated:"9/20/2024, 12:31:58 PM",lastUpdatedTimestamp:1726835518e3,content:" Top level options \n The following options are available at the top level. They apply to all annotations unless they are overwritten on a per-annotation basis. \n \n \n \n Name \n Type \n Scriptable \n Default \n Notes \n \n \n \n \n animations \n object \n No \n see here \n To configure which element properties are animated and how. \n \n \n annnotations \n object | array \n Yes \n undefined \n To configure all annotations to draw. \n \n \n clip \n boolean \n No \n true \n Are the annotations clipped to the chartArea. \n \n \n common \n Object \n No \n \n To configure common options apply to all annotations \n \n \n interaction \n Object \n No \n options.interaction \n To configure which events trigger plugin interactions \n \n \n \n WARNING \n Setting clip to false , you can enable the possibility to draw part of the annotation outside of the chart area. \n Nevertheless events are only caught over the chartArea. \n Animations \n Animations options configures which element properties are animated and how, with the same configuration of chart.js . \n const options = { \n plugins : { \n annotation : { \n animations : { \n numbers : { \n properties : [ 'x' , 'y' , 'x2' , 'y2' , 'width' , 'height' , 'radius' ] , \n type : 'number' \n } , \n } , \n annotations : { \n box1 : { \n type : 'box' , \n xMin : 1 , \n xMax : 2 , \n yMin : 50 , \n yMax : 70 , \n backgroundColor : 'rgba(255, 99, 132, 0.5)' \n } \n } \n } \n } \n } ; \n Default animations \n \n \n \n Name \n Option \n Value \n \n \n \n \n numbers \n properties \n ['x', 'y', 'x2', 'y2', 'width', 'height', 'centerX', 'centerY', 'pointX', 'pointY', 'radius'] \n \n \n numbers \n type \n number \n Common \n The following options apply to all annotations unless they are overwritten on a per-annotation basis. \n \n \n \n Name \n Type \n Scriptable \n Default \n Notes \n \n \n \n \n drawTime \n string | number \n Yes \n 'afterDatasetsDraw' \n See drawTime . \n \n \n init \n boolean \n See initial animation \n false \n Enable the animation to the annotations when they are drawing at chart initialization \n Initial animation \n The init option is scriptable but it doesn't get the options context as argument but a specific context because the element has not been initialized yet, when the callback is invoked. \n This is the signature of the scriptable option: \n ( { chart , properties , options } ) => void | boolean | AnnotationElement\n \n where the properties is the element model \n { \n x : number , \n y : number , \n x2 : number , \n y2 : number , \n centerX : number , \n centerY : number , \n width : number , \n height : number , \n radius ? : number\n } \n \n which can be used in the callback to return an object with the initial values of the element, to provide own initial animation. \n Events \n The following options are available for all annotation types. These options can be specified per annotation, or at the top level which apply to all annotations. \n \n \n \n Name \n Type \n Chart event 1 \n Notes \n \n \n \n \n click \n (context, event) => boolean | void \n 'click' \n Called when a single click occurs on the annotation. \n \n \n enter \n (context, event) => boolean | void \n 'mousemove' \n Called when the mouse enters the annotation. \n \n \n leave \n (context, event) => boolean | void \n 'mousemove' \n Called when the mouse leaves the annotation. \n \n \n \n TIP \n 1 Chart.js events that need to be enabled in order to get the associated annotation event working. Note that by default Chart.js enables 'mousemove', 'mouseout', 'click', 'touchstart', 'touchmove' , meaning that annotation events work out-of-the-box. \n \n If the event callbacks explicitly returns true , the chart will re-render automatically after processing the event completely. This is important when there are the annotations that require re-draws (for instance, after a change of a rendering options). \n Hooks \n The following hooks are available for all annotation types. These hooks can be specified per annotation, or at the top level which apply to all annotations. \n These hooks enable some user customizations on the annotations. \n \n \n \n Name \n Type \n Notes \n \n \n \n \n beforeDraw \n (context) => void \n Called before that the annotation is being drawn. \n \n \n afterDraw \n (context) => void \n Called after the annotation has been drawn. \n \n \n \n"},{title:"Contributing",frontmatter:{id:"contributing",title:"Contributing",sidebar:"contributing"},regularPath:"/guide/contributing.html",relativePath:"guide/contributing.md",key:"v-54682062",path:"/guide/contributing.html",headers:[{level:2,title:"Using issues",slug:"using-issues"},{level:2,title:"Reporting bugs",slug:"reporting-bugs"},{level:2,title:"Local development",slug:"local-development"},{level:2,title:"Pull requests",slug:"pull-requests"},{level:2,title:"License",slug:"license"}],lastUpdated:"9/20/2024, 12:31:58 PM",lastUpdatedTimestamp:1726835518e3,content:" Contributions to Chart.js are welcome and encouraged, but please have a look through the guidelines in this document before raising an issue, or writing code for the project. \n Using issues \n The issue tracker is the preferred channel for reporting bugs, requesting new features and submitting pull requests. \n Please do not use issues for support requests. For help using the annotation plugin, please take a look at the GitHub Discussions page. \n Reporting bugs \n Well structured, detailed bug reports are hugely valuable for the project. \n Guidlines for reporting bugs: \n \n Check the issue search to see if it has already been reported \n Isolate the problem to a simple test case \n Provide a demonstration of the problem on JS Bin or similar \n \n 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. \n Local development \n Run npm ci to install all the libraries, then run npm run dev to build and run tests as you make changes. \n Pull requests \n Clear, concise pull requests are excellent at continuing the project's community driven growth. But please review these guidelines and the guidelines below before starting work on the project. \n Guidelines: \n \n Please create an issue first:\n \n For bugs, we can discuss the fixing approach \n For enhancements, we can discuss if it is within the project scope and avoid duplicate effort \n \n \n Please make changes to the files in /src \n Please add tests in /test \n Spaces for indentation, not tabs please \n If adding new functionality, please also update the relevant .md file in /docs \n Please make your commits in logical sections with clear commit messages \n License \n By contributing your code, you agree to license your contribution under the MIT license . \n"},{title:"Developers",frontmatter:{},regularPath:"/guide/developers.html",relativePath:"guide/developers.md",key:"v-0e308dd1",path:"/guide/developers.html",headers:[{level:2,title:"Access to the annotation elements",slug:"access-to-the-annotation-elements"},{level:3,title:".getAnnotations(chart: Chart): AnnotationElement[]",slug:"getannotations-chart-chart-annotationelement"}],lastUpdated:"9/20/2024, 12:31:58 PM",lastUpdatedTimestamp:1726835518e3,content:" Developers \n Access to the annotation elements \n The annotation plugin uses Chart.js elements to draw the annotation requested by the user. The following APIs allows the user to get the created annotation elements to use in callbacks or for other purposes.\nThe APIs are available in the annotation plugin instance. \n Script Tag \n < script > \n // get annotation plugin instance \n const annotationPlugin = window [ 'chartjs-plugin-annotation' ] ; \n \n Bundlers (Webpack, Rollup, etc.) \n // get annotation plugin instance \n import annotationPlugin from 'chartjs-plugin-annotation' ; \n .getAnnotations(chart: Chart): AnnotationElement[] \n It provides all annotation elements configured by the plugin options, even if the annotations are not visible. \n const myLineChart = new Chart ( ctx , config ) ; \n // get all annotation elements \n const elements = annotationPlugin . getAnnotations ( myLineChart ) ; \n \n "},{title:"Getting Started",frontmatter:{},regularPath:"/guide/",relativePath:"guide/index.md",key:"v-4d8c7bf6",path:"/guide/",headers:[{level:2,title:"Installation",slug:"installation"}],lastUpdated:"9/20/2024, 12:31:58 PM",lastUpdatedTimestamp:1726835518e3,content:" Getting Started \n DANGER \n This plugin needs to be registered. It does not function as inline plugin. \n \n An annotation plugin for Chart.js >= 4.0.0 \n This plugin draws lines, boxes, labels, points, polygons and ellipses on the chart area. Annotations work with line, bar, scatter and bubble charts that use linear, logarithmic, time, or category scales. Annotations will not work on any chart that does not have exactly two axes, including pie, radar, and polar area charts. \n Installation \n > npm install chartjs-plugin-annotation\n \n Important Note \n For Chart.js 3.7.0 to 3.9.1 support, use version 2.2.1 of this plugin \n For Chart.js 3.0.0 to 3.6.2 support, use version 1.4.0 of this plugin \n For Chart.js 2.4.0 to 2.9.x support, use version 0.5.7 of this plugin \n Documentation for v0.5.7 can be found on GitHub . \n \n"},{title:"Integration",frontmatter:{title:"Integration"},regularPath:"/guide/integration.html",relativePath:"guide/integration.md",key:"v-1b86f686",path:"/guide/integration.html",headers:[{level:2,title:"Script Tag",slug:"script-tag"},{level:2,title:"Bundlers (Webpack, Rollup, etc.)",slug:"bundlers-webpack-rollup-etc"}],lastUpdated:"9/20/2024, 12:31:58 PM",lastUpdatedTimestamp:1726835518e3,content:" chartjs-plugin-annotation can be integrated with plain JavaScript or with different module loaders. The examples below show to load the plugin in different systems. \n Script Tag \n < script src = \" path/to/chartjs/dist/chart.umd.js \" > \n < script src = \" path/to/chartjs-plugin-annotation/dist/chartjs-plugin-annotation.min.js \" > \n < script > \n const myChart = new Chart ( ctx , { ... } ) ; \n \n Bundlers (Webpack, Rollup, etc.) \n import { Chart } from 'chart.js' ; \n import annotationPlugin from 'chartjs-plugin-annotation' ; \n\nChart . register ( annotationPlugin ) ; \n \n "},{title:"2.x Migration Guide",frontmatter:{},regularPath:"/guide/migrationV2.html",relativePath:"guide/migrationV2.md",key:"v-121872fd",path:"/guide/migrationV2.html",headers:[{level:2,title:"Chart.js version",slug:"chart-js-version"},{level:2,title:"Options",slug:"options"},{level:2,title:"Elements",slug:"elements"},{level:2,title:"Events",slug:"events"},{level:2,title:"Types",slug:"types"}],lastUpdated:"9/20/2024, 12:31:58 PM",lastUpdatedTimestamp:1726835518e3,content:" 2.x Migration Guide \n chartjs-plugin-annotation plugin version 2 introduces a number of breaking changes. In order to improve performance, offer new features, and improve maintainability, it was necessary to break backwards compatibility, but we aimed to do so only when worth the benefit. \n Chart.js version \n The annotation plugin requires at least version 3.7.0 to work because of some bug fixes that happened within chart.js itself. \n Options \n A number of changes were made to the configuration options passed to the plugin configuration. Those changes are documented below. \n \n xScaleID option default has been changed, now set to undefined . If the option is missing, the plugin will try to use the first scale of the chart, configured as 'x' axis. If more than one scale has been defined in the chart as 'x' axis, the option is mandatory to select the right scale. \n yScaleID option default has been changed, now set to undefined . If the option is missing, the plugin will try to use the first scale of the chart, configured as 'y' axis. If more than one scale has been defined in the chart as 'y' axis, the option is mandatory to select the right scale. \n When stacked scales are used, instead of the whole chart area, the designated scale area is used as fallback for xMin , xMax , yMin , yMax , xValue or yValue options. \n position for the label of the line annotation changes the behavior when start or end is set, and when the line annotation location is defined by xMin , xMax , yMin , and yMax options.\n \n in the previous version 1.x, if the position was set to start or end , it was calculated using chart area dimension (when start using top or left , when end using bottom or right ). \n in version 2.x, if the position is set to start , it is the point where the line starts being drawn, and when set to end , it is the point where the line ends drawing. The xMin , xMax , yMin , and yMax options are not related to the chart area anymore but are related to the values sequence (and their order) on the associated scale. \n \n \n cornerRadius option was replaced by borderRadius in the box annotation configuration and in the label configuration of line annotation to align with Chart.js options. \n xPadding and yPadding options were merged into a single padding object in the label configuration of line annotation to align with Chart.js options. \n enabled option was replaced by display in the callout configuration of label annotation, in the label configuration of line and box annotations and in the arrow heads configuration of line annotation to have the same option on all elements. \n dblClickSpeed option was removed from the plugin options because dblclick event hook is not available anymore. \n drawTime option at top level plugin configuration is moved to new common object in the plugin annotation options, which contains options to apply to all annotations: \n \n plugins : { \n annotation : { \n common : { \n drawTime : 'afterDraw' \n } , \n annotations : [ \n ... \n ] \n } \n } \n Elements \n In chartjs-plugin-annotation plugin version 2 the label of box and line annotations is a sub-element. This has changed how to access to the label options. Now the label options are at element.label.options . The following example shows how to show and hide the label when the mouse is hovering the box: \n type : 'box' , // or 'line' \n enter : function ( { element } ) { \n element . label . options . display = true ; \n return true ; \n } , \n leave : function ( { element } ) { \n element . label . options . display = false ; \n return true ; \n } , \n \n chartjs-plugin-annotation plugin version 2 removes the clipping of the label to the box annotation size. \n chartjs-plugin-annotation plugin version 2 hides the following methods in the line annotation element because they should be used only internally: \n \n intersects \n isOnLabel \n \n chartjs-plugin-annotation plugin version 2 normalizes the properties of the annotation elements in order to be based on common box model. \n Box annotation \n The following diagram is showing the element properties about a 'box' annotation: \n \n The label of a box annotation is described as a label annotation and accessible by element.label . \n Ellipse annotation \n The following diagram is showing the element properties about a 'ellipse' annotation: \n Label annotation \n The following diagram is showing the element properties about a 'label' annotation: \n Line annotation \n The following diagram is showing the element properties about a 'line' annotation: \n \n The label of a line annotation is described as a label annotation and accessible by element.label . \n Point annotation \n The following diagram is showing the element properties about a 'point' annotation: \n Polygon annotation \n The following diagram is showing the element properties about a 'polygon' annotation: \n Events \n chartjs-plugin-annotation plugin version 2 introduces the interaction options, to configure which events trigger annotation interactions. By default, the plugin uses the chart interaction configuration . \n \n When scatter charts are used, the interaction default mode in Chart.js is point , while, in the previous plugin version, the default was nearest . \n \n The dblclick event hook was removed from annotations options because, being executed asynchronously, it can not enable the chart re-rendering, automatically after processing the event completely. This is important when the user requires re-draws. It gets slow and messy if every event hook does the draw (or update!). \n Types \n chartjs-plugin-annotation plugin version 2 removes the compatibility with TypeScript versions less than 4.1 which is the minimum supported one. \n"},{title:"1.x Migration Guide",frontmatter:{},regularPath:"/guide/migrationV1.html",relativePath:"guide/migrationV1.md",key:"v-51daecc6",path:"/guide/migrationV1.html",headers:[{level:2,title:"Setup and installation",slug:"setup-and-installation"},{level:2,title:"Options",slug:"options"},{level:3,title:"Plugin options",slug:"plugin-options"},{level:3,title:"Element options",slug:"element-options"},{level:3,title:"Line",slug:"line"},{level:2,title:"Event hooks",slug:"event-hooks"}],lastUpdated:"9/20/2024, 12:31:58 PM",lastUpdatedTimestamp:1726835518e3,content:" 1.x Migration Guide \n chartjs-plugin-annotation plugin version 1 introduces a number of breaking changes in order to compatible with Chart.js 3 and to align with Chart.js 3 options. \n Setup and installation \n Chart.js 3 is tree-shakeable and thus requires registering the plugins when used as an npm module. Here is an example: \n import { Chart , LineController , LineElement , PointElement , LinearScale } from 'chart.js' ; \n import Annotation from 'chartjs-plugin-annotation' ; \n\nChart . register ( LineController , LineElement , PointElement , LinearScale , Annotation ) ; \n\n const Chart = new Chart ( ctx , { \n type : 'line' , \n // data: ... \n options : { \n plugins : { \n annotation : { \n // annotation plugin options \n annotations : [ { \n // annotation element options \n type : 'line' , \n scaleID : 'y' , \n value : 25 , \n borderColor : 'red' , \n borderWidth : 2 \n } ] \n } \n } \n } \n } ) : \n Options \n Plugin options \n \n events array was removed. Listened events are determined automatically from the hooks specified. \n enter , leave , click , dblclick event hooks can now be defined also at plugin level options. \n Element options \n \n onMouseenter was removed. Use enter instead. \n onMouseleave was removed. Use leave instead. \n onMouseover was removed. Use enter instead. \n onMouseout was removed. Use leave instead. \n onMousemove was removed. \n onMousedown was removed. Use click instead. \n onMouseup was removed. Use click instead. \n onClick was removed. Use click instead. \n onDblclick was removed. Use dblclick instead. \n onContextmenu was removed. \n onWheel was removed. \n Line \n \n mode was removed. The mode is automatically calculated based on the scale. \n position values were changed to 'start' , 'center' and 'end' .\n \n 'start' replaces previous 'left' and 'top' . \n 'end' replaces previous 'right' and 'bottom' . \n Label \n \n fontColor was renamed to font.color \n fontFamily was renamed to font.family \n fontSize was renamed to font.size \n fontStyle was renamed to font.style \n lineHeight was renamed to font.lineHeight \n Event hooks \n \n Event hooks are now supplied with single context parameter, containing chart and element properties. chart is the chart instance and element is the event target annotation element. \n Events are now fired from beforeEvent hook. \n \n"},{title:"3.x Migration Guide",frontmatter:{},regularPath:"/guide/migrationV3.html",relativePath:"guide/migrationV3.md",key:"v-4d1e5c5d",path:"/guide/migrationV3.html",headers:[{level:2,title:"Chart.js version",slug:"chart-js-version"},{level:3,title:"Type changes",slug:"type-changes"}],lastUpdated:"9/20/2024, 12:31:58 PM",lastUpdatedTimestamp:1726835518e3,content:" 3.x Migration Guide \n chartjs-plugin-annotation plugin version 3 becomes an ESM-only package .\nThe UMD bundle is still available. \n Chart.js version \n The annotation plugin requires at least version 4.0.0 to work because of Chart.js becomes an ESM-only package. \n Type changes \n \n The init options callback return value types have been changed from void | boolean | AnnotationBoxModel to void | boolean | AnnotationElement . \n \n"},{title:"Label",frontmatter:{},regularPath:"/guide/types/_commonInnerLabel.html",relativePath:"guide/types/_commonInnerLabel.md",key:"v-0db22306",path:"/guide/types/_commonInnerLabel.html",headers:[{level:2,title:"Label",slug:"label"},{level:3,title:"Position",slug:"position"},{level:3,title:"Fonts and colors",slug:"fonts-and-colors"}],lastUpdated:"9/20/2024, 12:31:58 PM",lastUpdatedTimestamp:1726835518e3,content:" Label \n Namespace: options.annotations[annotationID].label , it defines options for the the label of annotation. \n All of these options can be Scriptable \n \n \n \n Name \n Type \n Default \n Notes \n \n \n \n \n color \n Color | Color[] \n 'black' \n Text color. \n \n \n content \n string | string[] | Image | HTMLCanvasElement \n null \n The content to show in the label. \n \n \n display \n boolean \n false \n Whether or not the label is shown. \n \n \n drawTime \n string | number \n options.drawTime \n See drawTime . Defaults to the annotation draw time if unset \n \n \n font \n Font | Font[] \n { weight: 'bold' } \n Label font \n \n \n height \n number | string \n undefined \n Overrides the height of the image or canvas element. Could be set in pixel by a number, or in percentage of current height of image or canvas element by a string. If undefined, uses the height of the image or canvas element. It is used only when the content is an image or canvas element. \n \n \n hitTolerance \n number \n undefined \n Amount of pixels to interact with annotations within some distance of the mouse point. \n \n \n opacity \n number \n undefined \n Overrides the opacity of the image or canvas element. Could be set a number in the range 0.0 to 1.0, inclusive. If undefined, uses the opacity of the image or canvas element. It is used only when the content is an image or canvas element. \n \n \n padding \n Padding \n 6 \n The padding to add around the text label. \n \n \n position \n string | {x: string, y: string} \n 'center' \n Anchor position of label in the annotation. \n \n \n rotation \n number \n undefined \n Rotation of label, in degrees. If undefined , the annotation rotation is used. \n \n \n textAlign \n string \n 'start' \n Text alignment of label content when there's more than one line. Possible options are: 'left' , 'start' , 'center' , 'end' , 'right' . \n \n \n textStrokeColor \n Color \n undefined \n The color of the stroke around the text. \n \n \n textStrokeWidth \n number \n 0 \n Stroke width around the text. \n \n \n width \n number | string \n undefined \n Overrides the width of the image or canvas element. Could be set in pixel by a number, or in percentage of current width of image or canvas element by a string. If undefined, uses the width of the image or canvas element. It is used only when the content is an image or canvas element. \n \n \n xAdjust \n number \n 0 \n Adjustment along x-axis (left-right) of label relative to computed position. Negative values move the label left, positive right. \n \n \n yAdjust \n number \n 0 \n Adjustment along y-axis (top-bottom) of label relative to computed position. Negative values move the label up, positive down. \n \n \n z \n number \n 0 \n It determines the drawing stack level of the label element, with same drawTime . \n Position \n A position can be set in 2 different values types: \n \n 'start' , 'center' , 'end' which are defining where the label will be located \n a string , in percentage format 'number%' , is representing the percentage on the size where the label will be located \n \n If this value is a string (possible options are 'start' , 'center' , 'end' or a string in percentage format), it is applied to vertical and horizontal position in the annotation. \n If this value is an object, the x property defines the horizontal alignment in the annotation. Similarly, the y property defines the vertical alignment in the annotation. Possible options for both properties are 'start' , 'center' , 'end' , a string in percentage format. Omitted property have value of the default, 'center' . \n Fonts and colors \n When the label to draw has multiple lines, you can use different font and color for each line of the label. This is enabled configuring an array of fonts or colors for those options. When the lines are more than the configured fonts of colors, the last configuration of those options is used for all remaining lines. \n"},{title:"Common options to all annotations",frontmatter:{},regularPath:"/guide/types/_commonOptions.html",relativePath:"guide/types/_commonOptions.md",key:"v-67fac0e2",path:"/guide/types/_commonOptions.html",headers:[{level:3,title:"Common options to all annotations",slug:"common-options-to-all-annotations"}],lastUpdated:"9/20/2024, 12:31:58 PM",lastUpdatedTimestamp:1726835518e3,content:" Common options to all annotations \n The following options are available for all annotations. \n \n \n \n Name \n Type \n Scriptable \n Default \n \n \n \n \n adjustScaleRange \n boolean \n Yes \n true \n \n \n backgroundColor \n Color \n Yes \n options.color \n \n \n borderColor \n Color \n Yes \n options.color \n \n \n borderDash \n number[] \n Yes \n [] \n \n \n borderDashOffset \n number \n Yes \n 0 \n \n \n borderShadowColor \n Color \n Yes \n 'transparent' \n \n \n display \n boolean \n Yes \n true \n \n \n drawTime \n string | number \n Yes \n 'afterDatasetsDraw' \n \n \n hitTolerance \n number \n Yes \n 0 \n \n \n init \n boolean \n See initial animation \n undefined \n \n \n id \n string \n No \n undefined \n \n \n shadowBlur \n number \n Yes \n 0 \n \n \n shadowOffsetX \n number \n Yes \n 0 \n \n \n shadowOffsetY \n number \n Yes \n 0 \n \n \n xMax \n number | string \n Yes \n undefined \n \n \n xMin \n number | string \n Yes \n undefined \n \n \n xScaleID \n string \n Yes \n undefined \n \n \n yMin \n number | string \n Yes \n undefined \n \n \n yMax \n number | string \n Yes \n undefined \n \n \n yScaleID \n string \n Yes \n undefined \n \n \n z \n number \n Yes \n 0 \n \n \n \n"},{title:"Options",frontmatter:{},regularPath:"/guide/options.html",relativePath:"guide/options.md",key:"v-15f8e6fd",path:"/guide/options.html",headers:[{level:2,title:"Color",slug:"color"},{level:2,title:"Font",slug:"font"},{level:2,title:"Padding",slug:"padding"},{level:2,title:"Point Style",slug:"point-style"},{level:2,title:"Interaction",slug:"interaction"},{level:2,title:"Scriptable Options",slug:"scriptable-options"},{level:2,title:"Draw Time",slug:"draw-time"},{level:2,title:"Option Context",slug:"option-context"},{level:3,title:"chart",slug:"chart"},{level:3,title:"annotation",slug:"annotation"}],lastUpdated:"9/20/2024, 12:31:58 PM",lastUpdatedTimestamp:1726835518e3,content:" Options \n Color \n Any color supported by chart.js is supported by the annotation plugin. \n Font \n Fonts use the same format as chart.js . \n Padding \n Paddings use the same format as chart.js . \n Point Style \n Point styles use the same format as chart.js . \n Interaction \n Interaction uses the same format as chart.js . \n WARNING \n Interaction index and dataset modes are not supported by the plugin. If set, the plugin will use nearest mode. \n Interaction r axis is not supported by the plugin. If set, the plugin will use xy mode. \n Scriptable Options \n As with most options in chart.js, the annotation plugin options are scriptable. This means that a function can be passed which returns the value as needed. In the example below, the annotation is hidden when the screen is less than 1000px wide.\nThe function receives 2 arguments, first is the option context representing contextual information. An options resolver is passed as second argument, which can be used to access the options that were originally passed in to configure the annotation element. \n */\nconst options = {\n plugins: {\n annotation: {\n annotations: {\n box1: {\n drawTime: 'afterDatasetsDraw',\n display: (context, opts) => {\n const body = document.querySelector('body');\n const rect = body.getBoundingClientRect();\n return rect.width >= 1000;\n },\n type: 'box',\n xMin: 1,\n xMax: 2,\n yMin: 50,\n yMax: 70,\n backgroundColor: 'rgba(255, 99, 132, 0.5)'\n }\n }\n }\n }\n};\n/* */\n\n/* */\nconst config = {\n type: 'line',\n data: {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\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 options\n};\n/* */\n\nmodule.exports = {\n config\n};\n`\"/> # Draw Time \n The drawTime option for an annotation determines where in the chart lifecycle the drawing occurs. Four potential predefined options are available: \n \n \n \n Option \n Notes \n \n \n \n \n 'beforeDraw' \n Occurs before any drawing takes place \n \n \n 'beforeDatasetsDraw' \n Occurs after drawing of axes, but before datasets \n \n \n 'afterDatasetsDraw' \n Occurs after drawing of datasets but before items such as the tooltip \n \n \n 'afterDraw' \n After other drawing is completed. \n \n \n \n Furthermore, the drawTime option can be set as number which represents the dataset index used to draw the annotation, before that dataset will be. \n Option Context \n The option context is used to give contextual information when resolving options and only applies to scriptable options. The object is preserved, so it can be used to store and pass information between calls / options. \n There are 2 levels of option context objects: \n \n chart \n \n annotation \n \n \n \n The context object contains the following properties: \n chart \n \n chart : the associated chart \n type : 'chart' \n \n The chart option context is provided by Chart.js. It is passed to scriptable options when resolving annotation id , type and drawTime or adjusting scale ranges in afterDataLimits hook. The options resolved at that time are scaleID , xScaleID , yScaleID , value , endValue , xMin , xMax , yMin , yMax , xValue and yValue . \n annotation \n In addition to chart \n \n id : the annotation id \n element : the annotation element \n elements : the array which contains the already created annotation elements. \n type : 'annotation' \n \n The annotation option context is passed to scriptable options in all other cases, except when resolving id , type or adjusting scale ranges. The same values resolved in afterDataLimits with chart context are again evaluated in afterUpdate with annotation context. \n Note that the annotation element may be undefined or partially uninitialized, since scriptable options may be invoked during the initial chart display, before everything's been resolved and initialized. \n"},{title:"Box Annotations",frontmatter:{},regularPath:"/guide/types/box.html",relativePath:"guide/types/box.md",key:"v-5b88421d",path:"/guide/types/box.html",headers:[{level:2,title:"Configuration",slug:"configuration"},{level:3,title:"Box annotation specific options",slug:"box-annotation-specific-options"},{level:3,title:"Common options to all annotations",slug:"common-options-to-all-annotations"},{level:3,title:"General",slug:"general"},{level:3,title:"Styling",slug:"styling"},{level:2,title:"Label",slug:"label"},{level:3,title:"Position",slug:"position"},{level:3,title:"Fonts and colors",slug:"fonts-and-colors"},{level:2,title:"Element",slug:"element"}],lastUpdated:"9/20/2024, 12:31:58 PM",lastUpdatedTimestamp:1726835518e3,content:" Box Annotations \n Box annotations are used to draw rectangles on the chart area. This can be useful for highlighting different areas of a chart. \n */\nconst options = {\n plugins: {\n annotation: {\n annotations: {\n box1: {\n type: 'box',\n xMin: 1,\n xMax: 2,\n yMin: 50,\n yMax: 70,\n backgroundColor: 'rgba(255, 99, 132, 0.25)'\n }\n }\n }\n }\n};\n/* */\n\n/* */\nconst config = {\n type: 'line',\n data: {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\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 options\n};\n/* */\n\nmodule.exports = {\n config\n};\n`\"/> # Configuration \n Box annotation specific options \n The following options are available for box annotations. \n \n \n \n Name \n Type \n Scriptable \n Default \n \n \n \n \n backgroundShadowColor \n Color \n Yes \n 'transparent' \n \n \n borderCapStyle \n string \n Yes \n 'butt' \n \n \n borderJoinStyle \n string \n Yes \n 'miter' \n \n \n borderRadius \n number | object \n Yes \n 0 \n \n \n borderWidth \n number \n Yes \n 1 \n \n \n label \n object \n Yes \n \n \n \n rotation \n number \n Yes \n 0 \n Common options to all annotations \n The following options are available for all annotations. \n \n \n \n Name \n Type \n Scriptable \n Default \n \n \n \n \n adjustScaleRange \n boolean \n Yes \n true \n \n \n backgroundColor \n Color \n Yes \n options.color \n \n \n borderColor \n Color \n Yes \n options.color \n \n \n borderDash \n number[] \n Yes \n [] \n \n \n borderDashOffset \n number \n Yes \n 0 \n \n \n borderShadowColor \n Color \n Yes \n 'transparent' \n \n \n display \n boolean \n Yes \n true \n \n \n drawTime \n string | number \n Yes \n 'afterDatasetsDraw' \n \n \n hitTolerance \n number \n Yes \n 0 \n \n \n init \n boolean \n See initial animation \n undefined \n \n \n id \n string \n No \n undefined \n \n \n shadowBlur \n number \n Yes \n 0 \n \n \n shadowOffsetX \n number \n Yes \n 0 \n \n \n shadowOffsetY \n number \n Yes \n 0 \n \n \n xMax \n number | string \n Yes \n undefined \n \n \n xMin \n number | string \n Yes \n undefined \n \n \n xScaleID \n string \n Yes \n undefined \n \n \n yMin \n number | string \n Yes \n undefined \n \n \n yMax \n number | string \n Yes \n undefined \n \n \n yScaleID \n string \n Yes \n undefined \n \n \n z \n number \n Yes \n 0 \n General \n If one of the axes does not match an axis in the chart, the box will take the entire chart dimension. The 4 coordinates, xMin, xMax, yMin, yMax are optional. If not specified, the box is expanded out to the edges in the respective direction. \n \n \n \n Name \n Description \n \n \n \n \n adjustScaleRange \n Should the scale range be adjusted if this annotation is out of range. \n \n \n display \n Whether or not this annotation is visible. \n \n \n drawTime \n See drawTime . \n \n \n hitTolerance \n Amount of pixels to interact with annotations within some distance of the mouse point. \n \n \n id \n Identifies a unique id for the annotation and it will be stored in the element context. When the annotations are defined by an object, the id is automatically set using the key used to store the annotations in the object. When the annotations are configured by an array, the id, passed by this option in the annotation, will be used. \n \n \n rotation \n Rotation of the box in degrees. \n \n \n xMax \n Right edge of the box in units along the x axis. \n \n \n xMin \n Left edge of the box in units along the x axis. \n \n \n xScaleID \n ID of the X scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as 'x' axis. If more than one scale has been defined in the chart as 'x' axis, the option is mandatory to select the right scale. \n \n \n yMax \n Bottom edge of the box in units along the y axis. \n \n \n yMin \n Top edge of the box in units along the y axis. \n \n \n yScaleID \n ID of the Y scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as 'y' axis. If more than one scale has been defined in the chart as 'y' axis, the option is mandatory to select the right scale. \n \n \n z \n The z property determines the drawing stack level of the box annotation element. All visible elements will be drawn in ascending order of z option, with the same drawTime option. \n Styling \n \n \n \n Name \n Description \n \n \n \n \n backgroundColor \n Fill color. \n \n \n backgroundShadowColor \n The color of shadow. See MDN . \n \n \n borderCapStyle \n Cap style of the border line. See MDN . \n \n \n borderColor \n Stroke color. \n \n \n borderDash \n Length and spacing of dashes. See MDN . \n \n \n borderDashOffset \n Offset for border line dashes. See MDN . \n \n \n borderJoinStyle \n Border line join style. See MDN . \n \n \n borderRadius \n Radius of box rectangle (in pixels). \n \n \n borderShadowColor \n The color of the border shadow. See MDN . \n \n \n borderWidth \n Border line width (in pixels). \n \n \n shadowBlur \n The amount of blur applied to shadow. See MDN . \n \n \n shadowOffsetX \n The distance that shadow will be offset horizontally. See MDN . \n \n \n shadowOffsetY \n The distance that shadow will be offset vertically. See MDN . \n borderRadius \n If this value is a number, it is applied to all corners of the rectangle (topLeft, topRight, bottomLeft, bottomRight). If this value is an object, the topLeft property defines the top-left corners border radius. Similarly, the topRight , bottomLeft , and bottomRight properties can also be specified. Omitted corners have radius of 0. \n Label \n Namespace: options.annotations[annotationID].label , it defines options for the the label of annotation. \n All of these options can be Scriptable \n \n \n \n Name \n Type \n Default \n Notes \n \n \n \n \n color \n Color | Color[] \n 'black' \n Text color. \n \n \n content \n string | string[] | Image | HTMLCanvasElement \n null \n The content to show in the label. \n \n \n display \n boolean \n false \n Whether or not the label is shown. \n \n \n drawTime \n string | number \n options.drawTime \n See drawTime . Defaults to the annotation draw time if unset \n \n \n font \n Font | Font[] \n { weight: 'bold' } \n Label font \n \n \n height \n number | string \n undefined \n Overrides the height of the image or canvas element. Could be set in pixel by a number, or in percentage of current height of image or canvas element by a string. If undefined, uses the height of the image or canvas element. It is used only when the content is an image or canvas element. \n \n \n hitTolerance \n number \n undefined \n Amount of pixels to interact with annotations within some distance of the mouse point. \n \n \n opacity \n number \n undefined \n Overrides the opacity of the image or canvas element. Could be set a number in the range 0.0 to 1.0, inclusive. If undefined, uses the opacity of the image or canvas element. It is used only when the content is an image or canvas element. \n \n \n padding \n Padding \n 6 \n The padding to add around the text label. \n \n \n position \n string | {x: string, y: string} \n 'center' \n Anchor position of label in the annotation. \n \n \n rotation \n number \n undefined \n Rotation of label, in degrees. If undefined , the annotation rotation is used. \n \n \n textAlign \n string \n 'start' \n Text alignment of label content when there's more than one line. Possible options are: 'left' , 'start' , 'center' , 'end' , 'right' . \n \n \n textStrokeColor \n Color \n undefined \n The color of the stroke around the text. \n \n \n textStrokeWidth \n number \n 0 \n Stroke width around the text. \n \n \n width \n number | string \n undefined \n Overrides the width of the image or canvas element. Could be set in pixel by a number, or in percentage of current width of image or canvas element by a string. If undefined, uses the width of the image or canvas element. It is used only when the content is an image or canvas element. \n \n \n xAdjust \n number \n 0 \n Adjustment along x-axis (left-right) of label relative to computed position. Negative values move the label left, positive right. \n \n \n yAdjust \n number \n 0 \n Adjustment along y-axis (top-bottom) of label relative to computed position. Negative values move the label up, positive down. \n \n \n z \n number \n 0 \n It determines the drawing stack level of the label element, with same drawTime . \n Position \n A position can be set in 2 different values types: \n \n 'start' , 'center' , 'end' which are defining where the label will be located \n a string , in percentage format 'number%' , is representing the percentage on the size where the label will be located \n \n If this value is a string (possible options are 'start' , 'center' , 'end' or a string in percentage format), it is applied to vertical and horizontal position in the annotation. \n If this value is an object, the x property defines the horizontal alignment in the annotation. Similarly, the y property defines the vertical alignment in the annotation. Possible options for both properties are 'start' , 'center' , 'end' , a string in percentage format. Omitted property have value of the default, 'center' . \n Fonts and colors \n When the label to draw has multiple lines, you can use different font and color for each line of the label. This is enabled configuring an array of fonts or colors for those options. When the lines are more than the configured fonts of colors, the last configuration of those options is used for all remaining lines. \n Element \n The following diagram is showing the element properties about a 'box' annotation: \n \n The label of a box annotation is described as a label annotation and accessible by element.label . \n"},{title:"Label Annotations",frontmatter:{},regularPath:"/guide/types/label.html",relativePath:"guide/types/label.md",key:"v-49aea27d",path:"/guide/types/label.html",headers:[{level:2,title:"Configuration",slug:"configuration"},{level:3,title:"Label annotation specific options",slug:"label-annotation-specific-options"},{level:3,title:"Common options to all annotations",slug:"common-options-to-all-annotations"},{level:3,title:"General",slug:"general"},{level:3,title:"Styling",slug:"styling"},{level:3,title:"Position",slug:"position"},{level:2,title:"Callout",slug:"callout"},{level:2,title:"Element",slug:"element"}],lastUpdated:"9/20/2024, 12:31:58 PM",lastUpdatedTimestamp:1726835518e3,content:" Label Annotations \n Label annotations are used to add contents on the chart area. This can be useful for describing values that are of interest. \n */\nconst options = {\n plugins: {\n annotation: {\n annotations: {\n label1: {\n type: 'label',\n xValue: 2.5,\n yValue: 60,\n backgroundColor: 'rgba(245,245,245)',\n content: ['This is my text', 'This is my text, second line'],\n font: {\n size: 18\n }\n }\n }\n }\n }\n};\n/* */\n\n/* */\nconst config = {\n type: 'line',\n data: {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\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 options\n};\n/* */\n\nmodule.exports = {\n config\n};\n`\"/> # Configuration \n Label annotation specific options \n The following options are available for label annotations. \n \n \n \n Name \n Type \n Scriptable \n Default \n \n \n \n \n backgroundShadowColor \n Color \n Yes \n 'transparent' \n \n \n borderCapStyle \n string \n Yes \n 'butt' \n \n \n borderJoinStyle \n string \n Yes \n 'miter' \n \n \n borderRadius \n number | object \n Yes \n 0 \n \n \n borderWidth \n number \n Yes \n 0 \n \n \n callout \n object \n Yes \n \n \n \n color \n Color | Color[] \n Yes \n 'black' \n \n \n content \n string | string[] | Image | HTMLCanvasElement \n Yes \n null \n \n \n font \n Font | Font[] \n Yes \n {} \n \n \n height \n number | string \n Yes \n undefined \n \n \n opacity \n number \n Yes \n undefined \n \n \n padding \n Padding \n Yes \n 6 \n \n \n position \n string | {x: string, y: string} \n Yes \n 'center' \n \n \n rotation \n number \n Yes \n 0 \n \n \n textAlign \n string \n Yes \n 'center' \n \n \n textStrokeColor \n Color \n Yes \n undefined \n \n \n textStrokeWidth \n number \n Yes \n 0 \n \n \n width \n number | string \n Yes \n undefined \n \n \n xAdjust \n number \n Yes \n 0 \n \n \n xValue \n number | string \n Yes \n undefined \n \n \n yAdjust \n number \n Yes \n 0 \n \n \n yValue \n number | string \n Yes \n undefined \n Common options to all annotations \n The following options are available for all annotations. \n \n \n \n Name \n Type \n Scriptable \n Default \n \n \n \n \n adjustScaleRange \n boolean \n Yes \n true \n \n \n backgroundColor \n Color \n Yes \n options.color \n \n \n borderColor \n Color \n Yes \n options.color \n \n \n borderDash \n number[] \n Yes \n [] \n \n \n borderDashOffset \n number \n Yes \n 0 \n \n \n borderShadowColor \n Color \n Yes \n 'transparent' \n \n \n display \n boolean \n Yes \n true \n \n \n drawTime \n string | number \n Yes \n 'afterDatasetsDraw' \n \n \n hitTolerance \n number \n Yes \n 0 \n \n \n init \n boolean \n See initial animation \n undefined \n \n \n id \n string \n No \n undefined \n \n \n shadowBlur \n number \n Yes \n 0 \n \n \n shadowOffsetX \n number \n Yes \n 0 \n \n \n shadowOffsetY \n number \n Yes \n 0 \n \n \n xMax \n number | string \n Yes \n undefined \n \n \n xMin \n number | string \n Yes \n undefined \n \n \n xScaleID \n string \n Yes \n undefined \n \n \n yMin \n number | string \n Yes \n undefined \n \n \n yMax \n number | string \n Yes \n undefined \n \n \n yScaleID \n string \n Yes \n undefined \n \n \n z \n number \n Yes \n 0 \n General \n If one of the axes does not match an axis in the chart, the content will be rendered in the center of the chart. The 2 coordinates, xValue, yValue are optional. If not specified, the content will be rendered in the center of the scale dimension. \n The 4 coordinates, xMin, xMax, yMin, yMax are optional. If not specified, the box is expanded out to the edges in the respective direction and the box size is used to calculated the center of the point. \n \n \n \n Name \n Description \n \n \n \n \n adjustScaleRange \n Should the scale range be adjusted if this annotation is out of range. \n \n \n content \n The content to show in the text annotation. \n \n \n display \n Whether or not this annotation is visible. \n \n \n drawTime \n See drawTime . \n \n \n height \n Overrides the height of the image or canvas element. Could be set in pixel by a number, or in percentage of current height of image or canvas element by a string. If undefined, uses the height of the image or canvas element. It is used only when the content is an image or canvas element. \n \n \n hitTolerance \n Amount of pixels to interact with annotations within some distance of the mouse point. \n \n \n id \n Identifies a unique id for the annotation and it will be stored in the element context. When the annotations are defined by an object, the id is automatically set using the key used to store the annotations in the object. When the annotations are configured by an array, the id, passed by this option in the annotation, will be used. \n \n \n padding \n The padding to add around the text label. \n \n \n rotation \n Rotation of the label in degrees. \n \n \n textAlign \n Text alignment of label content when there's more than one line. Possible options are: 'left' , 'start' , 'center' , 'end' , 'right' . \n \n \n width \n Overrides the width of the image or canvas element. Could be set in pixel by a number, or in percentage of current width of image or canvas element by a string. If undefined, uses the width of the image or canvas element. It is used only when the content is an image or canvas element. \n \n \n xAdjust \n Adjustment along x-axis (left-right) of label relative to computed position. Negative values move the label left, positive right. \n \n \n xMax \n Right edge of the box in units along the x axis. \n \n \n xMin \n Left edge of the box in units along the x axis. \n \n \n xScaleID \n ID of the X scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as 'x' axis. If more than one scale has been defined in the chart as 'x' axis, the option is mandatory to select the right scale. \n \n \n xValue \n X coordinate of the point in units along the x axis. \n \n \n yAdjust \n Adjustment along y-axis (top-bottom) of label relative to computed position. Negative values move the label up, positive down. \n \n \n yMax \n Bottom edge of the box in units along the y axis. \n \n \n yMin \n Top edge of the box in units along the y axis. \n \n \n yScaleID \n ID of the Y scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as 'y' axis. If more than one scale has been defined in the chart as 'y' axis, the option is mandatory to select the right scale. \n \n \n yValue \n Y coordinate of the point in units along the y axis. \n \n \n z \n The z property determines the drawing stack level of the label annotation element. All visible elements will be drawn in ascending order of z option, with the same drawTime option. \n Styling \n \n \n \n Name \n Description \n \n \n \n \n backgroundColor \n Fill color. \n \n \n backgroundShadowColor \n The color of shadow. See MDN . \n \n \n borderCapStyle \n Cap style of the border line. See MDN . \n \n \n borderColor \n Stroke color. \n \n \n borderDash \n Length and spacing of dashes. See MDN . \n \n \n borderDashOffset \n Offset for border line dashes. See MDN . \n \n \n borderJoinStyle \n Border line join style. See MDN . \n \n \n borderShadowColor \n The color of the border shadow. See MDN . \n \n \n borderWidth \n Stroke width (in pixels). \n \n \n color \n Text color. When the label to draw has multiple lines, you can use different color for each line of the label. This is enabled configuring an array of colors. When the lines are more than the configured colors, the last configuration of this option is used for all remaining lines. \n \n \n font \n Text font. When the label to draw has multiple lines, you can use different font for each line of the label. This is enabled configuring an array of fonts. When the lines are more than the configured fonts, the last configuration of this option is used for all remaining lines. \n \n \n opacity \n Overrides the opacity of the image or canvas element. Could be set a number in the range 0.0 to 1.0, inclusive. If undefined, uses the opacity of the image or canvas element. It is used only when the content is an image or canvas element. \n \n \n shadowBlur \n The amount of blur applied to shadow of the box where the label is located. See MDN . \n \n \n shadowOffsetX \n The distance that shadow, of the box where the label is located, will be offset horizontally. See MDN . \n \n \n shadowOffsetY \n The distance that shadow, of the box where the label is located, will be offset vertically. See MDN . \n \n \n textStrokeColor \n The color of the stroke around the text. \n \n \n textStrokeWidth \n Stroke width around the text. \n Position \n A position can be set in 2 different values types: \n \n 'start' , 'center' , 'end' which are defining where the label will be located \n a string , in percentage format 'number%' , is representing the percentage on the size where the label will be located \n \n If this value is a string (possible options are 'start' , 'center' , 'end' or a string in percentage format), it is applied to vertical and horizontal position in the box. \n If this value is an object, the x property defines the horizontal alignment in the label, with respect to the selected point. Similarly, the y property defines the vertical alignment in the label, with respect to the selected point. Possible options for both properties are 'start' , 'center' , 'end' , a string in percentage format. Omitted property have value of the default, 'center' . \n borderRadius \n If this value is a number, it is applied to all corners of the rectangle (topLeft, topRight, bottomLeft, bottomRight). If this value is an object, the topLeft property defines the top-left corners border radius. Similarly, the topRight , bottomLeft , and bottomRight properties can also be specified. Omitted corners have radius of 0. \n Callout \n A callout connects the label by a line to the selected point. \n Namespace: options.annotations[annotationID].callout , it defines options for the callout on the annotation label. \n */\nconst options = {\n plugins: {\n annotation: {\n annotations: {\n label1: {\n type: 'label',\n xValue: 2.5,\n yValue: 60,\n xAdjust: 290,\n yAdjust: -100,\n backgroundColor: 'rgba(245,245,245)',\n content: ['In this point of time,', 'something happened'],\n textAlign: 'start',\n font: {\n size: 18\n },\n callout: {\n display: true,\n side: 10\n }\n }\n }\n }\n }\n};\n/* */\n\n/* */\nconst config = {\n type: 'line',\n data: {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\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 options\n};\n/* */\n\nmodule.exports = {\n config\n};\n`\"/> All of these options can be Scriptable . \n \n \n \n Name \n Type \n Default \n Notes \n \n \n \n \n borderCapStyle \n string \n 'butt' \n Cap style of the border line of callout. See MDN . \n \n \n borderColor \n Color \n undefined \n Stroke color of the pointer of the callout. \n \n \n borderDash \n number[] \n [] \n Length and spacing of dashes of callout. See MDN . \n \n \n borderDashOffset \n number \n 0 \n Offset for line dashes of callout. See MDN . \n \n \n borderJoinStyle \n string \n 'miter' \n Border line join style of the callout. See MDN . \n \n \n borderWidth \n number \n 1 \n Stroke width of the pointer of the callout. \n \n \n display \n boolean \n false \n If true, the callout is drawn. \n \n \n margin \n number \n 5 \n Amount of pixels between the label and the callout separator. \n \n \n position \n string \n 'auto' \n The position of callout, with respect to the label. Could be left , top , right , bottom or auto . \n \n \n side \n number \n 5 \n Width of the starter line of callout pointer. \n \n \n start \n number | string \n '50%' \n The percentage of the separator dimension to use as starting point for callout pointer. Could be set in pixel by a number, or in percentage of the separator dimension by a string. \n Element \n The following diagram is showing the element properties about a 'label' annotation: \n \n"},{title:"Ellipse Annotations",frontmatter:{},regularPath:"/guide/types/ellipse.html",relativePath:"guide/types/ellipse.md",key:"v-26692906",path:"/guide/types/ellipse.html",headers:[{level:2,title:"Configuration",slug:"configuration"},{level:3,title:"Ellipse annotation specific options",slug:"ellipse-annotation-specific-options"},{level:3,title:"Common options to all annotations",slug:"common-options-to-all-annotations"},{level:3,title:"General",slug:"general"},{level:3,title:"Styling",slug:"styling"},{level:2,title:"Label",slug:"label"},{level:3,title:"Position",slug:"position"},{level:3,title:"Fonts and colors",slug:"fonts-and-colors"},{level:2,title:"Element",slug:"element"}],lastUpdated:"9/20/2024, 12:31:58 PM",lastUpdatedTimestamp:1726835518e3,content:" Ellipse Annotations \n Ellipse annotations are used to draw circles on the chart area. This can be useful for highlighting different areas of a chart. \n */\nconst options = {\n plugins: {\n annotation: {\n annotations: {\n ellipse1: {\n type: 'ellipse',\n xMin: 1,\n xMax: 2,\n yMin: 50,\n yMax: 70,\n backgroundColor: 'rgba(255, 99, 132, 0.25)'\n }\n }\n }\n }\n};\n/* */\n\n/* */\nconst config = {\n type: 'line',\n data: {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\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 options\n};\n/* */\n\nmodule.exports = {\n config\n};\n`\"/> # Configuration \n Ellipse annotation specific options \n The following options are available for ellipse annotations. \n \n \n \n Name \n Type \n Scriptable \n Default \n \n \n \n \n backgroundShadowColor \n Color \n Yes \n 'transparent' \n \n \n borderWidth \n number \n Yes \n 1 \n \n \n label \n object \n Yes \n \n \n \n rotation \n number \n Yes \n 0 \n Common options to all annotations \n The following options are available for all annotations. \n \n \n \n Name \n Type \n Scriptable \n Default \n \n \n \n \n adjustScaleRange \n boolean \n Yes \n true \n \n \n backgroundColor \n Color \n Yes \n options.color \n \n \n borderColor \n Color \n Yes \n options.color \n \n \n borderDash \n number[] \n Yes \n [] \n \n \n borderDashOffset \n number \n Yes \n 0 \n \n \n borderShadowColor \n Color \n Yes \n 'transparent' \n \n \n display \n boolean \n Yes \n true \n \n \n drawTime \n string | number \n Yes \n 'afterDatasetsDraw' \n \n \n hitTolerance \n number \n Yes \n 0 \n \n \n init \n boolean \n See initial animation \n undefined \n \n \n id \n string \n No \n undefined \n \n \n shadowBlur \n number \n Yes \n 0 \n \n \n shadowOffsetX \n number \n Yes \n 0 \n \n \n shadowOffsetY \n number \n Yes \n 0 \n \n \n xMax \n number | string \n Yes \n undefined \n \n \n xMin \n number | string \n Yes \n undefined \n \n \n xScaleID \n string \n Yes \n undefined \n \n \n yMin \n number | string \n Yes \n undefined \n \n \n yMax \n number | string \n Yes \n undefined \n \n \n yScaleID \n string \n Yes \n undefined \n \n \n z \n number \n Yes \n 0 \n General \n If one of the axes does not match an axis in the chart, the ellipse will take the entire chart dimension. The 4 coordinates, xMin, xMax, yMin, yMax are optional. If not specified, the ellipse is expanded out to the edges in the respective direction. \n \n \n \n Name \n Description \n \n \n \n \n adjustScaleRange \n Should the scale range be adjusted if this annotation is out of range. \n \n \n display \n Whether or not this annotation is visible. \n \n \n drawTime \n See drawTime . \n \n \n hitTolerance \n Amount of pixels to interact with annotations within some distance of the mouse point. \n \n \n id \n Identifies a unique id for the annotation and it will be stored in the element context. When the annotations are defined by an object, the id is automatically set using the key used to store the annotations in the object. When the annotations are configured by an array, the id, passed by this option in the annotation, will be used. \n \n \n rotation \n Rotation of the ellipse in degrees, default is 0. \n \n \n xMax \n Right edge of the ellipse in units along the x axis. \n \n \n xMin \n Left edge of the ellipse in units along the x axis. \n \n \n xScaleID \n ID of the X scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as 'x' axis. If more than one scale has been defined in the chart as 'x' axis, the option is mandatory to select the right scale. \n \n \n yMax \n Bottom edge of the ellipse in units along the y axis. \n \n \n yMin \n Top edge of the ellipse in units along the y axis. \n \n \n yScaleID \n ID of the Y scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as 'y' axis. If more than one scale has been defined in the chart as 'y' axis, the option is mandatory to select the right scale. \n \n \n z \n The z property determines the drawing stack level of the ellipse annotation element. All visible elements will be drawn in ascending order of z option, with the same drawTime option. \n Styling \n \n \n \n Name \n Description \n \n \n \n \n backgroundColor \n Fill color. \n \n \n backgroundShadowColor \n The color of shadow. See MDN . \n \n \n borderColor \n Stroke color. \n \n \n borderDash \n Length and spacing of dashes. See MDN . \n \n \n borderDashOffset \n Offset for line dashes. See MDN . \n \n \n borderShadowColor \n The color of the border shadow. See MDN . \n \n \n borderWidth \n Stroke width. \n \n \n shadowBlur \n The amount of blur applied to shadow. See MDN . \n \n \n shadowOffsetX \n The distance that shadow will be offset horizontally. See MDN . \n \n \n shadowOffsetY \n The distance that shadow will be offset vertically. See MDN . \n Label \n Namespace: options.annotations[annotationID].label , it defines options for the the label of annotation. \n All of these options can be Scriptable \n \n \n \n Name \n Type \n Default \n Notes \n \n \n \n \n color \n Color | Color[] \n 'black' \n Text color. \n \n \n content \n string | string[] | Image | HTMLCanvasElement \n null \n The content to show in the label. \n \n \n display \n boolean \n false \n Whether or not the label is shown. \n \n \n drawTime \n string | number \n options.drawTime \n See drawTime . Defaults to the annotation draw time if unset \n \n \n font \n Font | Font[] \n { weight: 'bold' } \n Label font \n \n \n height \n number | string \n undefined \n Overrides the height of the image or canvas element. Could be set in pixel by a number, or in percentage of current height of image or canvas element by a string. If undefined, uses the height of the image or canvas element. It is used only when the content is an image or canvas element. \n \n \n hitTolerance \n number \n undefined \n Amount of pixels to interact with annotations within some distance of the mouse point. \n \n \n opacity \n number \n undefined \n Overrides the opacity of the image or canvas element. Could be set a number in the range 0.0 to 1.0, inclusive. If undefined, uses the opacity of the image or canvas element. It is used only when the content is an image or canvas element. \n \n \n padding \n Padding \n 6 \n The padding to add around the text label. \n \n \n position \n string | {x: string, y: string} \n 'center' \n Anchor position of label in the annotation. \n \n \n rotation \n number \n undefined \n Rotation of label, in degrees. If undefined , the annotation rotation is used. \n \n \n textAlign \n string \n 'start' \n Text alignment of label content when there's more than one line. Possible options are: 'left' , 'start' , 'center' , 'end' , 'right' . \n \n \n textStrokeColor \n Color \n undefined \n The color of the stroke around the text. \n \n \n textStrokeWidth \n number \n 0 \n Stroke width around the text. \n \n \n width \n number | string \n undefined \n Overrides the width of the image or canvas element. Could be set in pixel by a number, or in percentage of current width of image or canvas element by a string. If undefined, uses the width of the image or canvas element. It is used only when the content is an image or canvas element. \n \n \n xAdjust \n number \n 0 \n Adjustment along x-axis (left-right) of label relative to computed position. Negative values move the label left, positive right. \n \n \n yAdjust \n number \n 0 \n Adjustment along y-axis (top-bottom) of label relative to computed position. Negative values move the label up, positive down. \n \n \n z \n number \n 0 \n It determines the drawing stack level of the label element, with same drawTime . \n Position \n A position can be set in 2 different values types: \n \n 'start' , 'center' , 'end' which are defining where the label will be located \n a string , in percentage format 'number%' , is representing the percentage on the size where the label will be located \n \n If this value is a string (possible options are 'start' , 'center' , 'end' or a string in percentage format), it is applied to vertical and horizontal position in the annotation. \n If this value is an object, the x property defines the horizontal alignment in the annotation. Similarly, the y property defines the vertical alignment in the annotation. Possible options for both properties are 'start' , 'center' , 'end' , a string in percentage format. Omitted property have value of the default, 'center' . \n Fonts and colors \n When the label to draw has multiple lines, you can use different font and color for each line of the label. This is enabled configuring an array of fonts or colors for those options. When the lines are more than the configured fonts of colors, the last configuration of those options is used for all remaining lines. \n Element \n The following diagram is showing the element properties about a 'ellipse' annotation: \n \n"},{title:"Line Annotations",frontmatter:{},regularPath:"/guide/types/line.html",relativePath:"guide/types/line.md",key:"v-37e66462",path:"/guide/types/line.html",headers:[{level:2,title:"Configuration",slug:"configuration"},{level:3,title:"Line annotation specific options",slug:"line-annotation-specific-options"},{level:3,title:"Common options to all annotations",slug:"common-options-to-all-annotations"},{level:3,title:"General",slug:"general"},{level:3,title:"Styling",slug:"styling"},{level:2,title:"Label",slug:"label"},{level:3,title:"borderRadius",slug:"borderradius"},{level:3,title:"Fonts and colors",slug:"fonts-and-colors"},{level:3,title:"Callout",slug:"callout"},{level:2,title:"Arrow heads",slug:"arrow-heads"},{level:3,title:"Arrow head configuration",slug:"arrow-head-configuration"},{level:2,title:"Element",slug:"element"}],lastUpdated:"9/20/2024, 12:31:58 PM",lastUpdatedTimestamp:1726835518e3,content:" Line Annotations \n Line annotations are used to draw lines on the chart area. This can be useful for highlighting information such as a threshold. \n */\nconst options = {\n plugins: {\n annotation: {\n annotations: {\n line1: {\n type: 'line',\n yMin: 60,\n yMax: 60,\n borderColor: 'rgb(255, 99, 132)',\n borderWidth: 2,\n }\n }\n }\n }\n};\n/* */\n\n/* */\nconst config = {\n type: 'line',\n data: {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\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 options\n};\n/* */\n\nmodule.exports = {\n config\n};\n`\"/> # Configuration \n Line annotation specific options \n The following options are available for line annotations. \n \n \n \n Name \n Type \n Scriptable \n Default \n \n \n \n \n arrowHeads \n {start: object, end:object} \n Yes \n \n \n \n borderWidth \n number \n Yes \n 2 \n \n \n controlPoint \n number | string | {x: number | string, y: number | string} \n Yes \n {y:'-50%'} \n \n \n curve \n boolean \n Yes \n false \n \n \n endValue \n number \n Yes \n undefined \n \n \n label \n object \n Yes \n \n \n \n scaleID \n string \n Yes \n undefined \n \n \n value \n number \n Yes \n undefined \n Common options to all annotations \n The following options are available for all annotations. \n \n \n \n Name \n Type \n Scriptable \n Default \n \n \n \n \n adjustScaleRange \n boolean \n Yes \n true \n \n \n backgroundColor \n Color \n Yes \n options.color \n \n \n borderColor \n Color \n Yes \n options.color \n \n \n borderDash \n number[] \n Yes \n [] \n \n \n borderDashOffset \n number \n Yes \n 0 \n \n \n borderShadowColor \n Color \n Yes \n 'transparent' \n \n \n display \n boolean \n Yes \n true \n \n \n drawTime \n string | number \n Yes \n 'afterDatasetsDraw' \n \n \n hitTolerance \n number \n Yes \n 0 \n \n \n init \n boolean \n See initial animation \n undefined \n \n \n id \n string \n No \n undefined \n \n \n shadowBlur \n number \n Yes \n 0 \n \n \n shadowOffsetX \n number \n Yes \n 0 \n \n \n shadowOffsetY \n number \n Yes \n 0 \n \n \n xMax \n number | string \n Yes \n undefined \n \n \n xMin \n number | string \n Yes \n undefined \n \n \n xScaleID \n string \n Yes \n undefined \n \n \n yMin \n number | string \n Yes \n undefined \n \n \n yMax \n number | string \n Yes \n undefined \n \n \n yScaleID \n string \n Yes \n undefined \n \n \n z \n number \n Yes \n 0 \n General \n If one of the axes does not match an axis in the chart then the line behaviors are the following, depending on how the line should be drawn: \n \n if scaleID is not resolved, the line will take the entire chart dimension, from the top-left vertex to the bottom-right vertex of the chart \n if xScaleID is not resolved, the line will take the entire chart width \n if yScaleID is not resolved, the line will take the entire chart height \n \n The 2 coordinates, start, end, are optional. If not specified, the line is expanded out to the edges in the respective direction.\nThe 4 coordinates, xMin, xMax, yMin, yMax are optional. If not specified, the line is expanded out to the edges in the respective direction. \n The id identifies a unique id for the annotation and it will be stored in the element context. When the annotations are defined by an object, the id is automatically set using the key used to store the annotations in the object. When the annotations are configured by an array, the id, passed by this option in the annotation, will be used. \n Positioning \n The line can be positioned in two different ways. If scaleID is set, then value and endValue must also be set to indicate the endpoints of the line. The line will be perpendicular to the axis identified by scaleID . \n If scaleID is unset, then xScaleID and yScaleID are used to draw a line from (xMin, yMin) to (xMax, yMax) . \n \n \n \n Name \n Description \n \n \n \n \n adjustScaleRange \n Should the scale range be adjusted if this annotation is out of range. \n \n \n controlPoint \n if curve is enabled, it configures the control point to drawn the curve, calculated in pixels. It can be set by a string in percentage format 'number%' which are representing the percentage of the distance between the start and end point from the center. \n \n \n curve \n Whether or not a quadratic Bézier curve is drawn. \n \n \n display \n Whether or not this annotation is visible. \n \n \n drawTime \n See drawTime . \n \n \n endValue \n End two of the line when a single scale is specified. \n \n \n hitTolerance \n Amount of pixels to interact with annotations within some distance of the mouse point. \n \n \n id \n Identifies a unique id for the annotation and it will be stored in the element context. When the annotations are defined by an object, the id is automatically set using the key used to store the annotations in the object. When the annotations are configured by an array, the id, passed by this option in the annotation, will be used. \n \n \n scaleID \n ID of the scale in single scale mode. If unset, xScaleID and yScaleID are used. \n \n \n value \n End one of the line when a single scale is specified. \n \n \n xMax \n X coordinate of end two of the line in units along the x axis. \n \n \n xMin \n X coordinate of end one of the line in units along the x axis. \n \n \n xScaleID \n ID of the X scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as 'x' axis. If more than one scale has been defined in the chart as 'x' axis, the option is mandatory to select the right scale. \n \n \n yMax \n Y coordinate of end two of the line in units along the y axis. \n \n \n yMin \n Y coordinate of end one of the line in units along the y axis. \n \n \n yScaleID \n ID of the Y scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as 'y' axis. If more than one scale has been defined in the chart as 'y' axis, the option is mandatory to select the right scale. \n \n \n z \n The z property determines the drawing stack level of the line annotation element. All visible elements will be drawn in ascending order of z option, with the same drawTime option. \n Styling \n \n \n \n Name \n Description \n \n \n \n \n borderColor \n Stroke color. \n \n \n borderDash \n Length and spacing of dashes. See MDN . \n \n \n borderDashOffset \n Offset for line dashes. See MDN . \n \n \n borderShadowColor \n The color of shadow. See MDN . \n \n \n borderWidth \n Stroke width. \n \n \n shadowBlur \n The amount of blur applied to shadow. See MDN . \n \n \n shadowOffsetX \n The distance that shadow will be offset horizontally. See MDN . \n \n \n shadowOffsetY \n The distance that shadow will be offset vertically. See MDN . \n Label \n Namespace: options.annotations[annotationID].label , it defines options for the line annotation label. \n All of these options can be Scriptable \n \n \n \n Name \n Type \n Default \n Notes \n \n \n \n \n backgroundColor \n Color \n 'rgba(0,0,0,0.8)' \n Background color of the label container. \n \n \n backgroundShadowColor \n Color \n 'transparent' \n The color of shadow of the box where the label is located. See MDN . \n \n \n borderCapStyle \n string \n 'butt' \n Cap style of the border line. See MDN . \n \n \n borderColor \n Color \n black \n The border line color. \n \n \n borderDash \n number[] \n [] \n Length and spacing of dashes. See MDN . \n \n \n borderDashOffset \n number \n 0 \n Offset for border line dashes. See MDN . \n \n \n borderJoinStyle \n string \n 'miter' \n Border line join style. See MDN . \n \n \n borderRadius \n number | object \n 6 \n Radius of label box corners in pixels. \n \n \n borderShadowColor \n Color \n 'transparent' \n The color of border shadow of the box where the label is located. See MDN . \n \n \n borderWidth \n number \n 0 \n The border line width (in pixels). \n \n \n callout \n object \n \n Can connect the label to the line. See callout . \n \n \n color \n Color | Color[] \n '#fff' \n Text color. \n \n \n content \n string | string[] | Image | HTMLCanvasElement \n null \n The content to show in the label. \n \n \n display \n boolean \n false \n Whether or not the label is shown. \n \n \n drawTime \n string | number \n options.drawTime \n See drawTime . Defaults to the line annotation draw time if unset. \n \n \n font \n Font | Font[] \n { weight: 'bold' } \n Label font. \n \n \n height \n number | string \n undefined \n Overrides the height of the image or canvas element. Could be set in pixel by a number, or in percentage of current height of image or canvas element by a string. If undefined, uses the height of the image or canvas element. It is used only when the content is an image or canvas element. \n \n \n hitTolerance \n number \n undefined \n Amount of pixels to interact with annotations within some distance of the mouse point. \n \n \n opacity \n number \n undefined \n Overrides the opacity of the image or canvas element. Could be set a number in the range 0.0 to 1.0, inclusive. If undefined, uses the opacity of the image or canvas element. It is used only when the content is an image or canvas element. \n \n \n padding \n Padding \n 6 \n The padding to add around the text label. \n \n \n position \n string \n 'center' \n Anchor position of label on line. Possible options are: 'start' , 'center' , 'end' . It can be set by a string in percentage format 'number%' which are representing the percentage on the width of the line where the label will be located. \n \n \n rotation \n number | 'auto' \n 0 \n Rotation of label, in degrees, or 'auto' to use the degrees of the line. \n \n \n shadowBlur \n number \n 0 \n The amount of blur applied to shadow of the box where the label is located. See MDN . \n \n \n shadowOffsetX \n number \n 0 \n The distance that shadow, of the box where the label is located, will be offset horizontally. See MDN . \n \n \n shadowOffsetY \n number \n 0 \n The distance that shadow, of the box where the label is located, will be offset vertically. See MDN . \n \n \n textAlign \n string \n 'center' \n Text alignment of label content when there's more than one line. Possible options are: 'start' , 'center' , 'end' . \n \n \n textStrokeColor \n Color \n undefined \n The color of the stroke around the text. \n \n \n textStrokeWidth \n number \n 0 \n Stroke width around the text. \n \n \n width \n number | string \n undefined \n Overrides the width of the image or canvas element. Could be set in pixel by a number, or in percentage of current width of image or canvas element by a string. If undefined, uses the width of the image or canvas element. It is used only when the content is an image or canvas element. \n \n \n xAdjust \n number \n 0 \n Adjustment along x-axis (left-right) of label relative to computed position. Negative values move the label left, positive right. \n \n \n yAdjust \n number \n 0 \n Adjustment along y-axis (top-bottom) of label relative to computed position. Negative values move the label up, positive down. \n \n \n z \n number \n 0 \n It determines the drawing stack level of the label element, with same drawTime . \n borderRadius \n If this value is a number, it is applied to all corners of the rectangle (topLeft, topRight, bottomLeft, bottomRight). If this value is an object, the topLeft property defines the top-left corners border radius. Similarly, the topRight , bottomLeft , and bottomRight properties can also be specified. Omitted corners have radius of 0. \n Fonts and colors \n When the label to draw has multiple lines, you can use different font and color for each line of the label. This is enabled configuring an array of fonts or colors for those options. When the lines are more than the configured fonts of colors, the last configuration of those options is used for all remaining lines. \n Callout \n A callout can connect the label to the line when the label is arbitrarily (by xAdjust and yAdjust options) moved from its original position. \n Namespace: options.annotations[annotationID].label.callout , it defines options for the callout on the label of the line annotation. \n All of these options can be Scriptable . \n \n \n \n Name \n Type \n Default \n Notes \n \n \n \n \n borderCapStyle \n string \n 'butt' \n Cap style of the border line of callout. See MDN . \n \n \n borderColor \n Color \n undefined \n Stroke color of the pointer of the callout. \n \n \n borderDash \n number[] \n [] \n Length and spacing of dashes of callout. See MDN . \n \n \n borderDashOffset \n number \n 0 \n Offset for line dashes of callout. See MDN . \n \n \n borderJoinStyle \n string \n 'miter' \n Border line join style of the callout. See MDN . \n \n \n borderWidth \n number \n 1 \n Stroke width of the pointer of the callout. \n \n \n display \n boolean \n false \n If true, the callout is drawn. \n \n \n margin \n number \n 5 \n Amount of pixels between the label and the callout separator. \n \n \n position \n string \n 'auto' \n The position of callout, with respect to the label. Could be left , top , right , bottom or auto . \n \n \n side \n number \n 5 \n Width of the starter line of callout pointer. \n \n \n start \n number | string \n '50%' \n The percentage of the separator dimension to use as starting point for callout pointer. Could be set in pixel by a number, or in percentage of the separator dimension by a string. \n Arrow heads \n Namespace: options.annotations[annotationID].arrowHeads , it defines options for the line annotation arrow heads. \n All of these options can be Scriptable \n \n \n \n Name \n Type \n Notes \n \n \n \n \n end \n object \n To configure the arrow head at the end of the line. \n \n \n start \n object \n To configure the arrow head at the start of the line. \n Arrow head configuration \n Enabling it, you can add arrow heads at start and/or end of a line. It uses the borderWidth of the line options to configure the line width of the arrow head. \n The following options can be specified per ( start and/or end ) arrow head, or at the top level ( arrowHeads ) which apply to all arrow heads. \n All of these options can be Scriptable \n \n \n \n Name \n Type \n Default \n Notes \n \n \n \n \n backgroundColor \n Color \n lineAnnotation.borderColor \n Background color of the arrow head. \n \n \n backgroundShadowColor \n Color \n 'transparent' \n The color of shadow of the arrow head. See MDN . \n \n \n borderColor \n Color \n lineAnnotation.borderColor \n The border arrow head color. \n \n \n borderDash \n number[] \n lineAnnotation.borderDash \n Length and spacing of dashes. See MDN . \n \n \n borderDashOffset \n number \n lineAnnotation.borderDashOffset \n Offset for border arrow head dashes. See MDN . \n \n \n borderShadowColor \n Color \n lineAnnotation.borderShadowColor \n The color of border shadow of the arrow head. See MDN . \n \n \n borderWidth \n number \n lineAnnotation.borderWidth \n The border line width (in pixels). \n \n \n display \n boolean \n false \n Whether or not the arrow head is shown. \n \n \n fill \n boolean \n false \n Whether or not the arrow head is filled. \n \n \n length \n number \n 12 \n The length of the arrow head in pixels. \n \n \n shadowBlur \n number \n lineAnnotation.shadowBlur \n The amount of blur applied to shadow of the arrow head. See MDN . \n \n \n shadowOffsetX \n number \n lineAnnotation.shadowOffsetX \n The distance that shadow, of the arrow head, will be offset horizontally. See MDN . \n \n \n shadowOffsetY \n number \n lineAnnotation.shadowOffsetY \n The distance that shadow, of the arrow head, will be offset vertically. See MDN . \n \n \n width \n number \n 6 \n The width of the arrow head in pixels. \n Element \n The following diagram is showing the element properties about a 'line' annotation: \n \n The label of a box annotation is described as a label annotation and accessible by element.label . \n"},{title:"Point Annotations",frontmatter:{},regularPath:"/guide/types/point.html",relativePath:"guide/types/point.md",key:"v-90c1ce06",path:"/guide/types/point.html",headers:[{level:2,title:"Configuration",slug:"configuration"},{level:3,title:"Point annotation specific options",slug:"point-annotation-specific-options"},{level:3,title:"Common options to all annotations",slug:"common-options-to-all-annotations"},{level:3,title:"General",slug:"general"},{level:3,title:"Styling",slug:"styling"},{level:2,title:"Element",slug:"element"}],lastUpdated:"9/20/2024, 12:31:58 PM",lastUpdatedTimestamp:1726835518e3,content:" Point Annotations \n Point annotations are used to mark points on the chart area. This can be useful for highlighting values that are of interest. \n */\nconst options = {\n plugins: {\n annotation: {\n annotations: {\n point1: {\n type: 'point',\n xValue: 1,\n yValue: 60,\n backgroundColor: 'rgba(255, 99, 132, 0.25)'\n }\n }\n }\n }\n};\n/* */\n\n/* */\nconst config = {\n type: 'line',\n data: {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\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 options\n};\n/* */\n\nmodule.exports = {\n config\n};\n`\"/> # Configuration \n Point annotation specific options \n The following options are available for point annotations. \n \n \n \n Name \n Type \n Scriptable \n Default \n \n \n \n \n backgroundShadowColor \n Color \n Yes \n 'transparent' \n \n \n borderWidth \n number \n Yes \n 1 \n \n \n pointStyle \n PointStyle \n Yes \n 'circle' \n \n \n radius \n number \n Yes \n 10 \n \n \n rotation \n number \n Yes \n 0 \n \n \n xAdjust \n number \n Yes \n 0 \n \n \n xValue \n number | string \n Yes \n undefined \n \n \n yAdjust \n number \n Yes \n 0 \n \n \n yValue \n number | string \n Yes \n undefined \n Common options to all annotations \n The following options are available for all annotations. \n \n \n \n Name \n Type \n Scriptable \n Default \n \n \n \n \n adjustScaleRange \n boolean \n Yes \n true \n \n \n backgroundColor \n Color \n Yes \n options.color \n \n \n borderColor \n Color \n Yes \n options.color \n \n \n borderDash \n number[] \n Yes \n [] \n \n \n borderDashOffset \n number \n Yes \n 0 \n \n \n borderShadowColor \n Color \n Yes \n 'transparent' \n \n \n display \n boolean \n Yes \n true \n \n \n drawTime \n string | number \n Yes \n 'afterDatasetsDraw' \n \n \n hitTolerance \n number \n Yes \n 0 \n \n \n init \n boolean \n See initial animation \n undefined \n \n \n id \n string \n No \n undefined \n \n \n shadowBlur \n number \n Yes \n 0 \n \n \n shadowOffsetX \n number \n Yes \n 0 \n \n \n shadowOffsetY \n number \n Yes \n 0 \n \n \n xMax \n number | string \n Yes \n undefined \n \n \n xMin \n number | string \n Yes \n undefined \n \n \n xScaleID \n string \n Yes \n undefined \n \n \n yMin \n number | string \n Yes \n undefined \n \n \n yMax \n number | string \n Yes \n undefined \n \n \n yScaleID \n string \n Yes \n undefined \n \n \n z \n number \n Yes \n 0 \n General \n If one of the axes does not match an axis in the chart, the point annotation will take the center of the chart as point. The 2 coordinates, xValue, yValue are optional. If not specified, the point annotation will take the center of the scale dimension as point. \n The 4 coordinates, xMin, xMax, yMin, yMax are optional. If not specified, the box is expanded out to the edges in the respective direction and the box size is used to calculated the center of the point. To enable to use the box positioning, the radius must be set to 0 or NaN . \n \n \n \n Name \n Description \n \n \n \n \n adjustScaleRange \n Should the scale range be adjusted if this annotation is out of range. \n \n \n display \n Whether or not this annotation is visible. \n \n \n drawTime \n See drawTime . \n \n \n hitTolerance \n Amount of pixels to interact with annotations within some distance of the mouse point. \n \n \n id \n Identifies a unique id for the annotation and it will be stored in the element context. When the annotations are defined by an object, the id is automatically set using the key used to store the annotations in the object. When the annotations are configured by an array, the id, passed by this option in the annotation, will be used. \n \n \n radius \n Size of the point in pixels. \n \n \n rotation \n Rotation of point, in degrees. \n \n \n xAdjust \n Adjustment along x-axis (left-right) of point relative to computed position. Negative values move the point left, positive right. \n \n \n xMax \n Right edge of the box in units along the x axis. \n \n \n xMin \n Left edge of the box in units along the x axis. \n \n \n xScaleID \n ID of the X scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as 'x' axis. If more than one scale has been defined in the chart as 'x' axis, the option is mandatory to select the right scale. \n \n \n xValue \n X coordinate of the point in units along the x axis. \n \n \n yAdjust \n Adjustment along y-axis (top-bottom) of point relative to computed position. Negative values move the point up, positive down. \n \n \n yMax \n Bottom edge of the box in units along the y axis. \n \n \n yMin \n Top edge of the box in units along the y axis. \n \n \n yScaleID \n ID of the Y scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as 'y' axis. If more than one scale has been defined in the chart as 'y' axis, the option is mandatory to select the right scale. \n \n \n yValue \n Y coordinate of the point in units along the y axis. \n \n \n z \n The z property determines the drawing stack level of the point annotation element. All visible elements will be drawn in ascending order of z option, with the same drawTime option. \n Styling \n \n \n \n Name \n Description \n \n \n \n \n backgroundColor \n Fill color. \n \n \n backgroundShadowColor \n The color of shadow. See MDN . \n \n \n borderColor \n Stroke color. \n \n \n borderDash \n Length and spacing of dashes. See MDN . \n \n \n borderDashOffset \n Offset for line dashes. See MDN . \n \n \n borderShadowColor \n The color of border shadow. See MDN . \n \n \n borderWidth \n Stroke width. \n \n \n pointStyle \n Style of the point. \n \n \n shadowBlur \n The amount of blur applied to shadow. See MDN . \n \n \n shadowOffsetX \n The distance that shadow will be offset horizontally. See MDN . \n \n \n shadowOffsetY \n The distance that shadow will be offset vertically. See MDN . \n Element \n The following diagram is showing the element properties about a 'point' annotation: \n \n"},{title:"Polygon Annotations",frontmatter:{},regularPath:"/guide/types/polygon.html",relativePath:"guide/types/polygon.md",key:"v-33db82fd",path:"/guide/types/polygon.html",headers:[{level:2,title:"Configuration",slug:"configuration"},{level:3,title:"Polygon annotation specific options",slug:"polygon-annotation-specific-options"},{level:3,title:"Common options to all annotations",slug:"common-options-to-all-annotations"},{level:3,title:"General",slug:"general"},{level:3,title:"Styling",slug:"styling"},{level:3,title:"Point",slug:"point"},{level:2,title:"Element",slug:"element"}],lastUpdated:"9/20/2024, 12:31:58 PM",lastUpdatedTimestamp:1726835518e3,content:" Polygon Annotations \n Polygon annotations are used to mark whatever polygon (for instance triangle, square or pentagon) on the chart area. This can be useful for highlighting values that are of interest. \n */\nconst options = {\n plugins: {\n annotation: {\n annotations: {\n pentagon: {\n type: 'polygon',\n xValue: 1,\n yValue: 60,\n sides: 5,\n radius: 60,\n backgroundColor: 'rgba(255, 99, 132, 0.25)'\n }\n }\n }\n }\n};\n/* */\n\n/* */\nconst config = {\n type: 'line',\n data: {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\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 options\n};\n/* */\n\nmodule.exports = {\n config\n};\n`\"/> # Configuration \n Polygon annotation specific options \n The following options are available for polygon annotations. \n \n \n \n Name \n Type \n Scriptable \n Default \n \n \n \n \n backgroundShadowColor \n Color \n Yes \n 'transparent' \n \n \n borderCapStyle \n string \n Yes \n 'butt' \n \n \n borderJoinStyle \n string \n Yes \n 'miter' \n \n \n borderWidth \n number \n Yes \n 1 \n \n \n point \n object \n Yes \n {radius: 0} \n \n \n radius \n number \n Yes \n 10 \n \n \n rotation \n number \n Yes \n 0 \n \n \n sides \n number \n Yes \n 3 \n \n \n xAdjust \n number \n Yes \n 0 \n \n \n xValue \n number | string \n Yes \n undefined \n \n \n yAdjust \n number \n Yes \n 0 \n \n \n yValue \n number | string \n Yes \n undefined \n Common options to all annotations \n The following options are available for all annotations. \n \n \n \n Name \n Type \n Scriptable \n Default \n \n \n \n \n adjustScaleRange \n boolean \n Yes \n true \n \n \n backgroundColor \n Color \n Yes \n options.color \n \n \n borderColor \n Color \n Yes \n options.color \n \n \n borderDash \n number[] \n Yes \n [] \n \n \n borderDashOffset \n number \n Yes \n 0 \n \n \n borderShadowColor \n Color \n Yes \n 'transparent' \n \n \n display \n boolean \n Yes \n true \n \n \n drawTime \n string | number \n Yes \n 'afterDatasetsDraw' \n \n \n hitTolerance \n number \n Yes \n 0 \n \n \n init \n boolean \n See initial animation \n undefined \n \n \n id \n string \n No \n undefined \n \n \n shadowBlur \n number \n Yes \n 0 \n \n \n shadowOffsetX \n number \n Yes \n 0 \n \n \n shadowOffsetY \n number \n Yes \n 0 \n \n \n xMax \n number | string \n Yes \n undefined \n \n \n xMin \n number | string \n Yes \n undefined \n \n \n xScaleID \n string \n Yes \n undefined \n \n \n yMin \n number | string \n Yes \n undefined \n \n \n yMax \n number | string \n Yes \n undefined \n \n \n yScaleID \n string \n Yes \n undefined \n \n \n z \n number \n Yes \n 0 \n General \n If one of the axes does not match an axis in the chart, the polygon annotation will take the center of the chart as point. The 2 coordinates, xValue, yValue are optional. If not specified, the polygon annotation will take the center of the scale dimension. \n The 4 coordinates, xMin, xMax, yMin, yMax are optional. If not specified, the box is expanded out to the edges in the respective direction and the box size is used to calculated the center of the point. To enable to use the box positioning, the radius must be set to 0 or NaN . \n \n \n \n Name \n Description \n \n \n \n \n adjustScaleRange \n Should the scale range be adjusted if this annotation is out of range. \n \n \n display \n Whether or not this annotation is visible. \n \n \n drawTime \n See drawTime . \n \n \n hitTolerance \n Amount of pixels to interact with annotations within some distance of the mouse point. \n \n \n id \n Identifies a unique id for the annotation and it will be stored in the element context. When the annotations are defined by an object, the id is automatically set using the key used to store the annotations in the object. When the annotations are configured by an array, the id, passed by this option in the annotation, will be used. \n \n \n radius \n Size of the polygon in pixels. \n \n \n rotation \n Rotation of polygon, in degrees. \n \n \n sides \n Amount of sides of polygon. \n \n \n xAdjust \n Adjustment along x-axis (left-right) of polygon relative to computed position. Negative values move the polygon left, positive right. \n \n \n xMax \n Right edge of the box in units along the x axis. \n \n \n xMin \n Left edge of the box in units along the x axis. \n \n \n xScaleID \n ID of the X scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as 'x' axis. If more than one scale has been defined in the chart as 'x' axis, the option is mandatory to select the right scale. \n \n \n xValue \n X coordinate of the polygon in units along the x axis. \n \n \n yAdjust \n Adjustment along y-axis (top-bottom) of polygon relative to computed position. Negative values move the polygon up, positive down. \n \n \n yMax \n Bottom edge of the box in units along the y axis. \n \n \n yMin \n Top edge of the box in units along the y axis. \n \n \n yScaleID \n ID of the Y scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as 'y' axis. If more than one scale has been defined in the chart as 'y' axis, the option is mandatory to select the right scale. \n \n \n yValue \n Y coordinate of the polygon in units along the y axis. \n \n \n z \n The z property determines the drawing stack level of the polygon annotation element. All visible elements will be drawn in ascending order of z option, with the same drawTime option. \n Styling \n \n \n \n Name \n Description \n \n \n \n \n backgroundColor \n Fill color. \n \n \n backgroundShadowColor \n The color of shadow. See MDN . \n \n \n borderColor \n Stroke color. \n \n \n borderCapStyle \n Cap style of the border of polygon. See MDN . \n \n \n borderDash \n Length and spacing of dashes. See MDN . \n \n \n borderDashOffset \n Offset for line dashes. See MDN . \n \n \n borderJoinStyle \n Border line join style. See MDN . \n \n \n borderShadowColor \n The color of the border shadow. See MDN . \n \n \n borderWidth \n Stroke width. \n \n \n shadowBlur \n The amount of blur applied to shadow. See MDN . \n \n \n shadowOffsetX \n The distance that shadow will be offset horizontally. See MDN . \n \n \n shadowOffsetY \n The distance that shadow will be offset vertically. See MDN . \n Point \n Polygon consists of points. These points are actually Point Annotations and all of the styling options can be configured. General options affecting the location of the point are ignored. \n Namespace: options.annotations[annotationID].point , it defines options for the callout on the annotation label. \n */\nconst options = {\n plugins: {\n annotation: {\n annotations: {\n pentagon: {\n type: 'polygon',\n xValue: 1,\n yValue: 60,\n sides: 4,\n radius: 60,\n backgroundColor: 'rgba(255, 99, 132, 0.25)',\n point: {\n radius: 10,\n borderWidth: 2,\n borderColor: '#666',\n backgroundColor: 'rgba(99, 132, 255, 0.25)',\n }\n }\n }\n }\n }\n};\n/* */\n\n/* */\nconst config = {\n type: 'line',\n data: {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\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 options\n};\n/* */\n\nmodule.exports = {\n config\n};\n`\"/> # Element \n The following diagram is showing the element properties about a 'polygon' annotation: \n \n"},{title:"Usage",frontmatter:{},regularPath:"/guide/usage.html",relativePath:"guide/usage.md",key:"v-942110c6",path:"/guide/usage.html",lastUpdated:"9/20/2024, 12:31:58 PM",lastUpdatedTimestamp:1726835518e3,content:" Usage \n Using the annotation plugin is very simple. Once the plugin is registered annotation options provided to the chart will be used. In this simple example, we define a single box annotation for our chart. \n */\nconst config = {\n type: 'line',\n data: {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\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 options: {\n plugins: {\n annotation: {\n annotations: {\n box1: {\n // Indicates the type of annotation\n type: 'box',\n xMin: 1,\n xMax: 2,\n yMin: 50,\n yMax: 70,\n backgroundColor: 'rgba(255, 99, 132, 0.25)'\n }\n }\n }\n }\n }\n};\n/* */\n\nmodule.exports = {\n config\n};\n`\"/>"},{title:"Home",frontmatter:{home:!0,heroImage:"/hero.svg",actionText:"Get Started →",actionLink:"/guide/",footer:"MIT Licensed | Copyright © 2016-2023 chartjs-plugin-annotation contributors"},regularPath:"/",relativePath:"index.md",key:"v-ebb19754",path:"/",lastUpdated:"9/20/2024, 12:31:58 PM",lastUpdatedTimestamp:1726835518e3,content:""},{title:"Using canvas as labels",frontmatter:{},regularPath:"/samples/box/canvas.html",relativePath:"samples/box/canvas.md",key:"v-43e4cf76",path:"/samples/box/canvas.html",lastUpdated:"9/20/2024, 12:31:58 PM",lastUpdatedTimestamp:1726835518e3,content:" Using canvas as labels \n \nconst DATA_COUNT = 12;\nconst MIN = 10;\nconst MAX = 100;\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'box',\n backgroundColor: 'rgba(165, 214, 167, 0.2)',\n borderWidth: 0,\n xMax: 2,\n xMin: 5,\n label: {\n display: true,\n content: Utils.getSpiral(),\n position: {\n x: 'center',\n y: 'start'\n }\n }\n};\n// \n\n// \nconst annotation2 = {\n type: 'box',\n backgroundColor: 'rgba(188, 170, 164, 0.2)',\n borderWidth: 0,\n xMax: 6,\n xMin: 10,\n label: {\n display: true,\n content: Utils.getHouse(),\n position: {\n x: 'center',\n y: 'end'\n }\n }\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n y: {\n beginAtZero: true,\n }\n },\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config\n};\n`\"/>"},{title:"Basic",frontmatter:{},regularPath:"/samples/box/basic.html",relativePath:"samples/box/basic.md",key:"v-54f14cdd",path:"/samples/box/basic.html",lastUpdated:"9/20/2024, 12:31:58 PM",lastUpdatedTimestamp:1726835518e3,content:" Basic \n \nconst DATA_COUNT = 8;\nconst MIN = [0, 50];\nconst MAX = [50, 100];\n\nUtils.srand(8);\n\nconst data = {\n datasets: [{\n data: Utils.points({count: DATA_COUNT, min: MIN[0], max: MAX[0]})\n }, {\n data: Utils.points({count: DATA_COUNT, min: MIN[1], max: MAX[1]})\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'box',\n backgroundColor: 'rgba(0, 150, 0, 0.02)',\n borderColor: 'rgba(0, 150, 0, 0.2)',\n borderRadius: 4,\n borderWidth: 1,\n xMax: (ctx) => max(ctx, 0, 'x') + 2,\n xMin: (ctx) => min(ctx, 0, 'x') - 2,\n yMax: (ctx) => max(ctx, 0, 'y') + 2,\n yMin: (ctx) => min(ctx, 0, 'y') - 2\n};\n// \n\n// \nconst annotation2 = {\n type: 'box',\n backgroundColor: 'rgba(150, 0, 0, 0.02)',\n borderColor: 'rgba(150, 0, 0, 0.2)',\n borderRadius: 4,\n borderWidth: 1,\n xMax: (ctx) => max(ctx, 1, 'x') + 2,\n xMin: (ctx) => min(ctx, 1, 'x') - 2,\n yMax: (ctx) => max(ctx, 1, 'y') + 2,\n yMin: (ctx) => min(ctx, 1, 'y') - 2\n};\n// \n\n/* */\nconst config = {\n type: 'scatter',\n data,\n options: {\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction min(ctx, datasetIndex, prop) {\n const dataset = ctx.chart.data.datasets[datasetIndex];\n return dataset.data.reduce((v, point) => Math.min(point[prop], v), Infinity);\n}\n\nfunction max(ctx, datasetIndex, prop) {\n const dataset = ctx.chart.data.datasets[datasetIndex];\n return dataset.data.reduce((v, point) => Math.max(point[prop], v), -Infinity);\n}\n\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.forEach(p => {\n p.x = Utils.rand(MIN[i], MAX[i]);\n p.y = Utils.rand(MIN[i], MAX[i]);\n });\n });\n chart.update();\n }\n },\n {\n name: 'Add data',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.push({x: Utils.rand(MIN[i], MAX[i]), y: Utils.rand(MIN[i], MAX[i])});\n });\n chart.update();\n }\n },\n {\n name: 'Remove data',\n handler: function(chart) {\n chart.data.labels.shift();\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.shift();\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Disclosure",frontmatter:{},regularPath:"/samples/box/disclosure.html",relativePath:"samples/box/disclosure.md",key:"v-366650ca",path:"/samples/box/disclosure.html",lastUpdated:"9/20/2024, 12:31:58 PM",lastUpdatedTimestamp:1726835518e3,content:" Disclosure \n \nconst DATA_COUNT = 12;\nconst MIN = 10;\nconst MAX = 100;\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation = {\n type: 'box',\n backgroundColor: 'transparent',\n borderWidth: 0,\n label: {\n drawTime: 'afterDatasetsDraw',\n display: true,\n color: 'rgba(208, 208, 208, 0.2)',\n content: 'Draft',\n font: {\n size: (ctx) => ctx.chart.chartArea.height / 1.5\n },\n position: 'center'\n }\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n plugins: {\n annotation: {\n annotations: {\n annotation\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Magic quadrant",frontmatter:{},regularPath:"/samples/box/gradient.html",relativePath:"samples/box/gradient.md",key:"v-fac884d6",path:"/samples/box/gradient.html",lastUpdated:"9/20/2024, 12:31:58 PM",lastUpdatedTimestamp:1726835518e3,content:" Magic quadrant \n \nconst META = [[\n {color: 'rgb(255, 174, 201)', backgroundColor: 'rgba(255, 174, 201, 0.5)', label: 'Niche players'},\n {color: 'rgb(159, 168, 218)', backgroundColor: 'rgba(159, 168, 218, 0.5)', label: 'Visionaries'},\n], [\n {color: 'rgb(255, 245, 157)', backgroundColor: 'rgba(255, 245, 157, 0.5)', label: 'Challengers'},\n {color: 'rgb(165, 214, 167)', backgroundColor: 'rgba(165, 214, 167, 0.5)', label: 'Leaders'},\n]];\nconst DATA_COUNT = 12;\nconst MIN = 0.5;\nconst MAX = 9.5;\n\nconst data = {\n datasets: [{\n data: randomize(),\n pointRadius: 8\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'box',\n backgroundColor: (ctx) => gradient(ctx, META[1][0].backgroundColor),\n xMax: 5,\n yMin: 5,\n label: {\n content: META[1][0].label,\n position: {\n x: 'start',\n y: 'start'\n }\n }\n};\n// \n\n// \nconst annotation2 = {\n type: 'box',\n backgroundColor: (ctx) => gradient(ctx, META[1][1].backgroundColor, true),\n xMin: 5,\n yMin: 5,\n label: {\n content: META[1][1].label,\n position: {\n x: 'end',\n y: 'start'\n }\n }\n};\n// \n\n// \nconst annotation3 = {\n type: 'box',\n backgroundColor: (ctx) => gradient(ctx, META[0][0].backgroundColor),\n xMax: 5,\n yMax: 5,\n label: {\n content: META[0][0].label,\n position: {\n x: 'start',\n y: 'end'\n }\n }\n};\n// \n\n// \nconst annotation4 = {\n type: 'box',\n backgroundColor: (ctx) => gradient(ctx, META[0][1].backgroundColor, true),\n xMin: 5,\n yMax: 5,\n label: {\n content: META[0][1].label,\n position: {\n x: 'end',\n y: 'end'\n }\n }\n};\n// \n\n// \nfunction randomize() {\n const xValues = Utils.numbers({count: DATA_COUNT, min: MIN, max: MAX});\n const yValues = Utils.numbers({count: DATA_COUNT, min: MIN, max: MAX});\n const values = [];\n for (let i = 0; i \n\n/* */\nconst config = {\n type: 'scatter',\n data,\n options: {\n layout: {\n padding: {\n top: 12\n }\n },\n elements: {\n boxAnnotation: {\n borderWidth: 0,\n label: {\n drawTime: 'beforeDatasetsDraw',\n display: true,\n font: {\n size: 20\n }\n }\n }\n },\n scales: {\n x: {\n beginAtZero: true,\n max: 10,\n min: 0,\n grid: {\n drawTicks: false,\n color: gridColor\n },\n ticks: {\n display: false\n },\n title: {\n display: true,\n text: 'Completeness of vision',\n padding: 10,\n font: {\n size: 20,\n weight: 'bold'\n }\n }\n },\n y: {\n display: true,\n beginAtZero: true,\n max: 10,\n min: 0,\n grid: {\n drawTicks: false,\n color: gridColor\n },\n ticks: {\n display: false\n },\n title: {\n display: true,\n text: 'Ability to execute',\n padding: 10,\n font: {\n size: 20,\n weight: 'bold'\n }\n }\n }\n },\n plugins: {\n annotation: {\n common: {\n drawTime: 'beforeDraw'\n },\n annotations: {\n annotation1,\n annotation2,\n annotation3,\n annotation4\n }\n },\n tooltip: {\n mode: 'nearest',\n intersect: true,\n usePointStyle: true,\n footerAlign: 'right',\n footerColor: 'lightGray',\n footerMarginTop: 10,\n callbacks: {\n title: (items) => items[0].raw.co,\n labelColor({raw}) {\n const x = raw.x > 5 ? 1 : 0;\n const y = raw.y > 5 ? 1 : 0;\n return {\n borderColor: META[y][x].color,\n backgroundColor: META[y][x].backgroundColor,\n borderWidth: 3\n };\n },\n label({raw}) {\n const x = raw.x > 5 ? 1 : 0;\n const y = raw.y > 5 ? 1 : 0;\n return META[y][x].label;\n },\n footer(items) {\n const {raw} = items[0];\n return ['Completeness of vision: ' + raw.x.toFixed(2), 'Ability to execute: ' + raw.y.toFixed(2)];\n }\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n const values = randomize();\n dataset.data.forEach((p, idx) => {\n const v = values[idx];\n p.x = v.x;\n p.y = v.y;\n p.co = v.co;\n });\n });\n chart.update();\n }\n },\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Using images as labels",frontmatter:{},regularPath:"/samples/box/image.html",relativePath:"samples/box/image.md",key:"v-f46f9a86",path:"/samples/box/image.html",lastUpdated:"9/20/2024, 12:31:58 PM",lastUpdatedTimestamp:1726835518e3,content:" Using images as labels \n \nconst DATA_COUNT = 12;\nconst MIN = 10;\nconst MAX = 100;\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation = {\n type: 'box',\n backgroundColor: 'rgba(0, 0, 0, 0.2)',\n borderWidth: 1,\n borderColor: '#F27173',\n yMin: 30,\n yMax: 80,\n xMax: 2,\n xMin: 5,\n label: {\n display: true,\n content: Utils.getImage(),\n width: 150,\n height: 150,\n position: 'center'\n }\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n y: {\n beginAtZero: true\n }\n },\n plugins: {\n annotation: {\n annotations: {\n annotation\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config\n};\n`\"/>"},{title:"Initial animations",frontmatter:{},regularPath:"/samples/box/initAnim.html",relativePath:"samples/box/initAnim.md",key:"v-b3a5649a",path:"/samples/box/initAnim.html",lastUpdated:"9/20/2024, 12:31:58 PM",lastUpdatedTimestamp:1726835518e3,content:" Initial animations \n \nconst DATA_COUNT = 12;\nconst MIN = 10;\nconst MAX = 100;\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'box',\n backgroundColor: 'rgba(0, 150, 0, 0.2)',\n borderColor: 'rgba(0, 150, 0)',\n borderRadius: 4,\n borderWidth: 1,\n init: true,\n label: {\n display: true,\n content: 'Fade'\n },\n xMax: 6.5,\n xMin: 4.5,\n yMax: 60,\n yMin: 40\n};\n// \n\n// \nconst annotation2 = {\n type: 'box',\n backgroundColor: 'rgba(0, 150, 0, 0.2)',\n borderColor: 'rgba(0, 150, 0)',\n borderRadius: 4,\n borderWidth: 1,\n init: () => ({y: 0, y2: 0}),\n label: {\n display: true,\n content: 'Flyin from top'\n },\n xMax: 2.5,\n xMin: 0.5,\n yMax: 30,\n yMin: 10\n};\n// \n\n// \nconst annotation3 = {\n type: 'box',\n backgroundColor: 'rgba(0, 150, 0, 0.2)',\n borderColor: 'rgba(0, 150, 0)',\n borderRadius: 4,\n borderWidth: 1,\n init: () => ({x: 0, x2: 0}),\n label: {\n display: true,\n content: 'Flyin from left'\n },\n xMax: 10.5,\n xMin: 8.5,\n yMax: 90,\n yMin: 70\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n y: {\n beginAtZero: true,\n max: 100,\n min: 0\n }\n },\n plugins: {\n annotation: {\n common: {\n drawTime: 'afterDraw'\n },\n annotations: {\n annotation1,\n annotation2,\n annotation3\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Yearly quarters",frontmatter:{},regularPath:"/samples/box/quarters.html",relativePath:"samples/box/quarters.md",key:"v-a827b1b2",path:"/samples/box/quarters.html",lastUpdated:"9/20/2024, 12:31:58 PM",lastUpdatedTimestamp:1726835518e3,content:" Yearly quarters \n \nconst DATA_COUNT = 12;\nconst MIN = 10;\nconst MAX = 100;\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'box',\n backgroundColor: 'rgba(255, 245, 157, 0.2)',\n borderWidth: 0,\n xMax: 2.5,\n xMin: -0.5,\n label: {\n drawTime: 'afterDraw',\n display: true,\n content: 'First quarter',\n position: {\n x: 'center',\n y: 'start'\n }\n }\n};\n// \n\n// \nconst annotation2 = {\n type: 'box',\n backgroundColor: 'rgba(188, 170, 164, 0.2)',\n borderWidth: 0,\n xMax: 5.5,\n xMin: 2.5,\n label: {\n drawTime: 'afterDraw',\n display: true,\n content: 'Second quarter',\n position: {\n x: 'center',\n y: 'start'\n }\n }\n};\n// \n\n// \nconst annotation3 = {\n type: 'box',\n backgroundColor: 'rgba(165, 214, 167, 0.2)',\n borderWidth: 0,\n xMax: 8.5,\n xMin: 5.5,\n label: {\n drawTime: 'afterDraw',\n display: true,\n content: 'Third quarter',\n position: {\n x: 'center',\n y: 'start'\n }\n }\n};\n// \n\n// \nconst annotation4 = {\n type: 'box',\n backgroundColor: 'rgba(159, 168, 218, 0.2)',\n borderWidth: 0,\n xMin: 8.5,\n label: {\n drawTime: 'afterDraw',\n display: true,\n content: 'Fourth quarter',\n position: {\n x: 'center',\n y: 'start'\n }\n }\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n y: {\n beginAtZero: true,\n max: 120,\n min: 0\n }\n },\n plugins: {\n annotation: {\n common: {\n drawTime: 'beforeDraw'\n },\n annotations: {\n annotation1,\n annotation2,\n annotation3,\n annotation4\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Bar Chart",frontmatter:{},regularPath:"/samples/charts/bar.html",relativePath:"samples/charts/bar.md",key:"v-f0a8046a",path:"/samples/charts/bar.html",lastUpdated:"9/20/2024, 12:31:58 PM",lastUpdatedTimestamp:1726835518e3,content:" Bar Chart \n \nconst DATA_COUNT = 8;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(8);\n\nconst labels = [];\nfor (let i = 0; i \n\n// \nconst annotation1 = {\n type: 'line',\n scaleID: 'x',\n borderWidth: 3,\n borderColor: 'black',\n value: 0.5,\n label: {\n content: 'Line annotation at x=0.5',\n display: true\n },\n};\n// \n\n// \nconst annotation2 = {\n type: 'line',\n scaleID: 'x',\n borderWidth: 3,\n borderColor: 'black',\n value: 'Label 5',\n label: {\n rotation: 'auto',\n position: 'start',\n backgroundColor: 'black',\n content: 'Line at x=Label 5',\n display: true\n }\n};\n// \n\n// \nconst annotation3 = {\n type: 'box',\n xMin: 2.5,\n xMax: 3.5,\n yMin: 0,\n yMax: 100,\n backgroundColor: 'rgba(250, 250, 0, 0.4)',\n borderColor: 'rgba(0, 150, 0, 0.2)',\n drawTime: 'beforeDatasetsDraw',\n borderWidth: 0,\n borderRadius: 0,\n};\n// \n\n\n/* */\nconst config = {\n type: 'bar',\n data,\n options: {\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2,\n annotation3\n }\n }\n },\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n\n chart.update();\n }\n },\n {\n name: 'Add data',\n handler: function(chart) {\n chart.data.labels.push('Label ' + chart.data.labels.length);\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.push(Utils.rand(MIN, MAX));\n });\n\n chart.update();\n }\n },\n {\n name: 'Remove data',\n handler: function(chart) {\n chart.data.labels.shift();\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.shift();\n });\n\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Line Chart",frontmatter:{},regularPath:"/samples/charts/line.html",relativePath:"samples/charts/line.md",key:"v-1ac7de46",path:"/samples/charts/line.html",lastUpdated:"9/20/2024, 12:31:58 PM",lastUpdatedTimestamp:1726835518e3,content:" Line Chart \n \nconst DATA_COUNT = 8;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(8);\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: [10, 20, 30, 40, 50, 60, 70, 80],\n datasets: [{\n data: Utils.numbers(numberCfg),\n }, {\n data: Utils.numbers(numberCfg),\n }, {\n data: Utils.numbers(numberCfg),\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'line',\n scaleID: 'x',\n borderWidth: 3,\n borderColor: 'black',\n value: 5,\n label: {\n rotation: 'auto',\n content: 'Line at x=5',\n display: true\n },\n};\n// \n\n// \nconst annotation2 = {\n type: 'line',\n scaleID: 'x',\n borderWidth: 3,\n borderColor: 'black',\n value: 90,\n label: {\n rotation: 'auto',\n position: 'start',\n backgroundColor: 'black',\n content: 'Line at x=90',\n display: true\n }\n};\n// \n\n// \nconst annotation3 = {\n type: 'box',\n xMin: 75,\n xMax: 85,\n yMin: 80,\n yMax: 90,\n backgroundColor: 'rgba(250, 250, 0, 0.4)',\n borderColor: 'rgba(0, 150, 0, 0.2)',\n drawTime: 'beforeDatasetsDraw',\n borderWidth: 0,\n borderRadius: 0,\n};\n// \n\n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n x: {\n type: 'linear',\n bounds: 'data'\n }\n },\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2,\n annotation3\n }\n }\n },\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Zoom out',\n handler: function(chart) {\n chart.scales.x.options.min = 0;\n chart.scales.x.options.max = 100;\n chart.update();\n }\n },\n {\n name: 'Zoom in',\n handler: function(chart) {\n chart.scales.x.options.min = 10;\n chart.scales.x.options.max = 80;\n chart.update();\n }\n },\n {\n name: 'Reset zoom',\n handler: function(chart) {\n chart.scales.x.options.min = undefined;\n chart.scales.x.options.max = undefined;\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Basic",frontmatter:{},regularPath:"/samples/ellipse/basic.html",relativePath:"samples/ellipse/basic.md",key:"v-2215247d",path:"/samples/ellipse/basic.html",lastUpdated:"9/20/2024, 12:31:58 PM",lastUpdatedTimestamp:1726835518e3,content:" Basic \n \nconst DATA_COUNT = 8;\nconst MIN = [0, 50];\nconst MAX = [50, 100];\n\nUtils.srand(8);\n\nconst data = {\n datasets: [{\n data: Utils.points({count: DATA_COUNT, min: MIN[0], max: MAX[0]})\n }, {\n data: Utils.points({count: DATA_COUNT, min: MIN[1], max: MAX[1]})\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'ellipse',\n backgroundColor: 'rgba(0, 150, 0, 0.02)',\n borderColor: 'rgba(0, 150, 0, 0.2)',\n borderWidth: 1,\n xMax: (ctx) => max(ctx, 0, 'x') + 10,\n xMin: (ctx) => min(ctx, 0, 'x') - 10,\n yMax: (ctx) => max(ctx, 0, 'y') + 10,\n yMin: (ctx) => min(ctx, 0, 'y') - 10\n};\n// \n\n// \nconst annotation2 = {\n type: 'ellipse',\n backgroundColor: 'rgba(150, 0, 0, 0.02)',\n borderColor: 'rgba(150, 0, 0, 0.2)',\n borderWidth: 1,\n xMax: (ctx) => max(ctx, 1, 'x') + 10,\n xMin: (ctx) => min(ctx, 1, 'x') - 10,\n yMax: (ctx) => max(ctx, 1, 'y') + 10,\n yMin: (ctx) => min(ctx, 1, 'y') - 10\n};\n// \n\n/* */\nconst config = {\n type: 'scatter',\n data,\n options: {\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction min(ctx, datasetIndex, prop) {\n const dataset = ctx.chart.data.datasets[datasetIndex];\n return dataset.data.reduce((v, point) => Math.min(point[prop], v), Infinity);\n}\n\nfunction max(ctx, datasetIndex, prop) {\n const dataset = ctx.chart.data.datasets[datasetIndex];\n return dataset.data.reduce((v, point) => Math.max(point[prop], v), -Infinity);\n}\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.forEach(p => {\n p.x = Utils.rand(MIN[i], MAX[i]);\n p.y = Utils.rand(MIN[i], MAX[i]);\n });\n });\n chart.update();\n }\n },\n {\n name: 'Add data',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.push({x: Utils.rand(MIN[i], MAX[i]), y: Utils.rand(MIN[i], MAX[i])});\n });\n chart.update();\n }\n },\n {\n name: 'Remove data',\n handler: function(chart) {\n chart.data.labels.shift();\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.shift();\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Labeling",frontmatter:{},regularPath:"/samples/ellipse/label.html",relativePath:"samples/ellipse/label.md",key:"v-475451bd",path:"/samples/ellipse/label.html",lastUpdated:"9/20/2024, 12:31:58 PM",lastUpdatedTimestamp:1726835518e3,content:" Labeling \n \nconst DATA_COUNT = 12;\nconst MIN = 10;\nconst MAX = 100;\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation = {\n type: 'ellipse',\n backgroundColor: 'rgba(208, 208, 208, 0.2)',\n borderWidth: 0,\n label: {\n drawTime: 'afterDatasetsDraw',\n display: true,\n color: 'rgba(208, 208, 208, 0.6)',\n content: 'whole year',\n font: {\n size: (ctx) => ctx.chart.chartArea.height / 4\n },\n position: {\n x: 'center',\n y: 'end'\n }\n }\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n plugins: {\n annotation: {\n annotations: {\n annotation\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Rotation",frontmatter:{},regularPath:"/samples/ellipse/rotation.html",relativePath:"samples/ellipse/rotation.md",key:"v-14c8b49f",path:"/samples/ellipse/rotation.html",lastUpdated:"9/20/2024, 12:31:58 PM",lastUpdatedTimestamp:1726835518e3,content:" Rotation \n \nconst DATA_COUNT = 8;\nconst MIN = [25, 65];\nconst MAX = [35, 75];\n\nUtils.srand(8);\n\nconst data = {\n datasets: [{\n data: Utils.points({count: DATA_COUNT, min: MIN[0], max: MAX[0]})\n }, {\n data: Utils.points({count: DATA_COUNT, min: MIN[1], max: MAX[1]})\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'ellipse',\n backgroundColor: 'rgba(0, 150, 0, 0.02)',\n borderColor: 'rgba(0, 150, 0, 0.2)',\n borderWidth: 1,\n rotation: 90,\n xMax: (ctx) => max(ctx, 0, 'x') + 10,\n xMin: (ctx) => min(ctx, 0, 'x') - 10,\n yMax: (ctx) => max(ctx, 0, 'y') + 10,\n yMin: (ctx) => min(ctx, 0, 'y') - 10\n};\n// \n\n// \nconst annotation2 = {\n type: 'ellipse',\n backgroundColor: 'rgba(150, 0, 0, 0.02)',\n borderColor: 'rgba(150, 0, 0, 0.2)',\n borderWidth: 1,\n rotation: 90,\n xMax: (ctx) => max(ctx, 1, 'x') + 10,\n xMin: (ctx) => min(ctx, 1, 'x') - 10,\n yMax: (ctx) => max(ctx, 1, 'y') + 10,\n yMin: (ctx) => min(ctx, 1, 'y') - 10\n};\n// \n\n/* */\nconst config = {\n type: 'scatter',\n data,\n options: {\n scales: {\n x: {\n beginAtZero: true,\n max: 100,\n min: 0\n },\n y: {\n beginAtZero: true,\n max: 100,\n min: 0\n }\n },\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction min(ctx, datasetIndex, prop) {\n const dataset = ctx.chart.data.datasets[datasetIndex];\n return dataset.data.reduce((v, point) => Math.min(point[prop], v), Infinity);\n}\n\nfunction max(ctx, datasetIndex, prop) {\n const dataset = ctx.chart.data.datasets[datasetIndex];\n return dataset.data.reduce((v, point) => Math.max(point[prop], v), -Infinity);\n}\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.forEach(p => {\n p.x = Utils.rand(MIN[i], MAX[i]);\n p.y = Utils.rand(MIN[i], MAX[i]);\n });\n });\n chart.update();\n }\n },\n {\n name: 'Add data',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.push({x: Utils.rand(MIN[i], MAX[i]), y: Utils.rand(MIN[i], MAX[i])});\n });\n chart.update();\n }\n },\n {\n name: 'Remove data',\n handler: function(chart) {\n chart.data.labels.shift();\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.shift();\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Using images as labels",frontmatter:{},regularPath:"/samples/ellipse/image.html",relativePath:"samples/ellipse/image.md",key:"v-06766846",path:"/samples/ellipse/image.html",lastUpdated:"9/20/2024, 12:31:58 PM",lastUpdatedTimestamp:1726835518e3,content:" Using images as labels \n \nconst DATA_COUNT = 12;\nconst MIN = 10;\nconst MAX = 100;\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation = {\n type: 'ellipse',\n backgroundColor: 'rgba(0, 0, 0, 0.2)',\n borderWidth: 1,\n borderColor: '#F27173',\n yMin: 30,\n yMax: 80,\n xMax: 2,\n xMin: 5,\n label: {\n display: true,\n content: Utils.getImage(),\n width: 150,\n height: 150,\n position: 'center'\n }\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n y: {\n beginAtZero: true\n }\n },\n plugins: {\n annotation: {\n annotations: {\n annotation\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config\n};\n`\"/>"},{title:"Dragging annotations",frontmatter:{},regularPath:"/samples/interaction/dragging.html",relativePath:"samples/interaction/dragging.md",key:"v-de7917b6",path:"/samples/interaction/dragging.html",lastUpdated:"9/20/2024, 12:31:58 PM",lastUpdatedTimestamp:1726835518e3,content:" Dragging annotations \n \nUtils.srand(8);\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\n datasets: [{\n type: 'line',\n label: 'Dataset 1',\n borderColor: 'rgb(54, 162, 235)',\n borderWidth: 2,\n fill: false,\n data: Utils.numbers({count: 7, min: 0, max: 100}),\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'box',\n backgroundColor: 'rgba(165, 214, 167, 0.2)',\n borderColor: 'rgb(165, 214, 167)',\n borderWidth: 2,\n label: {\n display: true,\n content: ['Box annotation', 'to drag'],\n textAlign: 'center'\n },\n xMax: 'May',\n xMin: 'April',\n xScaleID: 'x',\n yMax: 75,\n yMin: 25,\n yScaleID: 'y'\n};\n// \n\n// \nconst annotation2 = {\n type: 'label',\n backgroundColor: 'rgba(255, 99, 132, 0.25)',\n borderWidth: 3,\n borderColor: 'black',\n content: ['Label annotation', 'to drag'],\n callout: {\n display: true,\n borderColor: 'black',\n },\n xValue: 1,\n yValue: 40\n};\n// \n\n// \nconst annotation3 = {\n type: 'point',\n backgroundColor: 'rgba(0, 255, 255, 0.4)',\n borderWidth: 2,\n borderColor: 'black',\n radius: 20,\n xValue: 'March',\n yValue: 50\n};\n// \n\n// \nconst annotation4 = {\n type: 'polygon',\n backgroundColor: 'rgba(150, 0, 0, 0.25)',\n borderWidth: 2,\n borderColor: 'black',\n radius: 50,\n sides: 6,\n xValue: 'June',\n yValue: 20\n};\n// \n\n// \nlet element;\nlet lastEvent;\n\nconst drag = function(moveX, moveY) {\n element.x += moveX;\n element.y += moveY;\n element.x2 += moveX;\n element.y2 += moveY;\n element.centerX += moveX;\n element.centerY += moveY;\n if (element.elements && element.elements.length) {\n for (const subEl of element.elements) {\n subEl.x += moveX;\n subEl.y += moveY;\n subEl.x2 += moveX;\n subEl.y2 += moveY;\n subEl.centerX += moveX;\n subEl.centerY += moveY;\n subEl.bX += moveX;\n subEl.bY += moveY;\n }\n }\n};\n\nconst handleElementDragging = function(event) {\n if (!lastEvent || !element) {\n return;\n }\n const moveX = event.x - lastEvent.x;\n const moveY = event.y - lastEvent.y;\n drag(moveX, moveY);\n lastEvent = event;\n return true;\n};\n\nconst handleDrag = function(event) {\n if (element) {\n switch (event.type) {\n case 'mousemove':\n return handleElementDragging(event);\n case 'mouseout':\n case 'mouseup':\n lastEvent = undefined;\n break;\n case 'mousedown':\n lastEvent = event;\n break;\n default:\n }\n }\n};\n// \n\n// \nconst dragger = {\n id: 'dragger',\n beforeEvent(chart, args, options) {\n if (handleDrag(args.event)) {\n args.changed = true;\n return;\n }\n }\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n plugins: [dragger],\n data,\n options: {\n events: ['mousedown', 'mouseup', 'mousemove', 'mouseout'],\n scales: {\n y: {\n beginAtZero: true,\n min: 0,\n max: 100\n }\n },\n plugins: {\n annotation: {\n enter(ctx) {\n element = ctx.element;\n },\n leave() {\n element = undefined;\n lastEvent = undefined;\n },\n annotations: {\n annotation1,\n annotation2,\n annotation3,\n annotation4\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Reset dragging',\n handler: function(chart) {\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Interaction",frontmatter:{},regularPath:"/samples/interaction/interaction.html",relativePath:"samples/interaction/interaction.md",key:"v-0f11953d",path:"/samples/interaction/interaction.html",lastUpdated:"9/20/2024, 12:31:58 PM",lastUpdatedTimestamp:1726835518e3,content:" Interaction \n \nconst AXIS = ['xy', 'x', 'y'];\nconst MODE = ['nearest', 'point', 'x', 'y'];\n\nlet axisIndex = 0;\nlet modeIndex = 0;\n\nUtils.srand(8);\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\n datasets: [{\n type: 'line',\n label: 'Dataset 1',\n borderColor: 'rgb(54, 162, 235)',\n borderWidth: 2,\n fill: false,\n data: Utils.numbers({count: 7, min: 0, max: 100}),\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'box',\n backgroundColor: 'rgba(255, 245, 157, 0.2)',\n borderColor: 'rgb(255, 245, 157)',\n borderWidth: 2,\n enter: function({element}) {\n console.log(element.label.options.content + ' entered');\n element.label.options.font.size = 14;\n return true;\n },\n click: function({element}) {\n console.log(element.label.options.content + ' clicked');\n },\n leave: function({element}) {\n console.log(element.label.options.content + ' left');\n element.label.options.font.size = 12;\n return true;\n },\n label: {\n display: true,\n content: 'Outer box annotation',\n position: {\n y: 'start'\n },\n font: {\n size: 12\n }\n },\n xMax: 'June',\n xMin: 'February',\n xScaleID: 'x',\n yMax: 90,\n yMin: 10,\n yScaleID: 'y'\n};\n// \n\n// \nconst annotation2 = {\n type: 'box',\n backgroundColor: 'rgba(165, 214, 167, 0.2)',\n borderColor: 'rgb(165, 214, 167)',\n borderWidth: 2,\n enter: function({element}) {\n console.log(element.label.options.content + ' entered');\n element.label.options.font.size = 14;\n return true;\n },\n click: function({element}) {\n console.log(element.label.options.content + ' clicked');\n },\n leave: function({element}) {\n console.log(element.label.options.content + ' left');\n element.label.options.font.size = 12;\n return true;\n },\n label: {\n display: true,\n content: 'Inner box annotation',\n position: {\n y: 'start'\n },\n font: {\n size: 12\n }\n },\n xMax: 'May',\n xMin: 'March',\n xScaleID: 'x',\n yMax: 75,\n yMin: 25,\n yScaleID: 'y'\n};\n// \n\n// \nfunction getTitle({chart}) {\n const options = chart.options.plugins.annotation.interaction;\n const mode = options.mode || 'nearest';\n const axis = options.axis || 'xy';\n const intersect = !!options.intersect;\n return 'Mode: ' + mode + ', axis: ' + axis + ', intersect: ' + intersect;\n}\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n y: {\n beginAtZero: true,\n min: 0,\n max: 100\n }\n },\n plugins: {\n title: {\n display: true,\n text: getTitle,\n position: 'bottom',\n font: {\n size: 14\n }\n },\n annotation: {\n annotations: {\n annotation1,\n annotation2\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Change mode',\n handler: function(chart) {\n const options = chart.options.plugins.annotation.interaction;\n modeIndex++;\n if (modeIndex > MODE.length) {\n modeIndex = 0;\n }\n options.mode = MODE[modeIndex];\n chart.update();\n }\n },\n {\n name: 'Change axis',\n handler: function(chart) {\n const options = chart.options.plugins.annotation.interaction;\n axisIndex++;\n if (axisIndex > AXIS.length) {\n axisIndex = 0;\n }\n options.axis = AXIS[axisIndex];\n chart.update();\n }\n },\n {\n name: 'Toogle intersect',\n handler: function(chart) {\n const options = chart.options.plugins.annotation.interaction;\n options.intersect = !options.intersect;\n chart.update();\n }\n },\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n output: 'console.log output is shown here, click one of the annotations'\n};\n`\"/>"},{title:"Cartesian plane",frontmatter:{},regularPath:"/samples/interaction/cartesianplane.html",relativePath:"samples/interaction/cartesianplane.md",key:"v-532157ca",path:"/samples/interaction/cartesianplane.html",lastUpdated:"9/20/2024, 12:31:58 PM",lastUpdatedTimestamp:1726835518e3,content:" Cartesian plane \n \nlet rect;\nconst MIN = -10;\nconst MAX = 10;\n// \n\n// \nconst yAxis = {\n type: 'line',\n value: 0,\n scaleID: 'x',\n borderColor: 'lightGray',\n afterDraw({chart, element}) {\n const scale = chart.scales.y;\n const labelItems = scale.getLabelItems().filter((item) => Number.isInteger(parseFloat(item.label)));\n drawTicks(chart, scale, {\n labelItems,\n align: 'right',\n xy: (translation) => ({x: element.x - scale.options.ticks.padding, y: translation[1]})\n });\n }\n};\nconst xAxis = {\n type: 'line',\n value: 0,\n scaleID: 'y',\n borderColor: 'lightGray',\n afterDraw({chart, element}) {\n const scale = chart.scales.x;\n const labelItems = scale.getLabelItems().filter((item) => Number.isInteger(parseFloat(item.label)) && parseFloat(item.label) !== 0);\n drawTicks(chart, scale, {\n labelItems,\n baseline: 'top',\n xy: (translation) => ({x: translation[0], y: element.y2 + scale.options.ticks.padding})\n });\n }\n};\n// \n\n// \nconst box = {\n type: 'box',\n display: () => !!rect,\n backgroundColor: 'rgba(255, 174, 201, 0.2)',\n borderColor: 'red',\n borderDash: [4, 4],\n xMin: () => rect ? rect.left : undefined,\n xMax: () => rect ? rect.right : undefined,\n yMin: () => rect ? rect.bottom : undefined,\n yMax: () => rect ? rect.top : undefined,\n z: -1\n};\nconst A = {\n type: 'label',\n content: 'A',\n position: {\n x: 'end',\n y: 'end'\n },\n xValue: () => rect ? rect.left : undefined,\n yValue: () => rect ? rect.top : undefined\n};\nconst B = {\n type: 'label',\n content: 'B',\n position: {\n x: 'start',\n y: 'end'\n },\n xValue: () => rect ? rect.right : undefined,\n yValue: () => rect ? rect.top : undefined\n};\nconst C = {\n type: 'label',\n content: 'C',\n position: {\n x: 'end',\n y: 'start'\n },\n xValue: () => rect ? rect.left : undefined,\n yValue: () => rect ? rect.bottom : undefined\n};\nconst D = {\n type: 'label',\n content: 'D',\n position: {\n x: 'start',\n y: 'start'\n },\n xValue: () => rect ? rect.right : undefined,\n yValue: () => rect ? rect.bottom : undefined\n};\n// \n\n// \nconst summary = {\n type: 'label',\n display: () => !!rect,\n drawTime: 'afterDraw',\n backgroundColor: 'white',\n borderColor: 'silver',\n borderWidth: 1,\n borderRadius: 6,\n content() {\n if (rect) {\n const result = [];\n result.push('A: (' + rect.left.toFixed(2) + ', ' + rect.top.toFixed(2) + ')');\n result.push('B: (' + rect.right.toFixed(2) + ', ' + rect.top.toFixed(2) + ')');\n result.push('C: (' + rect.left.toFixed(2) + ', ' + rect.bottom.toFixed(2) + ')');\n result.push('D: (' + rect.right.toFixed(2) + ', ' + rect.bottom.toFixed(2) + ')');\n const AB = Math.abs(rect.right - rect.left);\n const AC = Math.abs(rect.bottom - rect.top);\n result.push('AB = CD = ' + AB.toFixed(2));\n result.push('AC = BD = ' + AC.toFixed(2));\n result.push('AD = BC = ' + Math.sqrt(Math.pow(AB, 2) + Math.pow(AC, 2)).toFixed(2));\n result.push('Perimeter = ' + ((AB + AC) * 2).toFixed(2));\n result.push('Area = ' + (AB * AC).toFixed(2));\n return result;\n }\n },\n font: {\n size: 12,\n family: 'Courier'\n },\n padding: 5,\n position: {\n x: () => rect && rect.left rect && rect.top rect && rect.left rect && rect.left rect && rect.top \n\n// \nfunction calculateBox(e, chart) {\n const xValue = chart.scales.x.getValueForPixel(e.x);\n const yValue = chart.scales.y.getValueForPixel(e.y);\n return {\n left: xValue > 0 ? 0 : xValue,\n right: xValue > 0 ? xValue : 0,\n top: yValue > 0 ? yValue : 0,\n bottom: yValue > 0 ? 0 : yValue\n };\n}\n\nfunction drawTicks(chart, scale, {labelItems, align, baseline, xy}) {\n const ctx = chart.ctx;\n ctx.save();\n ctx.beginPath();\n for (const item of labelItems) {\n const {font, label, options} = item;\n const {textAlign, textBaseline, translation} = options;\n const point = xy(translation);\n ctx.beginPath();\n ctx.font = font.string;\n ctx.textAlign = align || textAlign;\n ctx.textBaseline = baseline || textBaseline;\n ctx.fillStyle = 'silver';\n ctx.fillText(parseFloat(label).toFixed(0), point.x, point.y);\n ctx.fill();\n }\n ctx.restore();\n}\n// \n\n/* */\nconst config = {\n type: 'scatter',\n options: {\n layout: {\n padding: {\n top: 20,\n left: 20,\n right: 20\n }\n },\n onClick(e, elements, chart) {\n rect = calculateBox(e, chart);\n chart.update();\n },\n elements: {\n labelAnnotation: {\n display: () => !!rect,\n borderWidth: 0,\n padding: 0,\n font: {\n size: 20,\n style: 'oblique'\n }\n }\n },\n scales: {\n x: {\n min: MIN,\n max: MAX,\n grid: {\n drawTicks: false\n },\n ticks: {\n display: false,\n stepSize: 0.5\n }\n },\n y: {\n min: MIN,\n max: MAX,\n grid: {\n drawTicks: false\n },\n ticks: {\n display: false,\n stepSize: 0.5\n }\n }\n },\n plugins: {\n annotation: {\n clip: false,\n common: {\n drawTime: 'beforeDraw'\n },\n annotations: {\n xAxis,\n yAxis,\n box,\n A, B, C, D,\n summary\n }\n },\n title: {\n display: true,\n text: 'Click on the chart to set the point to build the rectangle',\n position: 'bottom',\n padding: {\n top: 16,\n bottom: 0\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Reset',\n handler: function(chart) {\n rect = undefined;\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Selecting annotations",frontmatter:{},regularPath:"/samples/interaction/selection.html",relativePath:"samples/interaction/selection.md",key:"v-8f774586",path:"/samples/interaction/selection.html",lastUpdated:"9/20/2024, 12:31:58 PM",lastUpdatedTimestamp:1726835518e3,content:" Selecting annotations \n \nlet count = 0;\nconst selected = [];\n\nUtils.srand(8);\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\n datasets: [{\n type: 'line',\n label: 'Dataset 1',\n borderColor: 'rgb(54, 162, 235)',\n borderWidth: 2,\n fill: false,\n data: Utils.numbers({count: 7, min: 0, max: 100}),\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'box',\n backgroundColor: 'rgba(255, 245, 157, 0.2)',\n borderColor: 'rgb(255, 245, 157)',\n borderWidth: 2,\n click: ({element}) => select(element, 'rgba(255, 245, 157, 0.8)', 'rgba(255, 245, 157, 0.2)'),\n label: {\n display: true,\n content: 'Yellow box annotation',\n position: {\n y: 'start'\n },\n font: {\n size: 12\n }\n },\n xMax: 'April',\n xMin: 'February',\n xScaleID: 'x',\n yMax: 90,\n yMin: 10,\n yScaleID: 'y'\n};\n// \n\n// \nconst annotation2 = {\n type: 'box',\n backgroundColor: 'rgba(165, 214, 167, 0.2)',\n borderColor: 'rgb(165, 214, 167)',\n borderWidth: 2,\n click: ({element}) => select(element, 'rgba(165, 214, 167, 0.8)', 'rgba(165, 214, 167, 0.2)'),\n label: {\n display: true,\n content: 'Green box annotation',\n position: {\n y: 'start'\n },\n font: {\n size: 12\n }\n },\n xMax: 'May',\n xMin: 'March',\n xScaleID: 'x',\n yMax: 75,\n yMin: 25,\n yScaleID: 'y'\n};\n// \n\n// \nfunction enter({chart, element}) {\n console.log(element.label.options.content + ' entered');\n if (!count) {\n chart.canvas.style.cursor = 'pointer';\n }\n count++;\n}\n\nfunction leave({chart, element}) {\n console.log(element.label.options.content + ' left');\n count--;\n if (!count) {\n chart.canvas.style.cursor = 'default';\n }\n}\n\nfunction select(element, selectedColor, unselectedColor) {\n console.log(element.label.options.content + ' selected');\n if (selected.includes(element)) {\n selected.splice(selected.indexOf(element), 1);\n element.options.backgroundColor = unselectedColor;\n element.label.options.font.size = 12;\n } else {\n selected.push(element);\n element.options.backgroundColor = selectedColor;\n element.label.options.font.size = 14;\n }\n return true;\n}\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n y: {\n beginAtZero: true,\n min: 0,\n max: 100\n }\n },\n plugins: {\n annotation: {\n enter: enter,\n leave: leave,\n common: {\n drawTime: 'beforeDraw'\n },\n annotations: {\n annotation1,\n annotation2\n }\n }\n }\n }\n};\n/* */\n\nmodule.exports = {\n config: config,\n output: 'console.log output is shown here, click one of the annotations'\n};\n`\"/>"},{title:"Intro",frontmatter:{},regularPath:"/samples/intro.html",relativePath:"samples/intro.md",key:"v-4f17a19d",path:"/samples/intro.html",lastUpdated:"9/20/2024, 12:31:58 PM",lastUpdatedTimestamp:1726835518e3,content:" Intro \n \nUtils.srand(8);\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\n datasets: [{\n type: 'line',\n label: 'Dataset 1',\n borderColor: 'rgb(54, 162, 235)',\n borderWidth: 2,\n fill: false,\n data: Utils.numbers({count: 7, min: -100, max: 100}),\n }, {\n type: 'bar',\n label: 'Dataset 2',\n backgroundColor: 'rgb(255, 99, 132)',\n data: Utils.numbers({count: 7, min: -100, max: 100}),\n borderColor: 'white',\n borderWidth: 2\n }, {\n type: 'bar',\n label: 'Dataset 3',\n backgroundColor: 'rgb(75, 192, 192)',\n data: Utils.numbers({count: 7, min: -100, max: 100}),\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'line',\n borderColor: 'black',\n borderWidth: 5,\n click: function({chart, element}) {\n console.log('Line annotation clicked');\n },\n label: {\n backgroundColor: 'red',\n content: 'Test Label',\n display: true\n },\n scaleID: 'y',\n value: Utils.rand(-100, 100)\n};\n// \n\n// \nconst annotation2 = {\n type: 'box',\n backgroundColor: 'rgba(101, 33, 171, 0.5)',\n borderColor: 'rgb(101, 33, 171)',\n borderWidth: 1,\n click: function({chart, element}) {\n console.log('Box annotation clicked');\n },\n drawTime: 'beforeDatasetsDraw',\n xMax: 'April',\n xMin: 'February',\n xScaleID: 'x',\n yMax: Utils.rand(-100, 100),\n yMin: Utils.rand(-100, 100),\n yScaleID: 'y'\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = Utils.numbers({count: 7, min: -100, max: 100});\n });\n chart.update();\n }\n },\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n output: 'console.log output is shown here, click one of the annotations'\n};\n`\"/>"},{title:"Auto scaling",frontmatter:{},regularPath:"/samples/label/autoscaling.html",relativePath:"samples/label/autoscaling.md",key:"v-ffcf4406",path:"/samples/label/autoscaling.html",lastUpdated:"9/20/2024, 12:31:58 PM",lastUpdatedTimestamp:1726835518e3,content:" Auto scaling \n \n \nconst uniqueId = new Date().getTime();\n\nconst DATA_COUNT = 12;\nconst MIN = 0;\nconst MAX = 100;\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation = {\n type: 'label',\n backgroundColor: 'whiteSmoke',\n borderColor: 'lightGray',\n borderRadius: 6,\n content: ['Annotation', 'to resize'],\n drawTime: 'afterDraw',\n borderWidth: (ctx) => autoScaling(ctx, 'borderWidth', 2),\n font: (ctx) => autoScaling(ctx, 'font', 48),\n padding: (ctx) => autoScaling(ctx, 'padding', 6),\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n _sampleId: uniqueId,\n plugins: {\n annotation: {\n annotations: {\n annotation\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction autoScaling(ctx, option, origValue) {\n const {chart} = ctx;\n const {width, height} = chart.chartArea;\n const hypo = Math.sqrt(Math.pow(width, 2) + Math.pow(height, 2));\n let size, value;\n if (!ctx.size) {\n ctx.size = size = hypo;\n value = origValue;\n } else {\n size = ctx.size;\n value = hypo / size * origValue;\n }\n if (option === 'font') {\n return {size: value};\n }\n return value;\n}\n// \n\n// \nlet originalArea;\ndocument.getElementById('update').addEventListener('input', update);\n\nfunction update() {\n const ratio = +document.querySelector('input[type=range]').value / 100;\n const chart = Object.values(Chart.instances).find(c => c.options._sampleId === uniqueId);\n if (!originalArea) {\n originalArea = chart.chartArea;\n }\n const w = originalArea.width * ratio;\n const h = originalArea.height * ratio;\n chart.resize(w, h);\n}\n// \n\nmodule.exports = {\n config: config\n};\n`\"/>"},{title:"Basic",frontmatter:{},regularPath:"/samples/label/basic.html",relativePath:"samples/label/basic.md",key:"v-ed85c306",path:"/samples/label/basic.html",lastUpdated:"9/20/2024, 12:31:58 PM",lastUpdatedTimestamp:1726835518e3,content:" Basic \n \nconst DATA_COUNT = 12;\nconst MIN = 0;\nconst MAX = 100;\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'label',\n borderColor: (ctx) => ctx.chart.data.datasets[0].backgroundColor,\n borderRadius: 6,\n borderWidth: 1,\n content: ['March', 'annotated'],\n position: {\n x: 'center',\n y: 'end'\n },\n xValue: 'March',\n yValue: (ctx) => yValue(ctx, 'March')\n};\n// \n\n// \nconst annotation2 = {\n type: 'label',\n borderColor: (ctx) => ctx.chart.data.datasets[0].backgroundColor,\n borderRadius: 6,\n borderWidth: 1,\n content: ['June', 'annotated'],\n position: {\n x: 'center',\n y: 'end'\n },\n xValue: 'June',\n yValue: (ctx) => yValue(ctx, 'June')\n};\n// \n\n// \nconst annotation3 = {\n type: 'label',\n borderColor: (ctx) => ctx.chart.data.datasets[0].backgroundColor,\n borderRadius: 6,\n borderWidth: 1,\n content: ['October', 'annotated'],\n position: {\n x: 'center',\n y: 'end'\n },\n xValue: 'October',\n yValue: (ctx) => yValue(ctx, 'October')\n};\n// \n\n/* */\nconst config = {\n type: 'bar',\n data,\n options: {\n scales: {\n y: {\n beginAtZero: true,\n max: 120,\n min: 0\n }\n },\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2,\n annotation3\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction yValue(ctx, label) {\n const chart = ctx.chart;\n const dataset = chart.data.datasets[0];\n return dataset.data[chart.data.labels.indexOf(label)];\n}\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Callout",frontmatter:{},regularPath:"/samples/label/callout.html",relativePath:"samples/label/callout.md",key:"v-188d5d06",path:"/samples/label/callout.html",lastUpdated:"9/20/2024, 12:31:58 PM",lastUpdatedTimestamp:1726835518e3,content:" Callout \n \nconst DATA_COUNT = 12;\nconst MIN = 0;\nconst MAX = 100;\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation = {\n type: 'label',\n backgroundColor: 'rgba(245, 245, 245)',\n callout: {\n display: true,\n borderColor: (ctx) => ctx.chart.data.datasets[0].borderColor\n },\n content: (ctx) => 'Maximum value is ' + maxValue(ctx).toFixed(2),\n font: {\n size: 16\n },\n position: {\n x: (ctx) => maxIndex(ctx) = 10 ? 'end' : 'center',\n y: 'center'\n },\n xAdjust: (ctx) => maxIndex(ctx) = 10 ? -60 : 0,\n xValue: (ctx) => maxLabel(ctx),\n yAdjust: -60,\n yValue: (ctx) => maxValue(ctx)\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n y: {\n beginAtZero: true,\n max: 140,\n min: 0\n }\n },\n plugins: {\n annotation: {\n annotations: {\n annotation\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction maxValue(ctx) {\n const values = ctx.chart.data.datasets[0].data;\n return Math.max(...values);\n}\n\nfunction maxIndex(ctx) {\n const max = maxValue(ctx);\n const dataset = ctx.chart.data.datasets[0];\n return dataset.data.indexOf(max);\n}\n\nfunction maxLabel(ctx) {\n return ctx.chart.data.labels[maxIndex(ctx)];\n}\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Using canvas as content",frontmatter:{},regularPath:"/samples/label/canvas.html",relativePath:"samples/label/canvas.md",key:"v-79f854d2",path:"/samples/label/canvas.html",lastUpdated:"9/20/2024, 12:31:58 PM",lastUpdatedTimestamp:1726835518e3,content:" Using canvas as content \n \nconst DATA_COUNT = 12;\nconst MIN = 0;\nconst MAX = 100;\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'label',\n content: Utils.getHouse(),\n xValue: 9,\n yValue: 30\n};\n// \n\n// \nconst annotation2 = {\n type: 'label',\n content: Utils.getSpiral(),\n xValue: 2,\n yValue: 50\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n y: {\n beginAtZero: true,\n }\n },\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config\n};\n`\"/>"},{title:"Fonts and colors",frontmatter:{},regularPath:"/samples/label/fontsColors.html",relativePath:"samples/label/fontsColors.md",key:"v-a53ecf06",path:"/samples/label/fontsColors.html",lastUpdated:"9/20/2024, 12:31:58 PM",lastUpdatedTimestamp:1726835518e3,content:" Fonts and colors \n \nconst DATA_COUNT = 12;\nconst MIN = 0;\nconst MAX = 100;\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'label',\n backgroundColor: 'rgba(0,0,0,0.2)',\n borderRadius: 6,\n borderWidth: 0,\n callout: {\n display: true\n },\n color: ['black,', 'black', 'green'],\n content: ['March', 'is', 'annotated'],\n font: [{size: 16, weight: 'bold'}, {family: 'courier'}],\n position: {\n x: 'center',\n y: 'end'\n },\n xValue: 'March',\n yAdjust: (ctx) => yOffset(ctx, 'March'),\n yValue: (ctx) => yValue(ctx, 'March')\n};\n// \n\n// \nconst annotation2 = {\n type: 'label',\n backgroundColor: 'rgba(0,0,0,0.2)',\n borderRadius: 6,\n borderWidth: 0,\n callout: {\n display: true\n },\n color: ['black,', 'black', 'green'],\n content: ['June', 'is', 'annotated'],\n font: [{size: 16, weight: 'bold'}, {family: 'courier'}],\n position: {\n x: 'center',\n y: 'end'\n },\n xValue: 'June',\n yAdjust: (ctx) => yOffset(ctx, 'June'),\n yValue: (ctx) => yValue(ctx, 'June')\n};\n// \n\n// \nconst annotation3 = {\n type: 'label',\n backgroundColor: 'rgba(0,0,0,0.2)',\n borderRadius: 6,\n borderWidth: 0,\n callout: {\n display: true\n },\n color: ['black,', 'black', 'green'],\n content: ['October', 'is', 'annotated'],\n font: [{size: 16, weight: 'bold'}, {family: 'courier'}],\n position: {\n x: 'center',\n y: 'end'\n },\n xValue: 'October',\n yAdjust: (ctx) => yOffset(ctx, 'October'),\n yValue: (ctx) => yValue(ctx, 'October')\n};\n// \n\n// \nfunction yValue(ctx, label) {\n const chart = ctx.chart;\n const dataset = chart.data.datasets[0];\n return dataset.data[chart.data.labels.indexOf(label)];\n}\n\nfunction yOffset(ctx, label) {\n const value = yValue(ctx, label);\n const chart = ctx.chart;\n const scale = chart.scales.y;\n const y = scale.getPixelForValue(value);\n const lblPos = scale.getPixelForValue(100);\n return lblPos - y - 5;\n}\n\n// \n\n/* */\nconst config = {\n type: 'bar',\n data,\n options: {\n scales: {\n y: {\n beginAtZero: true,\n max: 130,\n min: 0,\n grid: {\n color: (ctx)=> ctx.tick.value value > 100 ? '' : value\n }\n }\n },\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2,\n annotation3\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Using images as content",frontmatter:{},regularPath:"/samples/label/image.html",relativePath:"samples/label/image.md",key:"v-224dfd1d",path:"/samples/label/image.html",lastUpdated:"9/20/2024, 12:31:58 PM",lastUpdatedTimestamp:1726835518e3,content:" Using images as content \n \nconst DATA_COUNT = 12;\nconst MIN = 0;\nconst MAX = 100;\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'label',\n drawTime: 'afterDraw',\n content: Utils.getImage(),\n width: 100,\n height: 100,\n xValue: 4,\n yValue: 30,\n xAdjust: 150,\n yAdjust: -150,\n borderWidth: 1,\n borderDash: [6, 6],\n callout: {\n display: true,\n position: 'left'\n }\n};\n// \n\n// \nconst annotation2 = {\n type: 'point',\n drawTime: 'afterDraw',\n xValue: 4,\n yValue: 30,\n radius: 10\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n y: {\n beginAtZero: true,\n }\n },\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config\n};\n`\"/>"},{title:"Lower and upper bounds labels",frontmatter:{},regularPath:"/samples/label/lowerUpper.html",relativePath:"samples/label/lowerUpper.md",key:"v-4dd91745",path:"/samples/label/lowerUpper.html",lastUpdated:"9/20/2024, 12:31:58 PM",lastUpdatedTimestamp:1726835518e3,content:" Lower and upper bounds labels \n \nconst DATA_COUNT = 8;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(8);\n\nconst labels = [];\nfor (let i = 0; i \n\n// \nconst annotation1 = {\n type: 'label',\n content: (ctx) => 'Lower bound: ' + minValue(ctx).toFixed(3),\n position: {\n x: 'start',\n y: 'end'\n },\n xScaleID: 'x',\n xValue: 2,\n yScaleID: 'y',\n yValue: minValue\n};\n// \n\n// \nconst annotation2 = {\n type: 'label',\n content: (ctx) => 'Upper bound: ' + maxValue(ctx).toFixed(3),\n position: {\n x: 'start',\n y: 'start'\n },\n xScaleID: 'x',\n xValue: 2,\n yScaleID: 'y',\n yValue: maxValue\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n y: {\n stacked: true\n }\n },\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction minValue(ctx) {\n const dataset = ctx.chart.data.datasets[0];\n const min = dataset.data.reduce((max, point) => Math.min(point, max), Infinity);\n return isFinite(min) ? min : 0;\n}\n\nfunction maxValue(ctx) {\n const datasets = ctx.chart.data.datasets;\n const count = datasets[0].data.length;\n let max = 0;\n for (let i = 0; i \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Add data',\n handler: function(chart) {\n chart.data.labels.push(chart.data.labels.length);\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.push(Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Remove data',\n handler: function(chart) {\n chart.data.labels.shift();\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.shift();\n });\n chart.update();\n }\n },\n {\n name: 'Cycle x-position',\n handler: function(chart) {\n const annotations = chart.options.plugins.annotation.annotations;\n if (annotations.annotation1.position.x === 'start') {\n annotations.annotation1.position.x = 'end';\n annotations.annotation2.position.x = 'end';\n } else if (annotations.annotation1.position.x === 'center') {\n annotations.annotation1.position.x = 'start';\n annotations.annotation2.position.x = 'start';\n } else {\n annotations.annotation1.position.x = 'center';\n annotations.annotation2.position.x = 'center';\n }\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Inner chart",frontmatter:{},regularPath:"/samples/label/innerChart.html",relativePath:"samples/label/innerChart.md",key:"v-e1c46312",path:"/samples/label/innerChart.html",lastUpdated:"9/20/2024, 12:31:58 PM",lastUpdatedTimestamp:1726835518e3,content:" Inner chart \n \nconst DATA_COUNT = 12;\nconst MIN = 0;\nconst MAX = 100;\n\nconst innerChart = Utils.getChart();\nconst innerDataset = innerChart.data.datasets[0];\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg),\n borderColor: innerDataset.backgroundColor[0],\n backgroundColor: 'transparent'\n }, {\n data: Utils.numbers(numberCfg),\n borderColor: innerDataset.backgroundColor[1],\n backgroundColor: 'transparent',\n hidden: true\n }, {\n data: Utils.numbers(numberCfg),\n borderColor: innerDataset.backgroundColor[2],\n backgroundColor: 'transparent',\n hidden: true\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'label',\n content: innerChart.canvas,\n xValue: 1,\n yValue: 135,\n enter: (ctx) => setCursor(ctx, 'pointer'),\n leave: (ctx) => setCursor(ctx, 'default'),\n click: clickOnInnerChart\n};\n// \n\n// \nconst annotation2 = {\n type: 'label',\n content: (ctx) => [innerChart.data.labels[getVisibleDatasetIndex(ctx)],\n 'items trend'],\n callout: {\n display: true,\n position: 'bottom',\n margin: 0\n },\n font: {\n size: 16\n },\n backgroundColor: 'white',\n borderWidth: 1,\n xAdjust: -60,\n xValue: (ctx) => point(ctx).x,\n yAdjust: -60,\n yValue: (ctx) => point(ctx).y\n};\n// \n\n// \nconst annotation3 = {\n type: 'label',\n content: ['Click on a slice of the pie chart', 'to see the data in the main chart'],\n color: 'rgba(0, 0, 0, 0.5)',\n xValue: 3.2,\n yValue: 150,\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n y: {\n beginAtZero: true,\n min: 0,\n max: 160\n }\n },\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2,\n annotation3\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction clickOnInnerChart(ctx, event) {\n event.x = event.x - ctx.element.x;\n event.y = event.y - ctx.element.y;\n const elements = innerChart.getElementsAtEventForMode(event, 'point', {}, true);\n if (elements.length) {\n const first = elements[0];\n ctx.chart.setDatasetVisibility(getVisibleDatasetIndex(ctx), false);\n ctx.chart.show(first.index);\n }\n}\n\nfunction getVisibleDatasetIndex(ctx) {\n const chart = ctx.chart;\n for (let i = 0; i i > dataset.data.length - 4);\n const y = Math.max(...values);\n const x = dataset.data.lastIndexOf(y);\n return {x, y};\n}\n\nfunction setCursor(ctx, type) {\n ctx.chart.canvas.style.cursor = type;\n}\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n innerChart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n innerChart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config\n};\n`\"/>"},{title:"Point",frontmatter:{},regularPath:"/samples/label/point.html",relativePath:"samples/label/point.md",key:"v-5cbaa4bd",path:"/samples/label/point.html",lastUpdated:"9/20/2024, 12:31:58 PM",lastUpdatedTimestamp:1726835518e3,content:" Point \n \nconst DATA_COUNT = 12;\nconst MIN = 0;\nconst MAX = 100;\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'label',\n backgroundColor: 'rgba(245, 245, 245, 0.5)',\n content: (ctx) => 'Maximum value is ' + maxValue(ctx).toFixed(2),\n font: {\n size: 16\n },\n padding: {\n top: 6,\n left: 6,\n right: 6,\n bottom: 12\n },\n position: {\n x: (ctx) => maxIndex(ctx) = 10 ? 'end' : 'center',\n y: 'end'\n },\n xValue: (ctx) => maxLabel(ctx),\n yAdjust: -6,\n yValue: (ctx) => maxValue(ctx)\n};\n// \n\n// \nconst annotation2 = {\n type: 'point',\n backgroundColor: 'transparent',\n borderColor: (ctx) => ctx.chart.data.datasets[0].borderColor,\n pointStyle: 'rectRounded',\n radius: 10,\n xValue: (ctx) => maxLabel(ctx),\n yValue: (ctx) => maxValue(ctx)\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n layout: {\n padding: {\n right: 10\n },\n },\n scales: {\n y: {\n beginAtZero: true,\n max: 120,\n min: 0\n }\n },\n plugins: {\n annotation: {\n clip: false,\n annotations: {\n annotation1,\n annotation2\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction maxValue(ctx) {\n let max = 0;\n const dataset = ctx.chart.data.datasets[0];\n dataset.data.forEach(function(el) {\n max = Math.max(max, el);\n });\n return max;\n}\n\nfunction maxIndex(ctx) {\n const max = maxValue(ctx);\n const dataset = ctx.chart.data.datasets[0];\n return dataset.data.indexOf(max);\n}\n\nfunction maxLabel(ctx) {\n return ctx.chart.data.labels[maxIndex(ctx)];\n}\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Animation",frontmatter:{},regularPath:"/samples/line/animation.html",relativePath:"samples/line/animation.md",key:"v-25be76ab",path:"/samples/line/animation.html",lastUpdated:"9/20/2024, 12:31:58 PM",lastUpdatedTimestamp:1726835518e3,content:" Animation \n \n \nconst uniqueId = new Date().getTime();\n\nconst data = {\n datasets: [{\n backgroundColor: 'rgba(63, 184, 175, 0.3)',\n borderColor: 'rgba(255, 0, 0, 0.0)',\n pointRadius: 0, // no dots\n tension: 0, // straight lines\n showLine: true,\n fill: true,\n data: [\n {x: 0, y: 0},\n {x: 50, y: 0},\n {x: 50, y: 1},\n {x: 100, y: 1}\n ]\n }]\n};\n// \n\n// \nconst line = {\n type: 'line',\n borderColor: 'red',\n borderWidth: 3,\n label: {\n display: true,\n content: 'Limit',\n rotation: 90\n },\n scaleID: 'x',\n value: 50\n};\n// \n\n/* */\nconst config = {\n type: 'scatter',\n data,\n options: {\n _sampleId: uniqueId,\n plugins: {\n annotation: {\n annotations: {\n line\n }\n }\n }\n }\n};\n/* */\n\n// \ndocument.getElementById('update').addEventListener('input', update);\n\nfunction update() {\n const newValue = +document.querySelector('input[type=range]').value;\n const chart = Object.values(Chart.instances).find(c => c.options._sampleId === uniqueId);\n chart.data.datasets[0].data[1].x = newValue;\n chart.data.datasets[0].data[2].x = newValue;\n chart.options.plugins.annotation.annotations.line.value = newValue;\n chart.update();\n}\n// \n\nmodule.exports = {\n config: config\n};\n`\"/>"},{title:"Average",frontmatter:{},regularPath:"/samples/line/average.html",relativePath:"samples/line/average.md",key:"v-fe2fae0e",path:"/samples/line/average.html",lastUpdated:"9/20/2024, 12:31:58 PM",lastUpdatedTimestamp:1726835518e3,content:" Average \n \nconst DATA_COUNT = 8;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(8);\n\nconst labels = [];\nfor (let i = 0; i \n\n// \nconst annotation = {\n type: 'line',\n borderColor: 'black',\n borderDash: [6, 6],\n borderDashOffset: 0,\n borderWidth: 3,\n label: {\n display: true,\n content: (ctx) => 'Average: ' + average(ctx).toFixed(2),\n position: 'end'\n },\n scaleID: 'y',\n value: (ctx) => average(ctx)\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n plugins: {\n annotation: {\n annotations: {\n annotation\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction average(ctx) {\n const values = ctx.chart.data.datasets[0].data;\n return values.reduce((a, b) => a + b, 0) / values.length;\n}\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Add data',\n handler: function(chart) {\n chart.data.labels.push(chart.data.labels.length);\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.push(Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Remove data',\n handler: function(chart) {\n chart.data.labels.shift();\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.shift();\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Basic",frontmatter:{},regularPath:"/samples/line/basic.html",relativePath:"samples/line/basic.md",key:"v-14b16052",path:"/samples/line/basic.html",lastUpdated:"9/20/2024, 12:31:58 PM",lastUpdatedTimestamp:1726835518e3,content:" Basic \n \nconst DATA_COUNT = 8;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(8);\n\nconst labels = [];\nfor (let i = 0; i \n\n// \nconst annotation = {\n type: 'line',\n borderColor: 'black',\n borderWidth: 3,\n scaleID: 'y',\n value: 50\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n y: {\n stacked: true\n }\n },\n plugins: {\n annotation: {\n annotations: {\n annotation\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Add data',\n handler: function(chart) {\n chart.data.labels.push(chart.data.labels.length);\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.push(Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Remove data',\n handler: function(chart) {\n chart.data.labels.shift();\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.shift();\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config\n};\n`\"/>"},{title:"Callout",frontmatter:{},regularPath:"/samples/line/callout.html",relativePath:"samples/line/callout.md",key:"v-0d73d593",path:"/samples/line/callout.html",lastUpdated:"9/20/2024, 12:31:58 PM",lastUpdatedTimestamp:1726835518e3,content:" Callout \n \nconst DATA_COUNT = 16;\nconst MIN = 20;\nconst MAX = 100;\n\nUtils.srand(8);\n\nconst labels = [];\nfor (let i = 0; i \n\n// \nconst annotation1 = {\n type: 'line',\n borderColor: 'rgb(100, 149, 237)',\n borderDash: [6, 6],\n borderDashOffset: 0,\n borderWidth: 3,\n label: {\n display: true,\n backgroundColor: 'rgb(100, 149, 237)',\n content: (ctx) => 'Average: ' + average(ctx).toFixed(2)\n },\n scaleID: 'y',\n value: (ctx) => average(ctx)\n};\n// \n\n// \nconst annotation2 = {\n type: 'line',\n borderColor: 'rgba(102, 102, 102, 0.5)',\n borderDash: [6, 6],\n borderDashOffset: 0,\n borderWidth: 3,\n label: {\n display: true,\n backgroundColor: 'rgba(102, 102, 102, 0.5)',\n borderWidth: 1,\n borderColor: 'rgba(102, 102, 102, 0.5)',\n callout: {\n display: true,\n borderColor: 'rgba(102, 102, 102, 0.5)',\n borderDash: [6, 6],\n borderWidth: 2,\n margin: 0\n },\n color: 'black',\n content: (ctx) => (average(ctx) + standardDeviation(ctx)).toFixed(2),\n position: 'start',\n xAdjust: 100,\n yAdjust: -50\n },\n scaleID: 'y',\n value: (ctx) => average(ctx) + standardDeviation(ctx)\n};\n// \n\n// \nconst annotation3 = {\n type: 'line',\n borderColor: 'rgba(102, 102, 102, 0.5)',\n borderDash: [6, 6],\n borderDashOffset: 0,\n borderWidth: 3,\n label: {\n display: true,\n backgroundColor: 'rgba(102, 102, 102, 0.5)',\n borderWidth: 1,\n borderColor: 'rgba(102, 102, 102, 0.5)',\n callout: {\n display: true,\n borderColor: 'rgba(102, 102, 102, 0.5)',\n borderDash: [6, 6],\n borderWidth: 2,\n margin: 0\n },\n color: 'black',\n content: (ctx) => (average(ctx) - standardDeviation(ctx)).toFixed(2),\n position: 'end',\n xAdjust: -100,\n yAdjust: 50\n },\n scaleID: 'y',\n value: (ctx) => average(ctx) - standardDeviation(ctx)\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scale: {\n y: {\n beginAtZero: true,\n max: 120,\n min: 0\n }\n },\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2,\n annotation3\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction average(ctx) {\n const values = ctx.chart.data.datasets[0].data;\n return values.reduce((a, b) => a + b, 0) / values.length;\n}\n\nfunction standardDeviation(ctx) {\n const values = ctx.chart.data.datasets[0].data;\n const n = values.length;\n const mean = average(ctx);\n return Math.sqrt(values.map(x => Math.pow(x - mean, 2)).reduce((a, b) => a + b) / n);\n}\n\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Add data',\n handler: function(chart) {\n chart.data.labels.push(chart.data.labels.length);\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.push(Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Remove data',\n handler: function(chart) {\n chart.data.labels.shift();\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.shift();\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Using canvas as labels",frontmatter:{},regularPath:"/samples/line/canvas.html",relativePath:"samples/line/canvas.md",key:"v-9e862306",path:"/samples/line/canvas.html",lastUpdated:"9/20/2024, 12:31:58 PM",lastUpdatedTimestamp:1726835518e3,content:" Using canvas as labels \n \nconst DATA_COUNT = 8;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(8);\n\nconst labels = [];\nfor (let i = 0; i \n\n// \nconst annotation = {\n type: 'line',\n borderColor: 'black',\n borderWidth: 3,\n scaleID: 'y',\n value: 50,\n label: {\n display: true,\n content: Utils.getHouse(),\n backgroundColor: 'white',\n borderWidth: 3,\n width: '40%',\n height: '40%',\n position: 'end'\n }\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n plugins: {\n annotation: {\n annotations: {\n annotation\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Add data',\n handler: function(chart) {\n chart.data.labels.push(chart.data.labels.length);\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.push(Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Remove data',\n handler: function(chart) {\n chart.data.labels.shift();\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.shift();\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config\n};\n`\"/>"},{title:"Annotating dataset bars",frontmatter:{},regularPath:"/samples/line/datasetBars.html",relativePath:"samples/line/datasetBars.md",key:"v-c5c24e7a",path:"/samples/line/datasetBars.html",lastUpdated:"9/20/2024, 12:31:58 PM",lastUpdatedTimestamp:1726835518e3,content:" Annotating dataset bars \n \nconst DATA_COUNT = 4;\nconst MIN = 20;\nconst MAX = 100;\n\nUtils.srand(8);\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'line',\n borderColor: 'green',\n borderWidth: 3,\n label: {\n display: true,\n backgroundColor: 'green',\n borderRadius: 0,\n color: 'white',\n content: (ctx) => middleValue(ctx, 0, 0.5).toFixed(0)\n },\n xMax: indexToMax(0) + 0.05,\n xMin: indexToMin(0) - 0.05,\n xScaleID: 'x',\n yMax: (ctx) => middleValue(ctx, 0, 0.5),\n yMin: (ctx) => middleValue(ctx, 0, 0.5),\n yScaleID: 'y'\n};\n// \n\n// \nconst annotation2 = {\n type: 'line',\n borderColor: 'green',\n borderWidth: 3,\n label: {\n display: true,\n backgroundColor: 'green',\n borderRadius: 0,\n color: 'white',\n content: (ctx) => middleValue(ctx, 1, 0.75).toFixed(0)\n },\n xMax: indexToMax(1) + 0.05,\n xMin: indexToMin(1) - 0.05,\n xScaleID: 'x',\n yMax: (ctx) => middleValue(ctx, 1, 0.75),\n yMin: (ctx) => middleValue(ctx, 1, 0.75),\n yScaleID: 'y'\n};\n// \n\n// \nconst annotation3 = {\n type: 'line',\n borderColor: 'green',\n borderWidth: 3,\n label: {\n display: true,\n backgroundColor: 'green',\n borderRadius: 0,\n color: 'white',\n content: (ctx) => middleValue(ctx, 2, 1).toFixed(0)\n },\n xMax: indexToMax(2) + 0.05,\n xMin: indexToMin(2) - 0.05,\n xScaleID: 'x',\n yMax: (ctx) => middleValue(ctx, 2, 1),\n yMin: (ctx) => middleValue(ctx, 2, 1),\n yScaleID: 'y'\n};\n// \n\n// \nconst annotation4 = {\n type: 'line',\n borderColor: 'green',\n borderWidth: 3,\n label: {\n display: true,\n backgroundColor: 'green',\n borderRadius: 0,\n color: 'white',\n content: (ctx) => middleValue(ctx, 3, 0.25).toFixed(0)\n },\n xMax: indexToMax(3) + 0.05,\n xMin: indexToMin(3) - 0.05,\n xScaleID: 'x',\n yMax: (ctx) => middleValue(ctx, 3, 0.25),\n yMin: (ctx) => middleValue(ctx, 3, 0.25),\n yScaleID: 'y'\n};\n// \n\n/* */\nconst config = {\n type: 'bar',\n data,\n options: {\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2,\n annotation3,\n annotation4\n }\n }\n }\n }\n};\n/* */\n\n// \n// categoryPercentage is 0.8 by default\n// barPercentage is 0.9 by default\n// 1 * 0.8 * 0.9 = 0.72\n// 0.72 / 2 = 0.36\n\nfunction indexToMin(index) {\n return index - 0.36;\n}\n\nfunction indexToMax(index) {\n return index + 0.36;\n}\n\nfunction middleValue(ctx, index, perc) {\n const chart = ctx.chart;\n const dataset = chart.data.datasets[0];\n return dataset.data[index] * perc;\n}\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Curve",frontmatter:{},regularPath:"/samples/line/curve.html",relativePath:"samples/line/curve.md",key:"v-22325356",path:"/samples/line/curve.html",lastUpdated:"9/20/2024, 12:31:58 PM",lastUpdatedTimestamp:1726835518e3,content:" Curve \n \nconst DATA_COUNT = 8;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(8);\n\nconst labels = [];\nfor (let i = 0; i \n\n// \nconst annotation = {\n type: 'line',\n borderColor: 'black',\n borderWidth: 3,\n xScaleID: 'x',\n yScaleID: 'y',\n xMin: 1,\n xMax: 6,\n yMin: ({chart}) => chart.data.datasets[0].data[1] / 2,\n yMax: ({chart}) => chart.data.datasets[0].data[6] / 2,\n curve: true,\n arrowHeads: {\n end: {\n display: true\n }\n }\n};\n// \n\n/* */\nconst config = {\n type: 'bar',\n data,\n options: {\n plugins: {\n annotation: {\n annotations: {\n annotation\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config\n};\n`\"/>"},{title:"Outside of chart",frontmatter:{},regularPath:"/samples/line/hook.html",relativePath:"samples/line/hook.md",key:"v-76c7a746",path:"/samples/line/hook.html",lastUpdated:"9/20/2024, 12:31:58 PM",lastUpdatedTimestamp:1726835518e3,content:" Outside of chart \n \nconst DATA_COUNT = 8;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(8);\n\nconst labels = [];\nfor (let i = 0; i \n\n// \nconst annotation = {\n type: 'line',\n borderColor: 'black',\n borderWidth: 3,\n scaleID: 'y',\n value: 55,\n beforeDraw: drawExtraLine\n};\n// \n\n// \nfunction drawExtraLine(context) {\n const ctx = context.chart.ctx;\n const width = context.chart.canvas.width;\n const {x, y, x2, y2, options} = context.element;\n ctx.save();\n ctx.lineWidth = options.borderWidth;\n ctx.strokeStyle = options.borderColor;\n ctx.setLineDash([6, 6]);\n ctx.lineDashOffset = options.borderDashOffset;\n ctx.beginPath();\n ctx.moveTo(0, y);\n ctx.lineTo(x, y);\n ctx.moveTo(x2, y2);\n ctx.lineTo(width, y);\n ctx.stroke();\n ctx.restore();\n return true;\n}\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n layout: {\n padding: {\n right: 50\n }\n },\n scales: {\n y: {\n stacked: true\n }\n },\n plugins: {\n annotation: {\n clip: false,\n annotations: {\n annotation\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Add data',\n handler: function(chart) {\n chart.data.labels.push(chart.data.labels.length);\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.push(Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Remove data',\n handler: function(chart) {\n chart.data.labels.shift();\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.shift();\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Using images as labels",frontmatter:{},regularPath:"/samples/line/image.html",relativePath:"samples/line/image.md",key:"v-19c0057d",path:"/samples/line/image.html",lastUpdated:"9/20/2024, 12:31:58 PM",lastUpdatedTimestamp:1726835518e3,content:" Using images as labels \n \nconst DATA_COUNT = 8;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(8);\n\nconst labels = [];\nfor (let i = 0; i \n\n// \nconst annotation = {\n type: 'line',\n borderColor: 'black',\n borderWidth: 3,\n scaleID: 'y',\n value: 50,\n label: {\n display: true,\n content: Utils.getImage(),\n backgroundColor: 'white',\n borderWidth: 3,\n width: '20%',\n height: '20%',\n position: 'end'\n }\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n plugins: {\n annotation: {\n annotations: {\n annotation\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Add data',\n handler: function(chart) {\n chart.data.labels.push(chart.data.labels.length);\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.push(Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Remove data',\n handler: function(chart) {\n chart.data.labels.shift();\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.shift();\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config\n};\n`\"/>"},{title:"Limited lines",frontmatter:{},regularPath:"/samples/line/limited.html",relativePath:"samples/line/limited.md",key:"v-2f3a8d3f",path:"/samples/line/limited.html",lastUpdated:"9/20/2024, 12:31:58 PM",lastUpdatedTimestamp:1726835518e3,content:" Limited lines \n \nconst DATA_COUNT = 12;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(8);\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }, {\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'line',\n borderColor: 'green',\n borderWidth: 3,\n label: {\n display: true,\n backgroundColor: 'lightGreen',\n borderRadius: 0,\n color: 'green',\n content: 'Summer time'\n },\n arrowHeads: {\n start: {\n display: true,\n borderColor: 'green'\n },\n end: {\n display: true,\n borderColor: 'green'\n }\n },\n xMax: 8,\n xMin: 5,\n xScaleID: 'x',\n yMax: 110,\n yMin: 110,\n yScaleID: 'y'\n};\n// \n\n// \nconst annotation2 = {\n type: 'line',\n borderColor: 'green',\n borderDash: [6, 6],\n borderWidth: 1,\n xMax: 5,\n xMin: 5,\n xScaleID: 'x',\n yMax: 0,\n yMin: 110,\n yScaleID: 'y'\n};\n// \n\n// \nconst annotation3 = {\n type: 'line',\n borderColor: 'green',\n borderDash: [6, 6],\n borderWidth: 1,\n xMax: 8,\n xMin: 8,\n xScaleID: 'x',\n yMax: 0,\n yMin: 110,\n yScaleID: 'y'\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scale: {\n y: {\n beginAtZero: true,\n max: 120,\n min: 0\n }\n },\n plugins: {\n annotation: {\n common: {\n drawTime: 'beforeDraw'\n },\n annotations: {\n annotation1,\n annotation2,\n annotation3\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Standard deviation",frontmatter:{},regularPath:"/samples/line/standardDeviation.html",relativePath:"samples/line/standardDeviation.md",key:"v-bc3af7aa",path:"/samples/line/standardDeviation.html",lastUpdated:"9/20/2024, 12:31:58 PM",lastUpdatedTimestamp:1726835518e3,content:" Standard deviation \n \nconst DATA_COUNT = 16;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(8);\n\nconst labels = [];\nfor (let i = 0; i \n\n// \nconst annotation1 = {\n type: 'line',\n borderColor: 'rgb(100, 149, 237)',\n borderDash: [6, 6],\n borderDashOffset: 0,\n borderWidth: 3,\n label: {\n display: true,\n backgroundColor: 'rgb(100, 149, 237)',\n content: (ctx) => 'Average: ' + average(ctx).toFixed(2)\n },\n scaleID: 'y',\n value: (ctx) => average(ctx)\n};\n// \n\n// \nconst annotation2 = {\n type: 'line',\n borderColor: 'rgba(102, 102, 102, 0.5)',\n borderDash: [6, 6],\n borderDashOffset: 0,\n borderWidth: 3,\n label: {\n display: true,\n backgroundColor: 'rgba(102, 102, 102, 0.5)',\n color: 'black',\n content: (ctx) => (average(ctx) + standardDeviation(ctx)).toFixed(2),\n position: 'start',\n rotation: -90,\n yAdjust: -28\n },\n scaleID: 'y',\n value: (ctx) => average(ctx) + standardDeviation(ctx)\n};\n// \n\n// \nconst annotation3 = {\n type: 'line',\n borderColor: 'rgba(102, 102, 102, 0.5)',\n borderDash: [6, 6],\n borderDashOffset: 0,\n borderWidth: 3,\n label: {\n display: true,\n backgroundColor: 'rgba(102, 102, 102, 0.5)',\n color: 'black',\n content: (ctx) => (average(ctx) - standardDeviation(ctx)).toFixed(2),\n position: 'end',\n rotation: 90,\n yAdjust: 28\n },\n scaleID: 'y',\n value: (ctx) => average(ctx) - standardDeviation(ctx)\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scale: {\n y: {\n beginAtZero: true,\n max: 120,\n min: 0\n }\n },\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2,\n annotation3\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction average(ctx) {\n const values = ctx.chart.data.datasets[0].data;\n return values.reduce((a, b) => a + b, 0) / values.length;\n}\n\nfunction standardDeviation(ctx) {\n const values = ctx.chart.data.datasets[0].data;\n const n = values.length;\n const mean = average(ctx);\n return Math.sqrt(values.map(x => Math.pow(x - mean, 2)).reduce((a, b) => a + b) / n);\n}\n\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Add data',\n handler: function(chart) {\n chart.data.labels.push(chart.data.labels.length);\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.push(Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Remove data',\n handler: function(chart) {\n chart.data.labels.shift();\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.shift();\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Label visibility",frontmatter:{},regularPath:"/samples/line/labelVisibility.html",relativePath:"samples/line/labelVisibility.md",key:"v-940803b2",path:"/samples/line/labelVisibility.html",lastUpdated:"9/20/2024, 12:31:58 PM",lastUpdatedTimestamp:1726835518e3,content:" Label visibility \n \nconst DATA_COUNT = 8;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(8);\n\nconst labels = [];\nfor (let i = 0; i \n\n// \nconst annotation1 = {\n type: 'line',\n borderColor: 'lightGreen',\n borderWidth: 10,\n label: {\n display: false,\n backgroundColor: 'green',\n drawTime: 'afterDatasetsDraw',\n content: (ctx) => ['Average of dataset', 'is: ' + average(ctx).toFixed(3)]\n },\n scaleID: 'y',\n value: (ctx) => average(ctx),\n // For simple property changes, you can directly modify the annotation\n // element's properties then return true to force chart re-drawing. This is faster.\n enter({element}, event) {\n element.label.options.display = true;\n return true;\n },\n leave({element}, event) {\n element.label.options.display = false;\n return true;\n }\n};\n// \n\n// \nconst annotation2 = {\n type: 'line',\n borderColor: 'lightBlue',\n borderWidth: 10,\n label: {\n display: (ctx) => ctx.hovered,\n backgroundColor: 'blue',\n drawTime: 'afterDatasetsDraw',\n content: (ctx) => ['Min of dataset', 'is: ' + min(ctx).toFixed(3)],\n position: (ctx) => ctx.hoverPosition\n },\n scaleID: 'y',\n value: (ctx) => min(ctx),\n // For more complex dynamic properties, you can store values on the persistent\n // context object then retrieve them via scriptable properties. You'll have\n // to call chart.update() to reprocess the chart.\n enter(ctx, event) {\n ctx.hovered = true;\n ctx.hoverPosition = (event.x / ctx.chart.chartArea.width * 100) + '%';\n ctx.chart.update();\n },\n leave(ctx, event) {\n ctx.hovered = false;\n ctx.chart.update();\n }\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n plugins: {\n tooltip: {\n display: false,\n },\n annotation: {\n common: {\n drawTime: 'beforeDatasetsDraw'\n },\n annotations: {\n annotation1,\n annotation2\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction average(ctx) {\n const values = ctx.chart.data.datasets[0].data;\n return values.reduce((a, b) => a + b, 0) / values.length;\n}\n\nfunction min(ctx) {\n const values = ctx.chart.data.datasets[0].data;\n return values.reduce((a, b) => Math.min(a, b), Infinity);\n}\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Add data',\n handler: function(chart) {\n chart.data.labels.push(chart.data.labels.length);\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.push(Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Remove data',\n handler: function(chart) {\n chart.data.labels.shift();\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.shift();\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Line visibility",frontmatter:{},regularPath:"/samples/line/visibility.html",relativePath:"samples/line/visibility.md",key:"v-5eb79d3d",path:"/samples/line/visibility.html",lastUpdated:"9/20/2024, 12:31:58 PM",lastUpdatedTimestamp:1726835518e3,content:" Line visibility \n \nconst DATA_COUNT = 6;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(8);\nconst jointValue = Utils.rand(MIN, MAX);\n\nconst dataCfg = Utils.numbers({count: DATA_COUNT, min: MIN, max: MAX});\ndataCfg.push(jointValue, NaN, NaN, NaN, NaN, NaN, NaN);\n\nconst futureCfg = Utils.numbers({count: DATA_COUNT - 1, min: MIN, max: MAX});\nfutureCfg.splice(0, 0, NaN, NaN, NaN, NaN, NaN, NaN, jointValue);\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: dataCfg\n }, {\n data: futureCfg,\n borderDash: [6, 6]\n }]\n};\n// \n\n// \nconst annotation = {\n type: 'line',\n borderColor: 'black',\n borderWidth: 1,\n display: (ctx) => ctx.chart.isDatasetVisible(1),\n label: {\n display: true,\n content: 'Now',\n position: 'start'\n },\n scaleID: 'x',\n value: 'July'\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n plugins: {\n annotation: {\n annotations: {\n annotation\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Toggle annotation',\n handler: function(chart) {\n const visible = chart.isDatasetVisible(1);\n if (visible) {\n chart.options.scales.x.max = 'July';\n } else {\n chart.options.scales.x.max = undefined;\n }\n chart.setDatasetVisibility(1, !visible);\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Lower and upper bounds",frontmatter:{},regularPath:"/samples/line/lowerUpper.html",relativePath:"samples/line/lowerUpper.md",key:"v-5f6c329d",path:"/samples/line/lowerUpper.html",lastUpdated:"9/20/2024, 12:31:58 PM",lastUpdatedTimestamp:1726835518e3,content:" Lower and upper bounds \n \nconst DATA_COUNT = 8;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(8);\n\nconst labels = [];\nfor (let i = 0; i \n\n// \nconst annotation1 = {\n type: 'line',\n borderColor: 'black',\n borderWidth: 3,\n label: {\n display: true,\n backgroundColor: 'black',\n borderColor: 'black',\n borderRadius: 10,\n borderWidth: 2,\n content: (ctx) => 'Lower bound: ' + minValue(ctx).toFixed(3),\n rotation: 'auto'\n },\n scaleID: 'y',\n value: minValue\n};\n// \n\n// \nconst annotation2 = {\n type: 'line',\n borderWidth: 3,\n borderColor: 'black',\n label: {\n display: true,\n backgroundColor: 'black',\n borderColor: 'black',\n borderRadius: 10,\n borderWidth: 2,\n content: (ctx) => 'Upper bound: ' + maxValue(ctx).toFixed(3),\n rotation: 'auto'\n },\n scaleID: 'y',\n value: maxValue\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n y: {\n stacked: true\n }\n },\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction minValue(ctx) {\n const dataset = ctx.chart.data.datasets[0];\n const min = dataset.data.reduce((max, point) => Math.min(point, max), Infinity);\n return isFinite(min) ? min : 0;\n}\n\nfunction maxValue(ctx) {\n const datasets = ctx.chart.data.datasets;\n const count = datasets[0].data.length;\n let max = 0;\n for (let i = 0; i \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Add data',\n handler: function(chart) {\n chart.data.labels.push(chart.data.labels.length);\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.push(Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Remove data',\n handler: function(chart) {\n chart.data.labels.shift();\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.shift();\n });\n chart.update();\n }\n },\n {\n name: 'Cycle position',\n handler: function(chart) {\n const annotations = chart.options.plugins.annotation.annotations;\n if (annotations.annotation1.label.position === 'start') {\n annotations.annotation1.label.position = 'end';\n annotations.annotation2.label.position = 'end';\n } else if (annotations.annotation1.label.position === 'center') {\n annotations.annotation1.label.position = 'start';\n annotations.annotation2.label.position = 'start';\n } else {\n annotations.annotation1.label.position = 'center';\n annotations.annotation2.label.position = 'center';\n }\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Basic",frontmatter:{},regularPath:"/samples/point/basic.html",relativePath:"samples/point/basic.md",key:"v-13db7dfd",path:"/samples/point/basic.html",lastUpdated:"9/20/2024, 12:31:58 PM",lastUpdatedTimestamp:1726835518e3,content:" Basic \n \nconst DATA_COUNT = 8;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(5);\n\nconst labels = [];\nfor (let i = 0; i \n\n// \nconst annotation1 = {\n type: 'point',\n backgroundColor: 'rgba(0, 255, 255, 0.4)',\n borderColor: 'black',\n borderWidth: 3,\n scaleID: 'y',\n xValue: (ctx) => value(ctx, 0, 2, 'x'),\n yValue: (ctx) => value(ctx, 0, 2, 'y')\n};\n// \n\n// \nconst annotation2 = {\n type: 'point',\n backgroundColor: 'transparent',\n borderColor: 'red',\n borderWidth: 5,\n pointStyle: 'triangle',\n radius: 25,\n scaleID: 'y',\n xValue: (ctx) => value(ctx, 1, 4, 'x'),\n yValue: (ctx) => value(ctx, 1, 4, 'y')\n};\n// \n\n// \nconst annotation3 = {\n type: 'point',\n borderColor: 'orange',\n borderWidth: 3,\n drawTime: 'beforeDraw',\n pointStyle: 'star',\n radius: 25,\n scaleID: 'y',\n xValue: (ctx) => value(ctx, 1, 6, 'x'),\n yValue: (ctx) => value(ctx, 1, 6, 'y')\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2,\n annotation3\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction value(ctx, datasetIndex, index, prop) {\n const meta = ctx.chart.getDatasetMeta(datasetIndex);\n const parsed = meta.controller.getParsed(index);\n return parsed ? parsed[prop] : NaN;\n}\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Add data',\n handler: function(chart) {\n chart.data.labels.push(chart.data.labels.length);\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.push(Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Remove data',\n handler: function(chart) {\n chart.data.labels.shift();\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.shift();\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config\n};\n`\"/>"},{title:"Combined annotations",frontmatter:{},regularPath:"/samples/point/combined.html",relativePath:"samples/point/combined.md",key:"v-21782935",path:"/samples/point/combined.html",lastUpdated:"9/20/2024, 12:31:58 PM",lastUpdatedTimestamp:1726835518e3,content:" Combined annotations \n \nconst DATA_COUNT = 12;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(8);\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }, {\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'line',\n borderColor: 'green',\n borderDash: [6, 6],\n borderWidth: 3,\n label: {\n display: true,\n backgroundColor: 'lightGreen',\n borderRadius: 0,\n color: 'green',\n content: 'Project timeline'\n },\n arrowHeads: {\n end: {\n display: true,\n fill: true,\n borderDash: [],\n borderColor: 'green'\n }\n },\n xMax: 10.5,\n xMin: 2.5,\n xScaleID: 'x',\n yMax: 110,\n yMin: 110,\n yScaleID: 'y'\n};\n// \n\n// \nconst annotation2 = {\n type: 'line',\n borderColor: 'green',\n borderDash: [6, 6],\n borderWidth: 1,\n xMax: 2.5,\n xMin: 2.5,\n xScaleID: 'x',\n yMax: 0,\n yMin: 110,\n yScaleID: 'y'\n};\n// \n\n// \nconst annotation3 = {\n type: 'line',\n borderColor: 'green',\n borderDash: [6, 6],\n borderWidth: 1,\n xMax: 10.5,\n xMin: 10.5,\n xScaleID: 'x',\n yMax: 0,\n yMin: 110,\n yScaleID: 'y'\n};\n// \n\n// \nconst annotation4 = {\n type: 'point',\n backgroundColor: 'green',\n borderWidth: 0,\n xValue: 2.5,\n xScaleID: 'x',\n yValue: 110,\n yScaleID: 'y'\n};\n// \n\n/* */\nconst config = {\n type: 'bar',\n data,\n options: {\n scale: {\n y: {\n beginAtZero: true,\n max: 120,\n min: 0\n }\n },\n plugins: {\n annotation: {\n common: {\n drawTime: 'beforeDraw'\n },\n annotations: {\n annotation1,\n annotation2,\n annotation3,\n annotation4\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Initial animations",frontmatter:{},regularPath:"/samples/point/initAnim.html",relativePath:"samples/point/initAnim.md",key:"v-246c16bd",path:"/samples/point/initAnim.html",lastUpdated:"9/20/2024, 12:31:58 PM",lastUpdatedTimestamp:1726835518e3,content:" Initial animations \n \nconst DATA_COUNT = 12;\nconst MIN = 10;\nconst MAX = 100;\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'point',\n backgroundColor: 'rgba(0, 150, 0, 0.2)',\n borderColor: 'rgba(0, 150, 0)',\n borderRadius: 4,\n borderWidth: 1,\n init: true,\n radius: 40,\n xMax: 6.5,\n xMin: 4.5,\n yMax: 60,\n yMin: 40\n};\nconst labelAnnotation1 = {\n type: 'label',\n init: true,\n content: 'Fade',\n xMax: 6.5,\n xMin: 4.5,\n yMax: 60,\n yMin: 40\n};\n// \n\n// \nconst annotation2 = {\n type: 'point',\n backgroundColor: 'rgba(0, 150, 0, 0.2)',\n borderColor: 'rgba(0, 150, 0)',\n borderRadius: 4,\n borderWidth: 1,\n init: () => ({centerY: 0}),\n radius: 40,\n xMax: 2.5,\n xMin: 0.5,\n yMax: 30,\n yMin: 10\n};\nconst labelAnnotation2 = {\n type: 'label',\n init: () => ({y: 0, y2: 0, width: 0, height: 0}),\n content: 'Flyin from top',\n xMax: 2.5,\n xMin: 0.5,\n yMax: 30,\n yMin: 10\n};\n// \n\n// \nconst annotation3 = {\n type: 'point',\n backgroundColor: 'rgba(0, 150, 0, 0.2)',\n borderColor: 'rgba(0, 150, 0)',\n borderRadius: 4,\n borderWidth: 1,\n init: () => ({centerX: 0}),\n radius: 40,\n xMax: 10.5,\n xMin: 8.5,\n yMax: 90,\n yMin: 70\n};\nconst labelAnnotation3 = {\n type: 'label',\n init: () => ({x: 0, x2: 0, width: 0, height: 0}),\n content: 'Flyin from left',\n xMax: 10.5,\n xMin: 8.5,\n yMax: 90,\n yMin: 70\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n y: {\n beginAtZero: true,\n max: 100,\n min: 0\n }\n },\n plugins: {\n annotation: {\n common: {\n drawTime: 'afterDraw'\n },\n annotations: {\n annotation1,\n labelAnnotation1,\n annotation2,\n labelAnnotation2,\n annotation3,\n labelAnnotation3\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Points outside of chart area",frontmatter:{},regularPath:"/samples/point/outsideChartArea.html",relativePath:"samples/point/outsideChartArea.md",key:"v-dd2b401a",path:"/samples/point/outsideChartArea.html",lastUpdated:"9/20/2024, 12:31:58 PM",lastUpdatedTimestamp:1726835518e3,content:" Points outside of chart area \n \nconst DATA_COUNT = 12;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(8);\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }, {\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'point',\n backgroundColor: 'lime',\n borderColor: 'black',\n borderWidth: 1,\n pointStyle: 'triangle',\n radius: 15,\n xValue: 3,\n xScaleID: 'x',\n yAdjust: 5,\n yValue: 0,\n yScaleID: 'y'\n};\n// \n\n// \nconst annotation2 = {\n type: 'point',\n backgroundColor: 'lime',\n borderColor: 'black',\n borderWidth: 1,\n pointStyle: 'triangle',\n radius: 15,\n rotation: 180,\n xValue: 3,\n xScaleID: 'x',\n yAdjust: -5,\n yValue: 100,\n yScaleID: 'y'\n};\n// \n\n/* */\nconst config = {\n type: 'bar',\n data,\n options: {\n layout: {\n padding: {\n top: 16\n }\n },\n scale: {\n y: {\n beginAtZero: true,\n max: 100,\n min: 0\n }\n },\n plugins: {\n annotation: {\n clip: false,\n common: {\n drawTime: 'afterDraw'\n },\n annotations: {\n annotation1,\n annotation2\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n const xValue = Utils.rand(0, DATA_COUNT - 1);\n chart.options.plugins.annotation.annotations.annotation1.xValue = xValue;\n chart.options.plugins.annotation.annotations.annotation2.xValue = xValue;\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Basic",frontmatter:{},regularPath:"/samples/polygon/basic.html",relativePath:"samples/polygon/basic.md",key:"v-3ae674fd",path:"/samples/polygon/basic.html",lastUpdated:"9/20/2024, 12:31:58 PM",lastUpdatedTimestamp:1726835518e3,content:" Basic \n \nconst DATA_COUNT = 8;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(5);\n\nconst labels = [];\nfor (let i = 0; i \n\n// \nconst annotation1 = {\n type: 'polygon',\n backgroundColor: 'rgba(0, 255, 255, 0.4)',\n borderColor: 'black',\n borderWidth: 3,\n radius: 25,\n scaleID: 'y',\n xValue: (ctx) => value(ctx, 0, 2, 'x'),\n yValue: (ctx) => value(ctx, 0, 2, 'y')\n};\n// \n\n// \nconst annotation2 = {\n type: 'polygon',\n backgroundColor: 'transparent',\n borderColor: 'red',\n borderWidth: 5,\n radius: 25,\n scaleID: 'y',\n sides: 5,\n xValue: (ctx) => value(ctx, 1, 4, 'x'),\n yValue: (ctx) => value(ctx, 1, 4, 'y')\n};\n// \n\n// \nconst annotation3 = {\n type: 'polygon',\n backgroundColor: 'transparent',\n borderColor: 'gray',\n borderWidth: 3,\n radius: 30,\n sides: 8,\n scaleID: 'y',\n xValue: (ctx) => value(ctx, 1, 6, 'x'),\n yValue: (ctx) => value(ctx, 1, 6, 'y')\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2,\n annotation3\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction value(ctx, datasetIndex, index, prop) {\n const meta = ctx.chart.getDatasetMeta(datasetIndex);\n const parsed = meta.controller.getParsed(index);\n return parsed ? parsed[prop] : NaN;\n}\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Add data',\n handler: function(chart) {\n chart.data.labels.push(chart.data.labels.length);\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.push(Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Remove data',\n handler: function(chart) {\n chart.data.labels.shift();\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.shift();\n });\n chart.update();\n }\n },\n {\n name: 'Add a side to annotation 1',\n handler: function(chart) {\n chart.options.plugins.annotation.annotations.annotation1.sides++;\n chart.update();\n }\n },\n {\n name: 'Remove a side from annotation 1',\n handler: function(chart) {\n chart.options.plugins.annotation.annotations.annotation1.sides--;\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config\n};\n`\"/>"},{title:"Shadow",frontmatter:{},regularPath:"/samples/polygon/shadow.html",relativePath:"samples/polygon/shadow.md",key:"v-45140bd3",path:"/samples/polygon/shadow.html",lastUpdated:"9/20/2024, 12:31:58 PM",lastUpdatedTimestamp:1726835518e3,content:" Shadow \n \nconst DATA_COUNT = 8;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(5);\n\nconst labels = [];\nfor (let i = 0; i \n\n// \nconst annotation1 = {\n type: 'polygon',\n backgroundColor: 'white',\n backgroundShadowColor: 'black',\n borderColor: 'red',\n borderJoinStyle: 'round',\n borderWidth: 7,\n radius: 40,\n rotation: 180,\n shadowBlur: 3,\n shadowOffsetX: 3,\n shadowOffsetY: 10,\n xValue: (ctx) => value(ctx, 0, 2, 'x'),\n yValue: (ctx) => value(ctx, 0, 2, 'y')\n};\n// \n\n// \nconst annotation2 = {\n type: 'polygon',\n backgroundColor: 'white',\n backgroundShadowColor: 'black',\n borderColor: 'red',\n borderJoinStyle: 'round',\n borderWidth: 7,\n radius: 40,\n shadowBlur: 3,\n shadowOffsetX: 3,\n shadowOffsetY: 10,\n xValue: (ctx) => value(ctx, 0, 4, 'x'),\n yValue: (ctx) => value(ctx, 0, 4, 'y')\n};\n// \n\n// \nconst annotation3 = {\n type: 'label',\n color: 'black',\n content: '!',\n font: {\n size: 40,\n family: 'Arial',\n weight: 'bold'\n },\n xValue: (ctx) => value(ctx, 0, 4, 'x'),\n yValue: (ctx) => value(ctx, 0, 4, 'y')\n};\n// \n\n// \nconst annotation4 = {\n type: 'polygon',\n backgroundColor: 'red',\n backgroundShadowColor: 'black',\n borderColor: 'white',\n borderWidth: 4,\n radius: 40,\n rotation: 22.5,\n shadowBlur: 3,\n shadowOffsetX: 3,\n shadowOffsetY: 10,\n sides: 8,\n xValue: (ctx) => value(ctx, 0, 6, 'x'),\n yValue: (ctx) => value(ctx, 0, 6, 'y')\n};\n// \n\n// \nconst annotation5 = {\n type: 'label',\n color: 'white',\n content: 'STOP',\n font: {\n size: 24\n },\n xValue: (ctx) => value(ctx, 0, 6, 'x'),\n yValue: (ctx) => value(ctx, 0, 6, 'y')\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n y: {\n beginAtZero: true,\n max: 120,\n min: 0\n }\n },\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2,\n annotation3,\n annotation4,\n annotation5\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction value(ctx, datasetIndex, index, prop) {\n const meta = ctx.chart.getDatasetMeta(datasetIndex);\n const parsed = meta.controller.getParsed(index);\n return parsed ? parsed[prop] : NaN;\n}\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Add data',\n handler: function(chart) {\n chart.data.labels.push(chart.data.labels.length);\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.push(Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Remove data',\n handler: function(chart) {\n chart.data.labels.shift();\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.shift();\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config\n};\n`\"/>"},{title:"Shadow",frontmatter:{},regularPath:"/samples/point/shadow.html",relativePath:"samples/point/shadow.md",key:"v-0fc2653f",path:"/samples/point/shadow.html",lastUpdated:"9/20/2024, 12:31:58 PM",lastUpdatedTimestamp:1726835518e3,content:" Shadow \n \nconst DATA_COUNT = 8;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(5);\n\nconst labels = [];\nfor (let i = 0; i \n\n// \nconst annotation1 = {\n type: 'point',\n backgroundColor: 'rgba(0, 255, 255, 0.4)',\n backgroundShadowColor: 'black',\n borderColor: 'black',\n borderWidth: 3,\n scaleID: 'y',\n shadowBlur: 3,\n shadowOffsetX: 3,\n shadowOffsetY: 10,\n xValue: (ctx) => value(ctx, 0, 2, 'x'),\n yValue: (ctx) => value(ctx, 0, 2, 'y')\n};\n// \n\n// \nconst annotation2 = {\n type: 'point',\n backgroundColor: 'rgba(245, 245, 245, 0.5)',\n borderColor: 'red',\n borderShadowColor: 'gray',\n borderWidth: 5,\n pointStyle: 'triangle',\n radius: 25,\n scaleID: 'y',\n shadowBlur: 3,\n shadowOffsetX: 3,\n shadowOffsetY: 10,\n xValue: (ctx) => value(ctx, 1, 4, 'x'),\n yValue: (ctx) => value(ctx, 1, 4, 'y')\n};\n// \n\n// \nconst annotation3 = {\n type: 'point',\n borderColor: 'orange',\n borderShadowColor: 'black',\n borderWidth: 3,\n drawTime: 'beforeDraw',\n pointStyle: 'star',\n radius: 25,\n scaleID: 'y',\n shadowBlur: 3,\n shadowOffsetX: 3,\n shadowOffsetY: 10,\n xValue: (ctx) => value(ctx, 1, 6, 'x'),\n yValue: (ctx) => value(ctx, 1, 6, 'y')\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2,\n annotation3\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction value(ctx, datasetIndex, index, prop) {\n const meta = ctx.chart.getDatasetMeta(datasetIndex);\n const parsed = meta.controller.getParsed(index);\n return parsed ? parsed[prop] : NaN;\n}\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Add data',\n handler: function(chart) {\n chart.data.labels.push(chart.data.labels.length);\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.push(Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Remove data',\n handler: function(chart) {\n chart.data.labels.shift();\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.shift();\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config\n};\n`\"/>"},{title:"Stop",frontmatter:{},regularPath:"/samples/polygon/stop.html",relativePath:"samples/polygon/stop.md",key:"v-f2852e62",path:"/samples/polygon/stop.html",lastUpdated:"9/20/2024, 12:31:58 PM",lastUpdatedTimestamp:1726835518e3,content:" Stop \n \nconst DATA_COUNT = 8;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(5);\n\nconst labels = [];\nfor (let i = 0; i \n\n// \nconst annotation1 = {\n type: 'polygon',\n backgroundColor: 'white',\n borderColor: 'red',\n borderJoinStyle: 'round',\n borderWidth: 7,\n radius: 40,\n rotation: 180,\n xValue: (ctx) => value(ctx, 0, 2, 'x'),\n yValue: (ctx) => value(ctx, 0, 2, 'y')\n};\n// \n\n// \nconst annotation2 = {\n type: 'polygon',\n backgroundColor: 'white',\n borderColor: 'red',\n borderJoinStyle: 'round',\n borderWidth: 7,\n radius: 40,\n xValue: (ctx) => value(ctx, 0, 4, 'x'),\n yValue: (ctx) => value(ctx, 0, 4, 'y')\n};\n// \n\n// \nconst annotation3 = {\n type: 'label',\n color: 'black',\n content: '!',\n font: {\n size: 40,\n family: 'Arial',\n weight: 'bold'\n },\n xValue: (ctx) => value(ctx, 0, 4, 'x'),\n yValue: (ctx) => value(ctx, 0, 4, 'y')\n};\n// \n\n// \nconst annotation4 = {\n type: 'polygon',\n backgroundColor: 'red',\n borderColor: 'white',\n borderWidth: 4,\n radius: 40,\n rotation: 22.5,\n sides: 8,\n xValue: (ctx) => value(ctx, 0, 6, 'x'),\n yValue: (ctx) => value(ctx, 0, 6, 'y')\n};\n// \n\n// \nconst annotation5 = {\n type: 'label',\n color: 'white',\n content: 'STOP',\n font: {\n size: 24\n },\n xValue: (ctx) => value(ctx, 0, 6, 'x'),\n yValue: (ctx) => value(ctx, 0, 6, 'y')\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n y: {\n beginAtZero: true,\n max: 120,\n min: 0\n }\n },\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2,\n annotation3,\n annotation4,\n annotation5\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction value(ctx, datasetIndex, index, prop) {\n const meta = ctx.chart.getDatasetMeta(datasetIndex);\n const parsed = meta.controller.getParsed(index);\n return parsed ? parsed[prop] : NaN;\n}\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Add data',\n handler: function(chart) {\n chart.data.labels.push(chart.data.labels.length);\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.push(Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Remove data',\n handler: function(chart) {\n chart.data.labels.shift();\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.shift();\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config\n};\n`\"/>"},{title:"Utils",frontmatter:{},regularPath:"/samples/utils.html",relativePath:"samples/utils.md",key:"v-4719da06",path:"/samples/utils.html",headers:[{level:2,title:"Disclaimer",slug:"disclaimer"},{level:2,title:"Functions",slug:"functions"}],lastUpdated:"9/20/2024, 12:31:58 PM",lastUpdatedTimestamp:1726835518e3,content:" Utils \n Disclaimer \n The Utils file contains multiple helper functions that the annotation plugin sample pages use to generate charts.\nThese functions are subject to change, including but not limited to breaking changes without prior notice. \n Because of this please don't rely on this file in production environments. \n Functions \n import { Chart } from 'chart.js' ; \n import { valueOrDefault } from 'chart.js/helpers' ; \n\n // Adapted from http://indiegamr.com/generate-repeatable-random-numbers-in-js/ \n let _seed = Date . now ( ) ; \n\n export function srand ( seed ) { \n _seed = seed ; \n } \n\n export function rand ( min , max ) { \n min = valueOrDefault ( min , 0 ) ; \n max = valueOrDefault ( max , 0 ) ; \n _seed = ( _seed * 9301 + 49297 ) % 233280 ; \n return min + ( _seed / 233280 ) * ( max - min ) ; \n } \n\n export function numbers ( config ) { \n var cfg = config || { } ; \n var min = valueOrDefault ( cfg . min , 0 ) ; \n var max = valueOrDefault ( cfg . max , 100 ) ; \n var from = valueOrDefault ( cfg . from , [ ] ) ; \n var count = valueOrDefault ( cfg . count , 8 ) ; \n var decimals = valueOrDefault ( cfg . decimals , 8 ) ; \n var continuity = valueOrDefault ( cfg . continuity , 1 ) ; \n var dfactor = Math . pow ( 10 , decimals ) || 0 ; \n var data = [ ] ; \n var i , value ; \n\n for ( i = 0 ; i < count ; ++ i ) { \n value = ( from [ i ] || 0 ) + this . rand ( min , max ) ; \n if ( this . rand ( ) <= continuity ) { \n data . push ( Math . round ( dfactor * value ) / dfactor ) ; \n } else { \n data . push ( null ) ; \n } \n } \n\n return data ; \n } \n\n export function points ( config ) { \n const xs = this . numbers ( config ) ; \n const ys = this . numbers ( config ) ; \n return xs . map ( ( x , i ) => ( { x , y : ys [ i ] } ) ) ; \n } \n\n export function getImage ( ) { \n const img = new Image ( ) ; \n img . src = 'https://www.chartjs.org/chartjs-plugin-annotation/latest/favicon.png' ; \n return img ; \n } \n\n let pieChart = null ; \n\n export function getChart ( ) { \n if ( pieChart ) { \n return pieChart ; \n } \n const canvas = document . createElement ( 'canvas' ) ; \n canvas . width = 100 ; \n canvas . height = 100 ; \n canvas . style . visibility = 'hidden' ; \n document . body . appendChild ( canvas ) ; \n pieChart = createChart ( canvas ) ; \n return pieChart ; \n } \n\n export function getSpiral ( ) { \n const canvas = document . createElement ( 'canvas' ) ; \n canvas . width = 150 ; \n canvas . height = 150 ; \n const centerX = canvas . width / 2 ; \n const centerY = canvas . height / 2 ; \n const ctx = canvas . getContext ( '2d' ) ; \n ctx . moveTo ( centerX , centerY ) ; \n ctx . beginPath ( ) ; \n for ( let i = 0 ; i < 720 ; i ++ ) { \n const angle = 0.1 * i ; \n const x = centerX + angle * Math . cos ( angle ) ; \n const y = centerX + angle * Math . sin ( angle ) ; \n ctx . lineTo ( x , y ) ; \n } \n ctx . strokeStyle = \"#666\" ; \n ctx . stroke ( ) ; \n return canvas ; \n } \n\n export function getHouse ( ) { \n const canvas = document . createElement ( 'canvas' ) ; \n canvas . width = 230 ; \n canvas . height = 210 ; \n const ctx = canvas . getContext ( '2d' ) ; \n ctx . fillStyle = '#666' ; \n ctx . strokeStyle = '#666' ; \n ctx . lineWidth = 10 ; \n ctx . strokeRect ( 40 , 90 , 150 , 110 ) ; \n ctx . fillRect ( 95 , 140 , 40 , 60 ) ; \n ctx . beginPath ( ) ; \n ctx . moveTo ( 15 , 90 ) ; \n ctx . lineTo ( 115 , 10 ) ; \n ctx . lineTo ( 215 , 90 ) ; \n ctx . closePath ( ) ; \n ctx . stroke ( ) ; \n return canvas ; \n } \n\n function createChart ( canvas ) { \n return new Chart ( canvas , { \n type : 'pie' , \n data : { \n labels : [ 'Bought' , 'Sold' , 'Rented' ] , \n datasets : [ { \n data : [ 42 , 33 , 25 ] , \n backgroundColor : [ '#3366cc' , '#dc3912' , '#ff9900' ] \n } ] \n } , \n options : { \n responsive : false , \n animation : false , \n plugins : { \n version : false , \n legend : false , \n title : false , \n subtitle : false \n } \n } \n } ) ; \n } \n \n File on github \n"},{title:"Polygons outside of chart area",frontmatter:{},regularPath:"/samples/polygon/outsideChartArea.html",relativePath:"samples/polygon/outsideChartArea.md",key:"v-39b04a87",path:"/samples/polygon/outsideChartArea.html",lastUpdated:"9/20/2024, 12:31:58 PM",lastUpdatedTimestamp:1726835518e3,content:" Polygons outside of chart area \n \nconst DATA_COUNT = 12;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(8);\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }, {\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'line',\n borderColor: 'lime',\n borderWidth: 2,\n scaleID: 'x',\n value: 3\n};\n// \n\n// \nconst annotation2 = {\n type: 'polygon',\n backgroundColor: 'lime',\n borderColor: 'black',\n borderWidth: 1,\n radius: 15,\n sides: 5,\n xValue: 3,\n xScaleID: 'x',\n yAdjust: 5,\n yValue: 0,\n yScaleID: 'y'\n};\n// \n\n// \nconst annotation3 = {\n type: 'polygon',\n backgroundColor: 'lime',\n borderColor: 'black',\n borderWidth: 1,\n pointStyle: 'triangle',\n radius: 15,\n rotation: 180,\n sides: 5,\n xValue: 3,\n xScaleID: 'x',\n yAdjust: -5,\n yValue: 100,\n yScaleID: 'y'\n};\n// \n\n/* */\nconst config = {\n type: 'bar',\n data,\n options: {\n layout: {\n padding: {\n top: 20\n }\n },\n scale: {\n y: {\n beginAtZero: true,\n max: 100,\n min: 0\n }\n },\n plugins: {\n annotation: {\n clip: false,\n common: {\n drawTime: 'afterDraw'\n },\n annotations: {\n annotation1,\n annotation2,\n annotation3\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n const xValue = Utils.rand(0, DATA_COUNT - 1);\n chart.options.plugins.annotation.annotations.annotation1.value = xValue;\n chart.options.plugins.annotation.annotations.annotation2.xValue = xValue;\n chart.options.plugins.annotation.annotations.annotation3.xValue = xValue;\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"}],themeConfig:{repo:"chartjs/chartjs-plugin-annotation",logo:"/favicon.png",lastUpdated:"Last Updated",searchPlaceholder:"Search...",editLinks:!0,docsDir:"docs",chart:{imports:[["scripts/register.js","Register"],["scripts/defaults.js","Defaults"],["scripts/utils.js","Utils"]]},nav:[{text:"Home",link:"/"},{text:"API",link:"/api/"},{text:"Guide",link:"/guide/"},{text:"Samples",link:"/samples/"}],sidebar:{"/api/":{title:"API"},"/guide/":["","integration","usage","options","configuration",{title:"Annotations",collapsable:!1,children:["types/box","types/ellipse","types/label","types/line","types/point","types/polygon"]},"developers",{title:"Migration",collapsable:!0,children:["migrationV3","migrationV2","migrationV1"]}],"/samples/":["intro",{title:"Box annotations",children:["box/basic","box/quarters","box/disclosure","box/canvas","box/image","box/initAnim","box/gradient"]},{title:"Ellipse annotations",children:["ellipse/basic","ellipse/rotation","ellipse/label","ellipse/image"]},{title:"Label annotations",children:["label/basic","label/point","label/callout","label/canvas","label/image","label/innerChart","label/lowerUpper","label/fontsColors","label/autoscaling"]},{title:"Line annotations",children:["line/basic","line/curve","line/lowerUpper","line/limited","line/average","line/standardDeviation","line/callout","line/visibility","line/labelVisibility","line/canvas","line/image","line/datasetBars","line/animation","line/hook"]},{title:"Point annotations",children:["point/basic","point/combined","point/outsideChartArea","point/shadow","point/initAnim"]},{title:"Polygon annotations",children:["polygon/basic","polygon/stop","polygon/outsideChartArea","polygon/shadow"]},{title:"Charts",children:["charts/bar","charts/line"]},{title:"Interaction",children:["interaction/interaction","interaction/dragging","interaction/selection","interaction/cartesianplane"]},"utils"]}}};e(255),e(256);r.a.component("ChartEditor",()=>Promise.all([e.e(0),e.e(3)]).then(e.bind(null,421))),r.a.component("Badge",()=>Promise.all([e.e(0),e.e(5)]).then(e.bind(null,425))),r.a.component("CodeBlock",()=>Promise.all([e.e(0),e.e(6)]).then(e.bind(null,423))),r.a.component("CodeGroup",()=>Promise.all([e.e(0),e.e(7)]).then(e.bind(null,424)));e(257);var Zt,Qt=e(2);function ne(n,t){(null==t||t>n.length)&&(t=n.length);for(var e=0,o=new Array(t);eM * (c) 2024 chartjs-plugin-annotation Contributors * Released under the MIT License */ -const oe={modes:{point:(n,t)=>ie(n,t,{intersect:!0}),nearest:(n,t,e)=>function(n,t,e){let o=Number.POSITIVE_INFINITY;return ie(n,t,e).reduce((n,a)=>{const i=a.getCenterPoint(),r=function(n,t,e){if("x"===e)return{x:n.x,y:t.y};if("y"===e)return{x:t.x,y:n.y};return t}(t,i,e.axis),s=Object(ee.R)(t,r);return sn._index-t._index).slice(0,1)}(n,t,e),x:(n,t,e)=>ie(n,t,{intersect:e.intersect,axis:"x"}),y:(n,t,e)=>ie(n,t,{intersect:e.intersect,axis:"y"})}};function ae(n,t,e){return(oe.modes[e.mode]||oe.modes.nearest)(n,t,e)}function ie(n,t,e){return n.filter(n=>e.intersect?n.inRange(t.x,t.y):function(n,t,e){return"x"!==e&&"y"!==e?n.inRange(t.x,t.y,"x",!0)||n.inRange(t.x,t.y,"y",!0):n.inRange(t.x,t.y,e,!0)}(n,t,e.axis))}const re=(n,t)=>t>n||n.length>t.length&&n.slice(0,t.length)===t,se=(n,t,e)=>Math.min(e,Math.max(t,n)),le=(n,t)=>n.value>=n.start-t&&n.value<=n.end+t;function ce(n,t,e){for(const o of Object.keys(n))n[o]=se(n[o],t,e);return n}function de(n,{x:t,y:e,x2:o,y2:a},i,{borderWidth:r,hitTolerance:s}){const l=(r+s)/2,c=n.x>=t-l-.001&&n.x<=o+l+.001,d=n.y>=e-l-.001&&n.y<=a+l+.001;return"x"===i?c:("y"===i||c)&&d}function ue(n,t){const{centerX:e,centerY:o}=n.getProps(["centerX","centerY"],t);return{x:e,y:o}}const he=n=>"string"==typeof n&&n.endsWith("%"),fe=n=>parseFloat(n)/100,pe=n=>se(fe(n),0,1),be=(n,t)=>({x:n,y:t,x2:n,y2:t,width:0,height:0}),ve={box:n=>be(n.centerX,n.centerY),ellipse:n=>({centerX:n.centerX,centerY:n.centerX,radius:0,width:0,height:0}),label:n=>be(n.centerX,n.centerY),line:n=>be(n.x,n.y),point:n=>({centerX:n.centerX,centerY:n.centerY,radius:0,width:0,height:0}),polygon:n=>be(n.centerX,n.centerY)};function ge(n,t){return"start"===t?0:"end"===t?n:he(t)?pe(t)*n:n/2}function me(n,t,e=!0){return"number"==typeof t?t:he(t)?(e?pe(t):fe(t))*n:n}function ye(n,t="center"){return Object(ee.Nb)(n)?{x:Object(ee.ac)(n.x,t),y:Object(ee.ac)(n.y,t)}:{x:n=Object(ee.ac)(n,t),y:n}}function xe(n){return n&&(Object(ee.Mb)(n.xValue)||Object(ee.Mb)(n.yValue))}function we(n,t,e){const o=e.init;if(o)return!0===o?Ce(t,e):function(n,t,e){const o=Object(ee.r)(e.init,[{chart:n,properties:t,options:e}]);if(!0===o)return Ce(t,e);if(Object(ee.Nb)(o))return o}(n,t,e)}function Oe(n,t,e){let o=!1;return t.forEach(t=>{Object(ee.K)(n[t])?(o=!0,e[t]=n[t]):Object(ee.Mb)(e[t])&&delete e[t]}),o}function Ce(n,t){const e=t.type||"line";return ve[e](n)}const ke=new Map;function _e(n){if(n&&"object"==typeof n){const t=n.toString();return"[object HTMLImageElement]"===t||"[object HTMLCanvasElement]"===t}}function Se(n,{x:t,y:e},o){o&&(n.translate(t,e),n.rotate(Object(ee.Yb)(o)),n.translate(-t,-e))}function De(n,t){if(t&&t.borderWidth)return n.lineCap=t.borderCapStyle,n.setLineDash(t.borderDash),n.lineDashOffset=t.borderDashOffset,n.lineJoin=t.borderJoinStyle,n.lineWidth=t.borderWidth,n.strokeStyle=t.borderColor,!0}function Me(n,t){n.shadowColor=t.backgroundShadowColor,n.shadowBlur=t.shadowBlur,n.shadowOffsetX=t.shadowOffsetX,n.shadowOffsetY=t.shadowOffsetY}function Ae(n,t){const e=t.content;if(_e(e))return{width:me(e.width,t.width),height:me(e.height,t.height)};const o=t.font,a=Object(ee.Db)(o)?o.map(n=>Object(ee.D)(n)):[Object(ee.D)(o)],i=t.textStrokeWidth,r=Object(ee.Db)(e)?e:[e],s=r.join()+(n=>n.reduce((function(n,t){return n+=t.string}),""))(a)+i+(n._measureText?"-spriting":"");return ke.has(s)||ke.set(s,function(n,t,e,o){n.save();const a=t.length;let i=0,r=o;for(let s=0;sObject(ee.D)(n)):[Object(ee.D)(i)],s=e.color,l=Object(ee.Db)(s)?s:[s],c=function(n,t){const{x:e,width:o}=n,a=t.textAlign;return"center"===a?e+o/2:"end"===a||"right"===a?e+o:e}(t,e),d=t.y+e.textStrokeWidth/2;n.save(),n.textBaseline="middle",n.textAlign=e.textAlign,function(n,t){if(t.textStrokeWidth>0)return n.lineJoin="round",n.miterLimit=2,n.lineWidth=t.textStrokeWidth,n.strokeStyle=t.textStrokeColor,!0}(n,e)&&function(n,{x:t,y:e},o,a){n.beginPath();let i=0;o.forEach((function(o,r){const s=a[Math.min(r,a.length-1)],l=s.lineHeight;n.font=s.string,n.strokeText(o,t,e+l/2+i),i+=l})),n.stroke()}(n,{x:c,y:d},a,r),function(n,{x:t,y:e},o,{fonts:a,colors:i}){let r=0;o.forEach((function(o,s){const l=i[Math.min(s,i.length-1)],c=a[Math.min(s,a.length-1)],d=c.lineHeight;n.beginPath(),n.font=c.string,n.fillStyle=l,n.fillText(o,t,e+d/2+r),r+=d,n.fill()}))}(n,{x:c,y:d},a,{fonts:r,colors:l}),n.restore()}function Te(n,t,e,o){const{radius:a,options:i}=t,r=i.pointStyle,s=i.rotation;let l=(s||0)*ee.Eb;if(_e(r))return n.save(),n.translate(e,o),n.rotate(l),n.drawImage(r,-r.width/2,-r.height/2,r.width,r.height),void n.restore();(n=>isNaN(n)||n<=0)(a)||function(n,{x:t,y:e,radius:o,rotation:a,style:i,rad:r}){let s,l,c,d;switch(n.beginPath(),i){default:n.arc(t,e,o,0,ee.u),n.closePath();break;case"triangle":n.moveTo(t+Math.sin(r)*o,e-Math.cos(r)*o),r+=ee.Gb,n.lineTo(t+Math.sin(r)*o,e-Math.cos(r)*o),r+=ee.Gb,n.lineTo(t+Math.sin(r)*o,e-Math.cos(r)*o),n.closePath();break;case"rectRounded":d=.516*o,c=o-d,s=Math.cos(r+ee.Fb)*c,l=Math.sin(r+ee.Fb)*c,n.arc(t-s,e-l,d,r-ee.q,r-ee.i),n.arc(t+l,e-s,d,r-ee.i,r),n.arc(t+s,e+l,d,r,r+ee.i),n.arc(t-l,e+s,d,r+ee.i,r+ee.q),n.closePath();break;case"rect":if(!a){c=Math.SQRT1_2*o,n.rect(t-c,e-c,2*c,2*c);break}r+=ee.Fb;case"rectRot":s=Math.cos(r)*o,l=Math.sin(r)*o,n.moveTo(t-s,e-l),n.lineTo(t+l,e-s),n.lineTo(t+s,e+l),n.lineTo(t-l,e+s),n.closePath();break;case"crossRot":r+=ee.Fb;case"cross":s=Math.cos(r)*o,l=Math.sin(r)*o,n.moveTo(t-s,e-l),n.lineTo(t+s,e+l),n.moveTo(t+l,e-s),n.lineTo(t-l,e+s);break;case"star":s=Math.cos(r)*o,l=Math.sin(r)*o,n.moveTo(t-s,e-l),n.lineTo(t+s,e+l),n.moveTo(t+l,e-s),n.lineTo(t-l,e+s),r+=ee.Fb,s=Math.cos(r)*o,l=Math.sin(r)*o,n.moveTo(t-s,e-l),n.lineTo(t+s,e+l),n.moveTo(t+l,e-s),n.lineTo(t-l,e+s);break;case"line":s=Math.cos(r)*o,l=Math.sin(r)*o,n.moveTo(t-s,e-l),n.lineTo(t+s,e+l);break;case"dash":n.moveTo(t,e),n.lineTo(t+Math.cos(r)*o,e+Math.sin(r)*o)}n.fill()}(n,{x:e,y:o,radius:a,rotation:s,style:r,rad:l})}const Ie={xScaleID:{min:"xMin",max:"xMax",start:"left",end:"right",startProp:"x",endProp:"x2"},yScaleID:{min:"yMin",max:"yMax",start:"bottom",end:"top",startProp:"y",endProp:"y2"}};function Ee(n,t,e){return t="number"==typeof t?t:n.parse(t),Object(ee.Lb)(t)?n.getPixelForValue(t):e}function Le(n,t,e){const o=t[e];if(o||"scaleID"===e)return o;const a=e.charAt(0),i=Object.values(n).filter(n=>n.axis&&n.axis===a);return i.length?i[0].id:a}function Ne(n,t){if(n){const e=n.options.reverse;return{start:Ee(n,t.min,e?t.end:t.start),end:Ee(n,t.max,e?t.start:t.end)}}}function Re(n,t){const{chartArea:e,scales:o}=n,a=o[Le(o,t,"xScaleID")],i=o[Le(o,t,"yScaleID")];let r=e.width/2,s=e.height/2;return a&&(r=Ee(a,t.xValue,a.left+a.width/2)),i&&(s=Ee(i,t.yValue,i.top+i.height/2)),{x:r,y:s}}function Ve(n,t){const e=n.scales,o=e[Le(e,t,"xScaleID")],a=e[Le(e,t,"yScaleID")];if(!o&&!a)return{};let{left:i,right:r}=o||n.chartArea,{top:s,bottom:l}=a||n.chartArea;const c=Fe(o,{min:t.xMin,max:t.xMax,start:i,end:r});i=c.start,r=c.end;const d=Fe(a,{min:t.yMin,max:t.yMax,start:l,end:s});return s=d.start,l=d.end,{x:i,y:s,x2:r,y2:l,width:r-i,height:l-s,centerX:i+(r-i)/2,centerY:s+(l-s)/2}}function Ue(n,t){if(!xe(t)){const e=Ve(n,t);let o=t.radius;o&&!isNaN(o)||(o=Math.min(e.width,e.height)/2,t.radius=o);const a=2*o,i=e.centerX+t.xAdjust,r=e.centerY+t.yAdjust;return{x:i-o,y:r-o,x2:i+o,y2:r+o,centerX:i,centerY:r,width:a,height:a,radius:o}}return function(n,t){const e=Re(n,t),o=2*t.radius;return{x:e.x-t.radius+t.xAdjust,y:e.y-t.radius+t.yAdjust,x2:e.x+t.radius+t.xAdjust,y2:e.y+t.radius+t.yAdjust,centerX:e.x+t.xAdjust,centerY:e.y+t.yAdjust,radius:t.radius,width:o,height:o}}(n,t)}function ze(n,t){const{scales:e,chartArea:o}=n,a=e[t.scaleID],i={x:o.left,y:o.top,x2:o.right,y2:o.bottom};return a?function(n,t,e){const o=Ee(n,e.value,NaN),a=Ee(n,e.endValue,o);n.isHorizontal()?(t.x=o,t.x2=a):(t.y=o,t.y2=a)}(a,i,t):function(n,t,e){for(const o of Object.keys(Ie)){const a=n[Le(n,e,o)];if(a){const{min:n,max:i,start:r,end:s,startProp:l,endProp:c}=Ie[o],d=Ne(a,{min:e[n],max:e[i],start:a[r],end:a[s]});t[l]=d.start,t[c]=d.end}}}(e,i,t),i}function We(n,t){const e=Ve(n,t);return e.initProperties=we(n,e,t),e.elements=[{type:"label",optionScope:"label",properties:Ye(n,e,t),initProperties:e.initProperties}],e}function Fe(n,t){const e=Ne(n,t)||t;return{start:Math.min(e.start,e.end),end:Math.max(e.start,e.end)}}function Be(n,t){const{start:e,end:o,borderWidth:a}=n,{position:i,padding:{start:r,end:s},adjust:l}=t;return e+a/2+l+ge(o-a-e-r-s-t.size,i)}function Ye(n,t,e){const o=e.label;o.backgroundColor="transparent",o.callout.display=!1;const a=ye(o.position),i=Object(ee.f)(o.padding),r=Ae(n.ctx,o),s=function({properties:n,options:t},e,o,a){const{x:i,x2:r,width:s}=n;return Be({start:i,end:r,size:s,borderWidth:t.borderWidth},{position:o.x,padding:{start:a.left,end:a.right},adjust:t.label.xAdjust,size:e.width})}({properties:t,options:e},r,a,i),l=function({properties:n,options:t},e,o,a){const{y:i,y2:r,height:s}=n;return Be({start:i,end:r,size:s,borderWidth:t.borderWidth},{position:o.y,padding:{start:a.top,end:a.bottom},adjust:t.label.yAdjust,size:e.height})}({properties:t,options:e},r,a,i),c=r.width+i.width,d=r.height+i.height;return{x:s,y:l,x2:s+c,y2:l+d,width:c,height:d,centerX:s+c/2,centerY:l+d/2,rotation:o.rotation}}function $e(n,t,e){const o=Math.cos(e),a=Math.sin(e),i=t.x,r=t.y;return{x:i+o*(n.x-i)-a*(n.y-r),y:r+a*(n.x-i)+o*(n.y-r)}}const Xe=["enter","leave"],He=Xe.concat("click");function Je(n,t,e){if(n.listened)switch(t.type){case"mousemove":case"mouseout":return function(n,t,e){if(!n.moveListened)return;let o;o="mousemove"===t.type?ae(n.visibleElements,t,e.interaction):[];const a=n.hovered;n.hovered=o;const i={state:n,event:t};let r=qe(i,"leave",a,o);return qe(i,"enter",o,a)||r}(n,t,e);case"click":return function(n,t,e){const o=n.listeners,a=ae(n.visibleElements,t,e.interaction);let i;for(const n of a)i=Ge(n.options.click||o.click,n,t)||i;return i}(n,t,e)}}function qe({state:n,event:t},e,o,a){let i;for(const r of o)a.indexOf(r)<0&&(i=Ge(r.options[e]||n.listeners[e],r,t)||i);return i}function Ge(n,t,e){return!0===Object(ee.r)(n,[t.$context,e])}const Ke=["afterDraw","beforeDraw"];function Ze(n,t,e){if(n.hooked){const o=t.options[e]||n.hooks[e];return Object(ee.r)(o,[t.$context])}}function Qe(n,t,e){const o=function(n,t,e){const o=t.axis,a=t.id,i=o+"ScaleID",r={min:Object(ee.ac)(t.min,Number.NEGATIVE_INFINITY),max:Object(ee.ac)(t.max,Number.POSITIVE_INFINITY)};for(const s of e)s.scaleID===a?oo(s,t,["value","endValue"],r):Le(n,s,i)===a&&oo(s,t,[o+"Min",o+"Max",o+"Value"],r);return r}(n.scales,t,e);let a=no(t,o,"min","suggestedMin");a=no(t,o,"max","suggestedMax")||a,a&&Object(ee.K)(t.handleTickRangeOptions)&&t.handleTickRangeOptions()}function no(n,t,e,o){if(Object(ee.Lb)(t[e])&&!function(n,t,e){return Object(ee.Mb)(n[t])||Object(ee.Mb)(n[e])}(n.options,e,o)){const o=n[e]!==t[e];return n[e]=t[e],o}}function to(n,t){for(const e of["scaleID","xScaleID","yScaleID"]){const o=Le(t,n,e);o&&!t[o]&&eo(n,e)&&console.warn(`No scale found with id '${o}' for annotation '${n.id}'`)}}function eo(n,t){if("scaleID"===t)return!0;const e=t.charAt(0);for(const t of["Min","Max","Value"])if(Object(ee.Mb)(n[e+t]))return!0;return!1}function oo(n,t,e,o){for(const a of e){const e=n[a];if(Object(ee.Mb)(e)){const n=t.parse(e);o.min=Math.min(o.min,n),o.max=Math.max(o.max,n)}}}class ao extends Qt.c{inRange(n,t,e,o){const{x:a,y:i}=$e({x:n,y:t},this.getCenterPoint(o),Object(ee.Yb)(-this.options.rotation));return de({x:a,y:i},this.getProps(["x","y","x2","y2"],o),e,this.options)}getCenterPoint(n){return ue(this,n)}draw(n){n.save(),Se(n,this.getCenterPoint(),this.options.rotation),Pe(n,this,this.options),n.restore()}get label(){return this.elements&&this.elements[0]}resolveElementProperties(n,t){return We(n,t)}}ao.id="boxAnnotation",ao.defaults={adjustScaleRange:!0,backgroundShadowColor:"transparent",borderCapStyle:"butt",borderDash:[],borderDashOffset:0,borderJoinStyle:"miter",borderRadius:0,borderShadowColor:"transparent",borderWidth:1,display:!0,init:void 0,hitTolerance:0,label:{backgroundColor:"transparent",borderWidth:0,callout:{display:!1},color:"black",content:null,display:!1,drawTime:void 0,font:{family:void 0,lineHeight:void 0,size:void 0,style:void 0,weight:"bold"},height:void 0,hitTolerance:void 0,opacity:void 0,padding:6,position:"center",rotation:void 0,textAlign:"start",textStrokeColor:void 0,textStrokeWidth:0,width:void 0,xAdjust:0,yAdjust:0,z:void 0},rotation:0,shadowBlur:0,shadowOffsetX:0,shadowOffsetY:0,xMax:void 0,xMin:void 0,xScaleID:void 0,yMax:void 0,yMin:void 0,yScaleID:void 0,z:0},ao.defaultRoutes={borderColor:"color",backgroundColor:"color"},ao.descriptors={label:{_fallback:!0}};const io=["left","bottom","top","right"];class ro extends Qt.c{inRange(n,t,e,o){const{x:a,y:i}=$e({x:n,y:t},this.getCenterPoint(o),Object(ee.Yb)(-this.rotation));return de({x:a,y:i},this.getProps(["x","y","x2","y2"],o),e,this.options)}getCenterPoint(n){return ue(this,n)}draw(n){const t=this.options,e=!Object(ee.Mb)(this._visible)||this._visible;t.display&&t.content&&e&&(n.save(),Se(n,this.getCenterPoint(),this.rotation),function(n,t){const{pointX:e,pointY:o,options:a}=t,i=a.callout,r=i&&i.display&&function(n,t){const e=t.position;if(io.includes(e))return e;return function(n,t){const{x:e,y:o,x2:a,y2:i,width:r,height:s,pointX:l,pointY:c,centerX:d,centerY:u,rotation:h}=n,f={x:d,y:u},p=t.start,b=me(r,p),v=me(s,p),g=[e,e+b,e+b,a],m=[o+v,i,o,i],y=[];for(let n=0;n<4;n++){const t=$e({x:g[n],y:m[n]},f,Object(ee.Yb)(h));y.push({position:io[n],distance:Object(ee.R)(t,{x:l,y:c})})}return y.sort((n,t)=>n.distance-t.distance)[0].position}(n,t)}(t,i);if(!r||function(n,t,e){const{pointX:o,pointY:a}=n,i=t.margin;let r=o,s=a;"left"===e?r+=i:"right"===e?r-=i:"top"===e?s+=i:"bottom"===e&&(s-=i);return n.inRange(r,s)}(t,i,r))return;n.save(),n.beginPath();if(!De(n,i))return n.restore();const{separatorStart:s,separatorEnd:l}=function(n,t){const{x:e,y:o,x2:a,y2:i}=n,r=function(n,t){const{width:e,height:o,options:a}=n,i=a.callout.margin+a.borderWidth/2;if("right"===t)return e+i;if("bottom"===t)return o+i;return-i}(n,t);let s,l;"left"===t||"right"===t?(s={x:e+r,y:o},l={x:s.x,y:i}):(s={x:e,y:o+r},l={x:a,y:s.y});return{separatorStart:s,separatorEnd:l}}(t,r),{sideStart:c,sideEnd:d}=function(n,t,e){const{y:o,width:a,height:i,options:r}=n,s=r.callout.start,l=function(n,t){const e=t.side;if("left"===n||"top"===n)return-e;return e}(t,r.callout);let c,d;"left"===t||"right"===t?(c={x:e.x,y:o+me(i,s)},d={x:c.x+l,y:c.y}):(c={x:e.x+me(a,s),y:e.y},d={x:c.x,y:c.y+l});return{sideStart:c,sideEnd:d}}(t,r,s);(i.margin>0||0===a.borderWidth)&&(n.moveTo(s.x,s.y),n.lineTo(l.x,l.y));n.moveTo(c.x,c.y),n.lineTo(d.x,d.y);const u=$e({x:e,y:o},t.getCenterPoint(),Object(ee.Yb)(-t.rotation));n.lineTo(u.x,u.y),n.stroke(),n.restore()}(n,this),Pe(n,this,t),je(n,function({x:n,y:t,width:e,height:o,options:a}){const i=a.borderWidth/2,r=Object(ee.f)(a.padding);return{x:n+r.left+i,y:t+r.top+i,width:e-r.left-r.right-a.borderWidth,height:o-r.top-r.bottom-a.borderWidth}}(this),t),n.restore())}resolveElementProperties(n,t){let e;if(xe(t))e=Re(n,t);else{const{centerX:o,centerY:a}=Ve(n,t);e={x:o,y:a}}const o=Object(ee.f)(t.padding),a=function(n,t,e,o){const a=t.width+o.width+e.borderWidth,i=t.height+o.height+e.borderWidth,r=ye(e.position,"center"),s=so(n.x,a,e.xAdjust,r.x),l=so(n.y,i,e.yAdjust,r.y);return{x:s,y:l,x2:s+a,y2:l+i,width:a,height:i,centerX:s+a/2,centerY:l+i/2}}(e,Ae(n.ctx,t),t,o);return{initProperties:we(n,a,t),pointX:e.x,pointY:e.y,...a,rotation:t.rotation}}}function so(n,t,e=0,o){return n-ge(t,o)+e}ro.id="labelAnnotation",ro.defaults={adjustScaleRange:!0,backgroundColor:"transparent",backgroundShadowColor:"transparent",borderCapStyle:"butt",borderDash:[],borderDashOffset:0,borderJoinStyle:"miter",borderRadius:0,borderShadowColor:"transparent",borderWidth:0,callout:{borderCapStyle:"butt",borderColor:void 0,borderDash:[],borderDashOffset:0,borderJoinStyle:"miter",borderWidth:1,display:!1,margin:5,position:"auto",side:5,start:"50%"},color:"black",content:null,display:!0,font:{family:void 0,lineHeight:void 0,size:void 0,style:void 0,weight:void 0},height:void 0,hitTolerance:0,init:void 0,opacity:void 0,padding:6,position:"center",rotation:0,shadowBlur:0,shadowOffsetX:0,shadowOffsetY:0,textAlign:"center",textStrokeColor:void 0,textStrokeWidth:0,width:void 0,xAdjust:0,xMax:void 0,xMin:void 0,xScaleID:void 0,xValue:void 0,yAdjust:0,yMax:void 0,yMin:void 0,yScaleID:void 0,yValue:void 0,z:0},ro.defaultRoutes={borderColor:"color"};const lo=(n,t,e)=>({x:n.x+e*(t.x-n.x),y:n.y+e*(t.y-n.y)}),co=(n,t,e)=>lo(t,e,Math.abs((n-t.y)/(e.y-t.y))).x,uo=(n,t,e)=>lo(t,e,Math.abs((n-t.x)/(e.x-t.x))).y,ho=n=>n*n,fo=(n,t,e,o)=>(1-o)*(1-o)*n+2*(1-o)*o*t+o*o*e,po=(n,t,e,o)=>({x:fo(n.x,t.x,e.x,o),y:fo(n.y,t.y,e.y,o)}),bo=(n,t,e,o)=>2*(1-o)*(t-n)+2*o*(e-t),vo=(n,t,e,o)=>-Math.atan2(bo(n.x,t.x,e.x,o),bo(n.y,t.y,e.y,o))+.5*ee.q;class go extends Qt.c{inRange(n,t,e,o){const a=(this.options.borderWidth+this.options.hitTolerance)/2;if("x"!==e&&"y"!==e){const e={mouseX:n,mouseY:t},{path:i,ctx:r}=this;if(i){De(r,this.options),r.lineWidth+=this.options.hitTolerance;const{chart:a}=this.$context,s=n*a.currentDevicePixelRatio,l=t*a.currentDevicePixelRatio,c=r.isPointInStroke(i,s,l)||xo(this,e,o);return r.restore(),c}return function(n,{mouseX:t,mouseY:e},o=.001,a){const{x:i,y:r,x2:s,y2:l}=n.getProps(["x","y","x2","y2"],a),c=s-i,d=l-r,u=ho(c)+ho(d),h=0===u?-1:((t-i)*c+(e-r)*d)/u;let f,p;h<0?(f=i,p=r):h>1?(f=s,p=l):(f=i+h*c,p=r+h*d);return ho(t-f)+ho(e-p)<=o}(this,e,ho(a),o)||xo(this,e,o)}return function(n,{mouseX:t,mouseY:e},o,{hitSize:a,useFinalPosition:i}){const r=((n,t,{x:e,y:o,x2:a,y2:i},r)=>"y"===r?{start:Math.min(o,i),end:Math.max(o,i),value:t}:{start:Math.min(e,a),end:Math.max(e,a),value:n})(t,e,n.getProps(["x","y","x2","y2"],i),o);return le(r,a)||xo(n,{mouseX:t,mouseY:e},i,o)}(this,{mouseX:n,mouseY:t},e,{hitSize:a,useFinalPosition:o})}getCenterPoint(n){return ue(this,n)}draw(n){const{x:t,y:e,x2:o,y2:a,cp:i,options:r}=this;if(n.save(),!De(n,r))return n.restore();Me(n,r);const s=Math.sqrt(Math.pow(o-t,2)+Math.pow(a-e,2));if(r.curve&&i)return function(n,t,e,o){const{x:a,y:i,x2:r,y2:s,options:l}=t,{startOpts:c,endOpts:d,startAdjust:u,endAdjust:h}=Co(t),f={x:a,y:i},p={x:r,y:s},b=vo(f,e,p,0),v=vo(f,e,p,1)-ee.q,g=po(f,e,p,u/o),m=po(f,e,p,1-h/o),y=new Path2D;n.beginPath(),y.moveTo(g.x,g.y),y.quadraticCurveTo(e.x,e.y,m.x,m.y),n.shadowColor=l.borderShadowColor,n.stroke(y),t.path=y,t.ctx=n,So(n,g,{angle:b,adjust:u},c),So(n,m,{angle:v,adjust:h},d)}(n,this,i,s),n.restore();const{startOpts:l,endOpts:c,startAdjust:d,endAdjust:u}=Co(this),h=Math.atan2(a-e,o-t);n.translate(t,e),n.rotate(h),n.beginPath(),n.moveTo(0+d,0),n.lineTo(s-u,0),n.shadowColor=r.borderShadowColor,n.stroke(),_o(n,0,d,l),_o(n,s,-u,c),n.restore()}get label(){return this.elements&&this.elements[0]}resolveElementProperties(n,t){const e=ze(n,t),{x:o,y:a,x2:i,y2:r}=e,s=function({x:n,y:t,x2:e,y2:o},{top:a,right:i,bottom:r,left:s}){return!(ni&&e>i||tr&&o>r)}(e,n.chartArea),l=s?function(n,t,e){const{x:o,y:a}=yo(n,t,e),{x:i,y:r}=yo(t,n,e);return{x:o,y:a,x2:i,y2:r,width:Math.abs(i-o),height:Math.abs(r-a)}}({x:o,y:a},{x:i,y:r},n.chartArea):{x:o,y:a,x2:i,y2:r,width:Math.abs(i-o),height:Math.abs(r-a)};if(l.centerX=(i+o)/2,l.centerY=(r+a)/2,l.initProperties=we(n,l,t),t.curve){const n={x:l.x,y:l.y},e={x:l.x2,y:l.y2};l.cp=function(n,t,e){const{x:o,y:a,x2:i,y2:r,centerX:s,centerY:l}=n,c=Math.atan2(r-a,i-o),d=ye(t.controlPoint,0);return $e({x:s+me(e,d.x,!1),y:l+me(e,d.y,!1)},{x:s,y:l},c)}(l,t,Object(ee.R)(n,e))}const c=function(n,t,e){const o=e.borderWidth,a=Object(ee.f)(e.padding),i=Ae(n.ctx,e),r=i.width+a.width+o,s=i.height+a.height+o;return function(n,t,e,o){const{width:a,height:i,padding:r}=e,{xAdjust:s,yAdjust:l}=t,c={x:n.x,y:n.y},d={x:n.x2,y:n.y2},u="auto"===t.rotation?function(n){const{x:t,y:e,x2:o,y2:a}=n,i=Math.atan2(a-e,o-t);return i>ee.q/2?i-ee.q:ia&&(t=uo(a,{x:n,y:t},e),n=a),ti&&(n=co(i,{x:n,y:t},e),t=i),{x:n,y:t}}function xo(n,{mouseX:t,mouseY:e},o,a){const i=n.label;return i.options.display&&i.inRange(t,e,a,o)}function wo(n,t,e,o){const{labelSize:a,padding:i}=t,r=n.w*o.dx,s=n.h*o.dy,l=r>0&&(a.w/2+i.left-o.x)/r,c=s>0&&(a.h/2+i.top-o.y)/s;return se(Math.max(l,c),0,.25)}function Oo(n,t){const{size:e,min:o,max:a,padding:i}=t,r=e/2;return e>a-o?(a+o)/2:(o>=n-i-r&&(n=o+i+r),a<=n+i+r&&(n=a-i-r),n)}function Co(n){const t=n.options,e=t.arrowHeads&&t.arrowHeads.start,o=t.arrowHeads&&t.arrowHeads.end;return{startOpts:e,endOpts:o,startAdjust:ko(n,e),endAdjust:ko(n,o)}}function ko(n,t){if(!t||!t.display)return 0;const{length:e,width:o}=t,a=n.options.borderWidth/2,i={x:e,y:o+a},r={x:0,y:a};return Math.abs(co(0,i,r))}function _o(n,t,e,o){if(!o||!o.display)return;const{length:a,width:i,fill:r,backgroundColor:s,borderColor:l}=o,c=Math.abs(t-a)+e;n.beginPath(),Me(n,o),De(n,o),n.moveTo(c,-i),n.lineTo(t+e,0),n.lineTo(c,i),!0===r?(n.fillStyle=s||l,n.closePath(),n.fill(),n.shadowColor="transparent"):n.shadowColor=o.borderShadowColor,n.stroke()}function So(n,{x:t,y:e},{angle:o,adjust:a},i){i&&i.display&&(n.save(),n.translate(t,e),n.rotate(o),_o(n,0,-a,i),n.restore())}go.defaults={adjustScaleRange:!0,arrowHeads:{display:!1,end:Object.assign({},mo),fill:!1,length:12,start:Object.assign({},mo),width:6},borderDash:[],borderDashOffset:0,borderShadowColor:"transparent",borderWidth:2,curve:!1,controlPoint:{y:"-50%"},display:!0,endValue:void 0,init:void 0,hitTolerance:0,label:{backgroundColor:"rgba(0,0,0,0.8)",backgroundShadowColor:"transparent",borderCapStyle:"butt",borderColor:"black",borderDash:[],borderDashOffset:0,borderJoinStyle:"miter",borderRadius:6,borderShadowColor:"transparent",borderWidth:0,callout:Object.assign({},ro.defaults.callout),color:"#fff",content:null,display:!1,drawTime:void 0,font:{family:void 0,lineHeight:void 0,size:void 0,style:void 0,weight:"bold"},height:void 0,hitTolerance:void 0,opacity:void 0,padding:6,position:"center",rotation:0,shadowBlur:0,shadowOffsetX:0,shadowOffsetY:0,textAlign:"center",textStrokeColor:void 0,textStrokeWidth:0,width:void 0,xAdjust:0,yAdjust:0,z:void 0},scaleID:void 0,shadowBlur:0,shadowOffsetX:0,shadowOffsetY:0,value:void 0,xMax:void 0,xMin:void 0,xScaleID:void 0,yMax:void 0,yMin:void 0,yScaleID:void 0,z:0},go.descriptors={arrowHeads:{start:{_fallback:!0},end:{_fallback:!0},_fallback:!0}},go.defaultRoutes={borderColor:"color"};class Do extends Qt.c{inRange(n,t,e,o){const a=this.options.rotation,i=(this.options.borderWidth+this.options.hitTolerance)/2;if("x"!==e&&"y"!==e)return function(n,t,e,o){const{width:a,height:i,centerX:r,centerY:s}=t,l=a/2,c=i/2;if(l<=0||c<=0)return!1;const d=Object(ee.Yb)(e||0),u=Math.cos(d),h=Math.sin(d),f=Math.pow(u*(n.x-r)+h*(n.y-s),2),p=Math.pow(h*(n.x-r)-u*(n.y-s),2);return f/Math.pow(l+o,2)+p/Math.pow(c+o,2)<=1.0001}({x:n,y:t},this.getProps(["width","height","centerX","centerY"],o),a,i);const{x:r,y:s,x2:l,y2:c}=this.getProps(["x","y","x2","y2"],o),d="y"===e?{start:s,end:c}:{start:r,end:l},u=$e({x:n,y:t},this.getCenterPoint(o),Object(ee.Yb)(-a));return u[e]>=d.start-i-.001&&u[e]<=d.end+i+.001}getCenterPoint(n){return ue(this,n)}draw(n){const{width:t,height:e,centerX:o,centerY:a,options:i}=this;n.save(),Se(n,this.getCenterPoint(),i.rotation),Me(n,this.options),n.beginPath(),n.fillStyle=i.backgroundColor;const r=De(n,i);n.ellipse(o,a,e/2,t/2,ee.q/2,0,2*ee.q),n.fill(),r&&(n.shadowColor=i.borderShadowColor,n.stroke()),n.restore()}get label(){return this.elements&&this.elements[0]}resolveElementProperties(n,t){return We(n,t)}}Do.id="ellipseAnnotation",Do.defaults={adjustScaleRange:!0,backgroundShadowColor:"transparent",borderDash:[],borderDashOffset:0,borderShadowColor:"transparent",borderWidth:1,display:!0,hitTolerance:0,init:void 0,label:Object.assign({},ao.defaults.label),rotation:0,shadowBlur:0,shadowOffsetX:0,shadowOffsetY:0,xMax:void 0,xMin:void 0,xScaleID:void 0,yMax:void 0,yMin:void 0,yScaleID:void 0,z:0},Do.defaultRoutes={borderColor:"color",backgroundColor:"color"},Do.descriptors={label:{_fallback:!0}};class Mo extends Qt.c{inRange(n,t,e,o){const{x:a,y:i,x2:r,y2:s,width:l}=this.getProps(["x","y","x2","y2","width"],o),c=(this.options.borderWidth+this.options.hitTolerance)/2;if("x"!==e&&"y"!==e)return function(n,t,e,o){return!(!n||!t||e<=0)&&Math.pow(n.x-t.x,2)+Math.pow(n.y-t.y,2)<=Math.pow(e+o,2)}({x:n,y:t},this.getCenterPoint(o),l/2,c);return le("y"===e?{start:i,end:s,value:t}:{start:a,end:r,value:n},c)}getCenterPoint(n){return ue(this,n)}draw(n){const t=this.options,e=t.borderWidth;if(t.radius<.1)return;n.save(),n.fillStyle=t.backgroundColor,Me(n,t);const o=De(n,t);Te(n,this,this.centerX,this.centerY),o&&!_e(t.pointStyle)&&(n.shadowColor=t.borderShadowColor,n.stroke()),n.restore(),t.borderWidth=e}resolveElementProperties(n,t){const e=Ue(n,t);return e.initProperties=we(n,e,t),e}}Mo.id="pointAnnotation",Mo.defaults={adjustScaleRange:!0,backgroundShadowColor:"transparent",borderDash:[],borderDashOffset:0,borderShadowColor:"transparent",borderWidth:1,display:!0,hitTolerance:0,init:void 0,pointStyle:"circle",radius:10,rotation:0,shadowBlur:0,shadowOffsetX:0,shadowOffsetY:0,xAdjust:0,xMax:void 0,xMin:void 0,xScaleID:void 0,xValue:void 0,yAdjust:0,yMax:void 0,yMin:void 0,yScaleID:void 0,yValue:void 0,z:0},Mo.defaultRoutes={borderColor:"color",backgroundColor:"color"};class Ao extends Qt.c{inRange(n,t,e,o){if("x"!==e&&"y"!==e)return this.options.radius>=.1&&this.elements.length>1&&function(n,t,e,o){let a=!1,i=n[n.length-1].getProps(["bX","bY"],o);for(const r of n){const n=r.getProps(["bX","bY"],o);n.bY>e!=i.bY>e&&t<(i.bX-n.bX)*(e-n.bY)/(i.bY-n.bY)+n.bX&&(a=!a),i=n}return a}(this.elements,n,t,o);const a=$e({x:n,y:t},this.getCenterPoint(o),Object(ee.Yb)(-this.options.rotation)),i=this.elements.map(n=>"y"===e?n.bY:n.bX),r=Math.min(...i),s=Math.max(...i);return a[e]>=r&&a[e]<=s}getCenterPoint(n){return ue(this,n)}draw(n){const{elements:t,options:e}=this;n.save(),n.beginPath(),n.fillStyle=e.backgroundColor,Me(n,e);const o=De(n,e);let a=!0;for(const e of t)a?(n.moveTo(e.x,e.y),a=!1):n.lineTo(e.x,e.y);n.closePath(),n.fill(),o&&(n.shadowColor=e.borderShadowColor,n.stroke()),n.restore()}resolveElementProperties(n,t){const e=Ue(n,t),{sides:o,rotation:a}=t,i=[],r=2*ee.q/o;let s=a*ee.Eb;for(let a=0;a{ee.Ib.describe("elements."+jo[n].id,{_fallback:"plugins.annotation.common"})});const To={update:Object.assign},Io=He.concat(Ke),Eo=(n,t)=>Object(ee.Nb)(t)?Fo(n,t):n,Lo=n=>"color"===n||"font"===n;function No(n="line"){return jo[n]?n:(console.warn(`Unknown annotation type: '${n}', defaulting to 'line'`),"line")}function Ro(n,t,e,o){const a=function(n,t,e){if("reset"===e||"none"===e||"resize"===e)return To;return new Qt.a(n,t)}(n,e.animations,o),i=t.annotations,r=function(n,t){const e=t.length,o=n.length;if(oe&&n.splice(e,o-e);return n}(t.elements,i);for(let t=0;tEo(n,a)):e[o]=Eo(i,a)}return e}function Bo(n,t,e,o){return t.$context||(t.$context=Object.assign(Object.create(n.getContext()),{element:t,get elements(){return e.filter(n=>n&&n.options)},id:o.id,type:"annotation"}))}const Yo=new Map,$o=He.concat(Ke);var Xo={id:"annotation",version:"3.0.1",beforeRegister(){!function(n,t,e,o=!0){const a=e.split(".");let i=0;for(const r of t.split(".")){const s=a[i++];if(parseInt(r,10){const t=a[n];Object(ee.Nb)(t)&&(t.id=n,o.push(t))}):Object(ee.Db)(a)&&o.push(...a),function(n,t){for(const e of n)to(e,t)}(o,n.scales)},afterDataLimits(n,t){const e=Yo.get(n);Qe(n,t.scale,e.annotations.filter(n=>n.display&&n.adjustScaleRange))},afterUpdate(n,t,e){const o=Yo.get(n);!function(n,t,e){t.listened=Oe(e,He,t.listeners),t.moveListened=!1,Xe.forEach(n=>{Object(ee.K)(e[n])&&(t.moveListened=!0)}),t.listened&&t.moveListened||t.annotations.forEach(n=>{!t.listened&&Object(ee.K)(n.click)&&(t.listened=!0),t.moveListened||Xe.forEach(e=>{Object(ee.K)(n[e])&&(t.listened=!0,t.moveListened=!0)})})}(0,o,e),Ro(n,o,e,t.mode),o.visibleElements=o.elements.filter(n=>!n.skip&&n.options.display),function(n,t,e){const o=t.visibleElements;t.hooked=Oe(e,Ke,t.hooks),t.hooked||o.forEach(n=>{t.hooked||Ke.forEach(e=>{Object(ee.K)(n.options[e])&&(t.hooked=!0)})})}(0,o,e)},beforeDatasetsDraw(n,t,e){Ho(n,"beforeDatasetsDraw",e.clip)},afterDatasetsDraw(n,t,e){Ho(n,"afterDatasetsDraw",e.clip)},beforeDatasetDraw(n,t,e){Ho(n,t.index,e.clip)},beforeDraw(n,t,e){Ho(n,"beforeDraw",e.clip)},afterDraw(n,t,e){Ho(n,"afterDraw",e.clip)},beforeEvent(n,t,e){Je(Yo.get(n),t.event,e)&&(t.changed=!0)},afterDestroy(n){Yo.delete(n)},getAnnotations(n){const t=Yo.get(n);return t?t.elements:[]},_getAnnotationElementsAtEventForMode:(n,t,e)=>ae(n,t,e),defaults:{animations:{numbers:{properties:["x","y","x2","y2","width","height","centerX","centerY","pointX","pointY","radius"],type:"number"}},clip:!0,interaction:{mode:void 0,axis:void 0,intersect:void 0},common:{drawTime:"afterDatasetsDraw",init:!1,label:{}}},descriptors:{_indexable:!1,_scriptable:n=>!$o.includes(n)&&"init"!==n,annotations:{_allKeys:!1,_fallback:(n,t)=>"elements."+jo[No(t.type)].id},interaction:{_fallback:!0},common:{label:{_indexable:Lo,_fallback:!0},_indexable:Lo}},additionalOptionScopes:[""]};function Ho(n,t,e){const{ctx:o,chartArea:a}=n,i=Yo.get(n);e&&Object(ee.z)(o,a);const r=function(n,t){const e=[];for(const o of n)if(o.options.drawTime===t&&e.push({element:o,main:!0}),o.elements&&o.elements.length)for(const n of o.elements)n.options.display&&n.options.drawTime===t&&e.push({element:n});return e}(i.visibleElements,t).sort((n,t)=>n.element.options.z-t.element.options.z);for(const n of r)Jo(o,a,i,n);e&&Object(ee.a)(o)}function Jo(n,t,e,o){const a=o.element;o.main?(Ze(e,a,"beforeDraw"),a.draw(n,t),Ze(e,a,"afterDraw")):a.draw(n,t)}te.register(Xo),te.register({id:"version",afterDraw(n){const t=n.ctx;t.save(),t.font="9px monospace",t.fillStyle="rgba(0, 0, 0, 0.5)",t.textAlign="right",t.textBaseline="top",t.fillText("Chart.js v"+te.version+" + chartjs-plugin-annotation v"+Xo.version,n.chartArea.right,0),t.restore()}}),ee.Ib.set({elements:{line:{tension:.4}},plugins:{legend:!1}});let qo=Date.now();function Go(n){qo=n}function Ko(n,t){return n=Object(ee.ac)(n,0),t=Object(ee.ac)(t,0),qo=(9301*qo+49297)%233280,n+qo/233280*(t-n)}function Zo(n){var t,e,o=n||{},a=Object(ee.ac)(o.min,0),i=Object(ee.ac)(o.max,100),r=Object(ee.ac)(o.from,[]),s=Object(ee.ac)(o.count,8),l=Object(ee.ac)(o.decimals,8),c=Object(ee.ac)(o.continuity,1),d=Math.pow(10,l)||0,u=[];for(t=0;t({x:n,y:e[t]}))}function na(){const n=new Image;return n.src="https://www.chartjs.org/chartjs-plugin-annotation/latest/favicon.png",n}let ta=null;function ea(){if(ta)return ta;const n=document.createElement("canvas");return n.width=100,n.height=100,n.style.visibility="hidden",document.body.appendChild(n),ta=function(n){return new Qt.b(n,{type:"pie",data:{labels:["Bought","Sold","Rented"],datasets:[{data:[42,33,25],backgroundColor:["#3366cc","#dc3912","#ff9900"]}]},options:{responsive:!1,animation:!1,plugins:{version:!1,legend:!1,title:!1,subtitle:!1}}})}(n),ta}function oa(){const n=document.createElement("canvas");n.width=150,n.height=150;const t=n.width/2,e=n.height/2,o=n.getContext("2d");o.moveTo(t,e),o.beginPath();for(let n=0;n<720;n++){const e=.1*n,a=t+e*Math.cos(e),i=t+e*Math.sin(e);o.lineTo(a,i)}return o.strokeStyle="#666",o.stroke(),n}function aa(){const n=document.createElement("canvas");n.width=230,n.height=210;const t=n.getContext("2d");return t.fillStyle="#666",t.strokeStyle="#666",t.lineWidth=10,t.strokeRect(40,90,150,110),t.fillRect(95,140,40,60),t.beginPath(),t.moveTo(15,90),t.lineTo(115,10),t.lineTo(215,90),t.closePath(),t.stroke(),n}const ia={Register:o,Defaults:a,Utils:i};r.a.mixin({created(){this.$chart=this.$chart||{},this.$chart.imports=ia}});var ra=e(55);const sa={redirectors:[{base:"/samples",alternative:["intro"]}]};var la=[{},{},({Vue:n})=>{n.mixin({computed:{$dataBlock(){return this.$options.__data__block__}}})},{},{},{},({router:n,siteData:t})=>{const{routes:e=[]}=n.options,{redirectors:o=[]}=sa;function a(n){return e.some(t=>t.path.toLowerCase()===n.toLowerCase())}function i(n){if(a(n))return n;if(!/\/$/.test(n)){const t=n+"/";if(a(t))return t}if(!/\.html$/.test(n)){const t=n.replace(/\/$/,"")+".html";if(a(t))return t}return null}if(sa.locales&&t.locales){const n=t.locales,e=Object.keys(n),a=e.map(t=>({key:t.replace(/^\/|\/$/,""),lang:n[t].lang}));"object"!=typeof sa.locales&&(sa.locales={});const{fallback:i,storage:r=!0}=sa.locales;i&&e.unshift(i),o.unshift({storage:r,base:"/",alternative(){if("undefined"!=typeof window&&window.navigator){const n=window.navigator.languages||[window.navigator.language],t=a.find(({lang:t})=>n.includes(t));if(t)return t.key}return e}})}const r=o.map(({base:n="/",storage:t=!1,alternative:e})=>{let o=!1;if(t)if("object"!=typeof t){const e="string"!=typeof t?"vuepress:redirect:"+n:t;o={get:()=>"undefined"==typeof localStorage?null:localStorage.getItem(e),set(n){"undefined"!=typeof localStorage&&localStorage.setItem(e,n)}}}else t.get&&t.set&&(o=t);return{base:n,storage:o,alternative:e}});n.beforeEach((n,t,e)=>{if(i(n.path))return e();let o;for(const t of r){const{base:e="/",storage:a=!1}=t;let{alternative:r}=t;if(!n.path.startsWith(e))continue;const s=n.path.slice(e.length)||"/";if(a){const n=a.get(t);if(n){const t=i(Object(ra.join)(e,n,s));if(t){o=t;break}}}if("function"==typeof r&&(r=r(s)),r){"string"==typeof r&&(r=[r]);for(const n of r){const t=i(Object(ra.join)(e,n,s));if(t){o=t;break}}if(o)break}}e(o)}),n.afterEach(n=>{if(a(n.path))for(const t of r){const{base:e,storage:o}=t;if(!o||!n.path.startsWith(e))continue;const a=n.path.slice(e.length).split("/")[0];a&&o.set(a,t)}})},({siteData:n,options:t})=>{n.themeConfig.sidebarDepth=0,n.themeConfig.sidebar=Object.assign({},n.themeConfig.sidebar,{"/api/":[{title:"API",children:[["/api/","Exports"],{title:"Interfaces",children:[["interfaces/AnnotationBoxModel","AnnotationBoxModel"],["interfaces/AnnotationElement","AnnotationElement"],["interfaces/AnnotationEvents","AnnotationEvents"],["interfaces/AnnotationHooks","AnnotationHooks"],["interfaces/AnnotationPluginOptions","AnnotationPluginOptions"],["interfaces/AnnotationPointCoordinates","AnnotationPointCoordinates"],["interfaces/AnnotationTypeRegistry","AnnotationTypeRegistry"],["interfaces/ArrowHeadOptions","ArrowHeadOptions"],["interfaces/ArrowHeadsOptions","ArrowHeadsOptions"],["interfaces/BoxAnnotationOptions","BoxAnnotationOptions"],["interfaces/BoxLabelOptions","BoxLabelOptions"],["interfaces/CalloutOptions","CalloutOptions"],["interfaces/ContainedLabelOptions","ContainedLabelOptions"],["interfaces/ControlPointOptions","ControlPointOptions"],["interfaces/CoreAnnotationOptions","CoreAnnotationOptions"],["interfaces/CoreLabelOptions","CoreLabelOptions"],["interfaces/EllipseAnnotationOptions","EllipseAnnotationOptions"],["interfaces/EventContext","EventContext"],["interfaces/LabelAnnotationOptions","LabelAnnotationOptions"],["interfaces/LabelOptions","LabelOptions"],["interfaces/LabelPadding","LabelPadding"],["interfaces/LabelPositionObject","LabelPositionObject"],["interfaces/LabelTypeOptions","LabelTypeOptions"],["interfaces/LineAnnotationOptions","LineAnnotationOptions"],["interfaces/PartialEventContext","PartialEventContext"],["interfaces/PointAnnotationOptions","PointAnnotationOptions"],["interfaces/PolygonAnnotationOptions","PolygonAnnotationOptions"],["interfaces/ShadowOptions","ShadowOptions"]]}],initialOpenGroupIndex:-1,collapsable:!1}]})}],ca=[];class da extends class{constructor(){this.store=new r.a({data:{state:{}}})}$get(n){return this.store.state[n]}$set(n,t){r.a.set(this.store.state,n,t)}$emit(...n){this.store.$emit(...n)}$on(...n){this.store.$on(...n)}}{}Object.assign(da.prototype,{getPageAsyncComponent:ht,getLayoutAsyncComponent:ft,getAsyncComponent:pt,getVueComponent:bt});var ua={install(n){const t=new da;n.$vuepress=t,n.prototype.$vuepress=t}};function ha(n,t){const e=t.toLowerCase();return n.options.routes.some(n=>n.path.toLowerCase()===e)}var fa={props:{pageKey:String,slotKey:{type:String,default:"default"}},render(n){const t=this.pageKey||this.$parent.$page.key;return gt("pageKey",t),r.a.component(t)||r.a.component(t,ht(t)),r.a.component(t)?n(t):n("")}},pa={functional:!0,props:{slotKey:String,required:!0},render:(n,{props:t,slots:e})=>n("div",{class:["content__"+t.slotKey]},e()[t.slotKey])},ba={computed:{openInNewWindowTitle(){return this.$themeLocaleConfig.openNewWindowText||"(opens new window)"}}},va=(e(258),e(259),Object(zt.a)(ba,(function(){var n=this._self._c;return n("span",[n("svg",{staticClass:"icon outbound",attrs:{xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",focusable:"false",x:"0px",y:"0px",viewBox:"0 0 100 100",width:"15",height:"15"}},[n("path",{attrs:{fill:"currentColor",d:"M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"}}),this._v(" "),n("polygon",{attrs:{fill:"currentColor",points:"45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"}})]),this._v(" "),n("span",{staticClass:"sr-only"},[this._v(this._s(this.openInNewWindowTitle))])])}),[],!1,null,null,null).exports),ga={functional:!0,render(n,{parent:t,children:e}){if(t._isMounted)return e;t.$once("hook:mounted",()=>{t.$forceUpdate()})}};r.a.config.productionTip=!1,r.a.use(Gn),r.a.use(ua),r.a.mixin(function(n,t,e=r.a){!function(n){n.locales&&Object.keys(n.locales).forEach(t=>{n.locales[t].path=t});Object.freeze(n)}(t),e.$vuepress.$set("siteData",t);const o=new(n(e.$vuepress.$get("siteData"))),a=Object.getOwnPropertyDescriptors(Object.getPrototypeOf(o)),i={};return Object.keys(a).reduce((n,t)=>(t.startsWith("$")&&(n[t]=a[t].get),n),i),{computed:i}}(n=>class{setPage(n){this.__page=n}get $site(){return n}get $themeConfig(){return this.$site.themeConfig}get $frontmatter(){return this.$page.frontmatter}get $localeConfig(){const{locales:n={}}=this.$site;let t,e;for(const o in n)"/"===o?e=n[o]:0===this.$page.path.indexOf(o)&&(t=n[o]);return t||e||{}}get $siteTitle(){return this.$localeConfig.title||this.$site.title||""}get $canonicalUrl(){const{canonicalUrl:n}=this.$page.frontmatter;return"string"==typeof n&&n}get $title(){const n=this.$page,{metaTitle:t}=this.$page.frontmatter;if("string"==typeof t)return t;const e=this.$siteTitle,o=n.frontmatter.home?null:n.frontmatter.title||n.title;return e?o?o+" | "+e:e:o||"VuePress"}get $description(){const n=function(n){if(n){const t=n.filter(n=>"description"===n.name)[0];if(t)return t.content}}(this.$page.frontmatter.meta);return n||(this.$page.frontmatter.description||this.$localeConfig.description||this.$site.description||"")}get $lang(){return this.$page.frontmatter.lang||this.$localeConfig.lang||"en-US"}get $localePath(){return this.$localeConfig.path||"/"}get $themeLocaleConfig(){return(this.$site.themeConfig.locales||{})[this.$localePath]||{}}get $page(){return this.__page?this.__page:function(n,t){for(let e=0;ee||(n.hash?!r.a.$vuepress.$get("disableScrollBehavior")&&{selector:decodeURIComponent(n.hash)}:{x:0,y:0})});!function(n){n.beforeEach((t,e,o)=>{if(ha(n,t.path))o();else if(/(\/|\.html)$/.test(t.path))if(/\/$/.test(t.path)){const e=t.path.replace(/\/$/,"")+".html";ha(n,e)?o(e):o()}else o();else{const e=t.path+"/",a=t.path+".html";ha(n,a)?o(a):ha(n,e)?o(e):o()}})}(e);const o={};try{await Promise.all(la.filter(n=>"function"==typeof n).map(t=>t({Vue:r.a,options:o,router:e,siteData:Kt,isServer:n})))}catch(n){console.error(n)}return{app:new r.a(Object.assign(o,{router:e,render:n=>n("div",{attrs:{id:"app"}},[n("RouterView",{ref:"layout"}),n("div",{class:"global-ui"},ca.map(t=>n(t)))])})),router:e}}(!1).then(({app:n,router:t})=>{t.onReady(()=>{n.$mount("#app")})})}]); \ No newline at end of file +const oe={modes:{point:(n,t)=>ie(n,t,{intersect:!0}),nearest:(n,t,e)=>function(n,t,e){let o=Number.POSITIVE_INFINITY;return ie(n,t,e).reduce((n,a)=>{const i=a.getCenterPoint(),r=function(n,t,e){if("x"===e)return{x:n.x,y:t.y};if("y"===e)return{x:t.x,y:n.y};return t}(t,i,e.axis),s=Object(ee.R)(t,r);return sn._index-t._index).slice(0,1)}(n,t,e),x:(n,t,e)=>ie(n,t,{intersect:e.intersect,axis:"x"}),y:(n,t,e)=>ie(n,t,{intersect:e.intersect,axis:"y"})}};function ae(n,t,e){return(oe.modes[e.mode]||oe.modes.nearest)(n,t,e)}function ie(n,t,e){return n.filter(n=>e.intersect?n.inRange(t.x,t.y):function(n,t,e){return"x"!==e&&"y"!==e?n.inRange(t.x,t.y,"x",!0)||n.inRange(t.x,t.y,"y",!0):n.inRange(t.x,t.y,e,!0)}(n,t,e.axis))}const re=(n,t)=>t>n||n.length>t.length&&n.slice(0,t.length)===t,se=(n,t,e)=>Math.min(e,Math.max(t,n)),le=(n,t)=>n.value>=n.start-t&&n.value<=n.end+t;function ce(n,t,e){for(const o of Object.keys(n))n[o]=se(n[o],t,e);return n}function de(n,{x:t,y:e,x2:o,y2:a},i,{borderWidth:r,hitTolerance:s}){const l=(r+s)/2,c=n.x>=t-l-.001&&n.x<=o+l+.001,d=n.y>=e-l-.001&&n.y<=a+l+.001;return"x"===i?c:("y"===i||c)&&d}function ue(n,t){const{centerX:e,centerY:o}=n.getProps(["centerX","centerY"],t);return{x:e,y:o}}const he=n=>"string"==typeof n&&n.endsWith("%"),fe=n=>parseFloat(n)/100,pe=n=>se(fe(n),0,1),be=(n,t)=>({x:n,y:t,x2:n,y2:t,width:0,height:0}),ve={box:n=>be(n.centerX,n.centerY),ellipse:n=>({centerX:n.centerX,centerY:n.centerX,radius:0,width:0,height:0}),label:n=>be(n.centerX,n.centerY),line:n=>be(n.x,n.y),point:n=>({centerX:n.centerX,centerY:n.centerY,radius:0,width:0,height:0}),polygon:n=>be(n.centerX,n.centerY)};function ge(n,t){return"start"===t?0:"end"===t?n:he(t)?pe(t)*n:n/2}function me(n,t,e=!0){return"number"==typeof t?t:he(t)?(e?pe(t):fe(t))*n:n}function ye(n,t="center"){return Object(ee.Nb)(n)?{x:Object(ee.ac)(n.x,t),y:Object(ee.ac)(n.y,t)}:{x:n=Object(ee.ac)(n,t),y:n}}function xe(n){return n&&(Object(ee.Mb)(n.xValue)||Object(ee.Mb)(n.yValue))}function we(n,t,e){const o=e.init;if(o)return!0===o?Ce(t,e):function(n,t,e){const o=Object(ee.r)(e.init,[{chart:n,properties:t,options:e}]);if(!0===o)return Ce(t,e);if(Object(ee.Nb)(o))return o}(n,t,e)}function Oe(n,t,e){let o=!1;return t.forEach(t=>{Object(ee.K)(n[t])?(o=!0,e[t]=n[t]):Object(ee.Mb)(e[t])&&delete e[t]}),o}function Ce(n,t){const e=t.type||"line";return ve[e](n)}const ke=new Map;function _e(n){if(n&&"object"==typeof n){const t=n.toString();return"[object HTMLImageElement]"===t||"[object HTMLCanvasElement]"===t}}function Se(n,{x:t,y:e},o){o&&(n.translate(t,e),n.rotate(Object(ee.Yb)(o)),n.translate(-t,-e))}function De(n,t){if(t&&t.borderWidth)return n.lineCap=t.borderCapStyle,n.setLineDash(t.borderDash),n.lineDashOffset=t.borderDashOffset,n.lineJoin=t.borderJoinStyle,n.lineWidth=t.borderWidth,n.strokeStyle=t.borderColor,!0}function Me(n,t){n.shadowColor=t.backgroundShadowColor,n.shadowBlur=t.shadowBlur,n.shadowOffsetX=t.shadowOffsetX,n.shadowOffsetY=t.shadowOffsetY}function Ae(n,t){const e=t.content;if(_e(e))return{width:me(e.width,t.width),height:me(e.height,t.height)};const o=t.font,a=Object(ee.Db)(o)?o.map(n=>Object(ee.D)(n)):[Object(ee.D)(o)],i=t.textStrokeWidth,r=Object(ee.Db)(e)?e:[e],s=r.join()+(n=>n.reduce((function(n,t){return n+=t.string}),""))(a)+i+(n._measureText?"-spriting":"");return ke.has(s)||ke.set(s,function(n,t,e,o){n.save();const a=t.length;let i=0,r=o;for(let s=0;sObject(ee.D)(n)):[Object(ee.D)(i)],s=e.color,l=Object(ee.Db)(s)?s:[s],c=function(n,t){const{x:e,width:o}=n,a=t.textAlign;return"center"===a?e+o/2:"end"===a||"right"===a?e+o:e}(t,e),d=t.y+e.textStrokeWidth/2;n.save(),n.textBaseline="middle",n.textAlign=e.textAlign,function(n,t){if(t.textStrokeWidth>0)return n.lineJoin="round",n.miterLimit=2,n.lineWidth=t.textStrokeWidth,n.strokeStyle=t.textStrokeColor,!0}(n,e)&&function(n,{x:t,y:e},o,a){n.beginPath();let i=0;o.forEach((function(o,r){const s=a[Math.min(r,a.length-1)],l=s.lineHeight;n.font=s.string,n.strokeText(o,t,e+l/2+i),i+=l})),n.stroke()}(n,{x:c,y:d},a,r),function(n,{x:t,y:e},o,{fonts:a,colors:i}){let r=0;o.forEach((function(o,s){const l=i[Math.min(s,i.length-1)],c=a[Math.min(s,a.length-1)],d=c.lineHeight;n.beginPath(),n.font=c.string,n.fillStyle=l,n.fillText(o,t,e+d/2+r),r+=d,n.fill()}))}(n,{x:c,y:d},a,{fonts:r,colors:l}),n.restore()}function Te(n,t,e,o){const{radius:a,options:i}=t,r=i.pointStyle,s=i.rotation;let l=(s||0)*ee.Eb;if(_e(r))return n.save(),n.translate(e,o),n.rotate(l),n.drawImage(r,-r.width/2,-r.height/2,r.width,r.height),void n.restore();(n=>isNaN(n)||n<=0)(a)||function(n,{x:t,y:e,radius:o,rotation:a,style:i,rad:r}){let s,l,c,d;switch(n.beginPath(),i){default:n.arc(t,e,o,0,ee.u),n.closePath();break;case"triangle":n.moveTo(t+Math.sin(r)*o,e-Math.cos(r)*o),r+=ee.Gb,n.lineTo(t+Math.sin(r)*o,e-Math.cos(r)*o),r+=ee.Gb,n.lineTo(t+Math.sin(r)*o,e-Math.cos(r)*o),n.closePath();break;case"rectRounded":d=.516*o,c=o-d,s=Math.cos(r+ee.Fb)*c,l=Math.sin(r+ee.Fb)*c,n.arc(t-s,e-l,d,r-ee.q,r-ee.i),n.arc(t+l,e-s,d,r-ee.i,r),n.arc(t+s,e+l,d,r,r+ee.i),n.arc(t-l,e+s,d,r+ee.i,r+ee.q),n.closePath();break;case"rect":if(!a){c=Math.SQRT1_2*o,n.rect(t-c,e-c,2*c,2*c);break}r+=ee.Fb;case"rectRot":s=Math.cos(r)*o,l=Math.sin(r)*o,n.moveTo(t-s,e-l),n.lineTo(t+l,e-s),n.lineTo(t+s,e+l),n.lineTo(t-l,e+s),n.closePath();break;case"crossRot":r+=ee.Fb;case"cross":s=Math.cos(r)*o,l=Math.sin(r)*o,n.moveTo(t-s,e-l),n.lineTo(t+s,e+l),n.moveTo(t+l,e-s),n.lineTo(t-l,e+s);break;case"star":s=Math.cos(r)*o,l=Math.sin(r)*o,n.moveTo(t-s,e-l),n.lineTo(t+s,e+l),n.moveTo(t+l,e-s),n.lineTo(t-l,e+s),r+=ee.Fb,s=Math.cos(r)*o,l=Math.sin(r)*o,n.moveTo(t-s,e-l),n.lineTo(t+s,e+l),n.moveTo(t+l,e-s),n.lineTo(t-l,e+s);break;case"line":s=Math.cos(r)*o,l=Math.sin(r)*o,n.moveTo(t-s,e-l),n.lineTo(t+s,e+l);break;case"dash":n.moveTo(t,e),n.lineTo(t+Math.cos(r)*o,e+Math.sin(r)*o)}n.fill()}(n,{x:e,y:o,radius:a,rotation:s,style:r,rad:l})}const Ie={xScaleID:{min:"xMin",max:"xMax",start:"left",end:"right",startProp:"x",endProp:"x2"},yScaleID:{min:"yMin",max:"yMax",start:"bottom",end:"top",startProp:"y",endProp:"y2"}};function Ee(n,t,e){return t="number"==typeof t?t:n.parse(t),Object(ee.Lb)(t)?n.getPixelForValue(t):e}function Le(n,t,e){const o=t[e];if(o||"scaleID"===e)return o;const a=e.charAt(0),i=Object.values(n).filter(n=>n.axis&&n.axis===a);return i.length?i[0].id:a}function Ne(n,t){if(n){const e=n.options.reverse;return{start:Ee(n,t.min,e?t.end:t.start),end:Ee(n,t.max,e?t.start:t.end)}}}function Re(n,t){const{chartArea:e,scales:o}=n,a=o[Le(o,t,"xScaleID")],i=o[Le(o,t,"yScaleID")];let r=e.width/2,s=e.height/2;return a&&(r=Ee(a,t.xValue,a.left+a.width/2)),i&&(s=Ee(i,t.yValue,i.top+i.height/2)),{x:r,y:s}}function Ve(n,t){const e=n.scales,o=e[Le(e,t,"xScaleID")],a=e[Le(e,t,"yScaleID")];if(!o&&!a)return{};let{left:i,right:r}=o||n.chartArea,{top:s,bottom:l}=a||n.chartArea;const c=Fe(o,{min:t.xMin,max:t.xMax,start:i,end:r});i=c.start,r=c.end;const d=Fe(a,{min:t.yMin,max:t.yMax,start:l,end:s});return s=d.start,l=d.end,{x:i,y:s,x2:r,y2:l,width:r-i,height:l-s,centerX:i+(r-i)/2,centerY:s+(l-s)/2}}function Ue(n,t){if(!xe(t)){const e=Ve(n,t);let o=t.radius;o&&!isNaN(o)||(o=Math.min(e.width,e.height)/2,t.radius=o);const a=2*o,i=e.centerX+t.xAdjust,r=e.centerY+t.yAdjust;return{x:i-o,y:r-o,x2:i+o,y2:r+o,centerX:i,centerY:r,width:a,height:a,radius:o}}return function(n,t){const e=Re(n,t),o=2*t.radius;return{x:e.x-t.radius+t.xAdjust,y:e.y-t.radius+t.yAdjust,x2:e.x+t.radius+t.xAdjust,y2:e.y+t.radius+t.yAdjust,centerX:e.x+t.xAdjust,centerY:e.y+t.yAdjust,radius:t.radius,width:o,height:o}}(n,t)}function ze(n,t){const{scales:e,chartArea:o}=n,a=e[t.scaleID],i={x:o.left,y:o.top,x2:o.right,y2:o.bottom};return a?function(n,t,e){const o=Ee(n,e.value,NaN),a=Ee(n,e.endValue,o);n.isHorizontal()?(t.x=o,t.x2=a):(t.y=o,t.y2=a)}(a,i,t):function(n,t,e){for(const o of Object.keys(Ie)){const a=n[Le(n,e,o)];if(a){const{min:n,max:i,start:r,end:s,startProp:l,endProp:c}=Ie[o],d=Ne(a,{min:e[n],max:e[i],start:a[r],end:a[s]});t[l]=d.start,t[c]=d.end}}}(e,i,t),i}function We(n,t){const e=Ve(n,t);return e.initProperties=we(n,e,t),e.elements=[{type:"label",optionScope:"label",properties:Ye(n,e,t),initProperties:e.initProperties}],e}function Fe(n,t){const e=Ne(n,t)||t;return{start:Math.min(e.start,e.end),end:Math.max(e.start,e.end)}}function Be(n,t){const{start:e,end:o,borderWidth:a}=n,{position:i,padding:{start:r,end:s},adjust:l}=t;return e+a/2+l+ge(o-a-e-r-s-t.size,i)}function Ye(n,t,e){const o=e.label;o.backgroundColor="transparent",o.callout.display=!1;const a=ye(o.position),i=Object(ee.f)(o.padding),r=Ae(n.ctx,o),s=function({properties:n,options:t},e,o,a){const{x:i,x2:r,width:s}=n;return Be({start:i,end:r,size:s,borderWidth:t.borderWidth},{position:o.x,padding:{start:a.left,end:a.right},adjust:t.label.xAdjust,size:e.width})}({properties:t,options:e},r,a,i),l=function({properties:n,options:t},e,o,a){const{y:i,y2:r,height:s}=n;return Be({start:i,end:r,size:s,borderWidth:t.borderWidth},{position:o.y,padding:{start:a.top,end:a.bottom},adjust:t.label.yAdjust,size:e.height})}({properties:t,options:e},r,a,i),c=r.width+i.width,d=r.height+i.height;return{x:s,y:l,x2:s+c,y2:l+d,width:c,height:d,centerX:s+c/2,centerY:l+d/2,rotation:o.rotation}}function $e(n,t,e){const o=Math.cos(e),a=Math.sin(e),i=t.x,r=t.y;return{x:i+o*(n.x-i)-a*(n.y-r),y:r+a*(n.x-i)+o*(n.y-r)}}const Xe=["enter","leave"],He=Xe.concat("click");function Je(n,t,e){if(n.listened)switch(t.type){case"mousemove":case"mouseout":return function(n,t,e){if(!n.moveListened)return;let o;o="mousemove"===t.type?ae(n.visibleElements,t,e.interaction):[];const a=n.hovered;n.hovered=o;const i={state:n,event:t};let r=qe(i,"leave",a,o);return qe(i,"enter",o,a)||r}(n,t,e);case"click":return function(n,t,e){const o=n.listeners,a=ae(n.visibleElements,t,e.interaction);let i;for(const n of a)i=Ge(n.options.click||o.click,n,t)||i;return i}(n,t,e)}}function qe({state:n,event:t},e,o,a){let i;for(const r of o)a.indexOf(r)<0&&(i=Ge(r.options[e]||n.listeners[e],r,t)||i);return i}function Ge(n,t,e){return!0===Object(ee.r)(n,[t.$context,e])}const Ke=["afterDraw","beforeDraw"];function Ze(n,t,e){if(n.hooked){const o=t.options[e]||n.hooks[e];return Object(ee.r)(o,[t.$context])}}function Qe(n,t,e){const o=function(n,t,e){const o=t.axis,a=t.id,i=o+"ScaleID",r={min:Object(ee.ac)(t.min,Number.NEGATIVE_INFINITY),max:Object(ee.ac)(t.max,Number.POSITIVE_INFINITY)};for(const s of e)s.scaleID===a?oo(s,t,["value","endValue"],r):Le(n,s,i)===a&&oo(s,t,[o+"Min",o+"Max",o+"Value"],r);return r}(n.scales,t,e);let a=no(t,o,"min","suggestedMin");a=no(t,o,"max","suggestedMax")||a,a&&Object(ee.K)(t.handleTickRangeOptions)&&t.handleTickRangeOptions()}function no(n,t,e,o){if(Object(ee.Lb)(t[e])&&!function(n,t,e){return Object(ee.Mb)(n[t])||Object(ee.Mb)(n[e])}(n.options,e,o)){const o=n[e]!==t[e];return n[e]=t[e],o}}function to(n,t){for(const e of["scaleID","xScaleID","yScaleID"]){const o=Le(t,n,e);o&&!t[o]&&eo(n,e)&&console.warn(`No scale found with id '${o}' for annotation '${n.id}'`)}}function eo(n,t){if("scaleID"===t)return!0;const e=t.charAt(0);for(const t of["Min","Max","Value"])if(Object(ee.Mb)(n[e+t]))return!0;return!1}function oo(n,t,e,o){for(const a of e){const e=n[a];if(Object(ee.Mb)(e)){const n=t.parse(e);o.min=Math.min(o.min,n),o.max=Math.max(o.max,n)}}}class ao extends Qt.c{inRange(n,t,e,o){const{x:a,y:i}=$e({x:n,y:t},this.getCenterPoint(o),Object(ee.Yb)(-this.options.rotation));return de({x:a,y:i},this.getProps(["x","y","x2","y2"],o),e,this.options)}getCenterPoint(n){return ue(this,n)}draw(n){n.save(),Se(n,this.getCenterPoint(),this.options.rotation),Pe(n,this,this.options),n.restore()}get label(){return this.elements&&this.elements[0]}resolveElementProperties(n,t){return We(n,t)}}ao.id="boxAnnotation",ao.defaults={adjustScaleRange:!0,backgroundShadowColor:"transparent",borderCapStyle:"butt",borderDash:[],borderDashOffset:0,borderJoinStyle:"miter",borderRadius:0,borderShadowColor:"transparent",borderWidth:1,display:!0,init:void 0,hitTolerance:0,label:{backgroundColor:"transparent",borderWidth:0,callout:{display:!1},color:"black",content:null,display:!1,drawTime:void 0,font:{family:void 0,lineHeight:void 0,size:void 0,style:void 0,weight:"bold"},height:void 0,hitTolerance:void 0,opacity:void 0,padding:6,position:"center",rotation:void 0,textAlign:"start",textStrokeColor:void 0,textStrokeWidth:0,width:void 0,xAdjust:0,yAdjust:0,z:void 0},rotation:0,shadowBlur:0,shadowOffsetX:0,shadowOffsetY:0,xMax:void 0,xMin:void 0,xScaleID:void 0,yMax:void 0,yMin:void 0,yScaleID:void 0,z:0},ao.defaultRoutes={borderColor:"color",backgroundColor:"color"},ao.descriptors={label:{_fallback:!0}};const io=["left","bottom","top","right"];class ro extends Qt.c{inRange(n,t,e,o){const{x:a,y:i}=$e({x:n,y:t},this.getCenterPoint(o),Object(ee.Yb)(-this.rotation));return de({x:a,y:i},this.getProps(["x","y","x2","y2"],o),e,this.options)}getCenterPoint(n){return ue(this,n)}draw(n){const t=this.options,e=!Object(ee.Mb)(this._visible)||this._visible;t.display&&t.content&&e&&(n.save(),Se(n,this.getCenterPoint(),this.rotation),function(n,t){const{pointX:e,pointY:o,options:a}=t,i=a.callout,r=i&&i.display&&function(n,t){const e=t.position;if(io.includes(e))return e;return function(n,t){const{x:e,y:o,x2:a,y2:i,width:r,height:s,pointX:l,pointY:c,centerX:d,centerY:u,rotation:h}=n,f={x:d,y:u},p=t.start,b=me(r,p),v=me(s,p),g=[e,e+b,e+b,a],m=[o+v,i,o,i],y=[];for(let n=0;n<4;n++){const t=$e({x:g[n],y:m[n]},f,Object(ee.Yb)(h));y.push({position:io[n],distance:Object(ee.R)(t,{x:l,y:c})})}return y.sort((n,t)=>n.distance-t.distance)[0].position}(n,t)}(t,i);if(!r||function(n,t,e){const{pointX:o,pointY:a}=n,i=t.margin;let r=o,s=a;"left"===e?r+=i:"right"===e?r-=i:"top"===e?s+=i:"bottom"===e&&(s-=i);return n.inRange(r,s)}(t,i,r))return;n.save(),n.beginPath();if(!De(n,i))return n.restore();const{separatorStart:s,separatorEnd:l}=function(n,t){const{x:e,y:o,x2:a,y2:i}=n,r=function(n,t){const{width:e,height:o,options:a}=n,i=a.callout.margin+a.borderWidth/2;if("right"===t)return e+i;if("bottom"===t)return o+i;return-i}(n,t);let s,l;"left"===t||"right"===t?(s={x:e+r,y:o},l={x:s.x,y:i}):(s={x:e,y:o+r},l={x:a,y:s.y});return{separatorStart:s,separatorEnd:l}}(t,r),{sideStart:c,sideEnd:d}=function(n,t,e){const{y:o,width:a,height:i,options:r}=n,s=r.callout.start,l=function(n,t){const e=t.side;if("left"===n||"top"===n)return-e;return e}(t,r.callout);let c,d;"left"===t||"right"===t?(c={x:e.x,y:o+me(i,s)},d={x:c.x+l,y:c.y}):(c={x:e.x+me(a,s),y:e.y},d={x:c.x,y:c.y+l});return{sideStart:c,sideEnd:d}}(t,r,s);(i.margin>0||0===a.borderWidth)&&(n.moveTo(s.x,s.y),n.lineTo(l.x,l.y));n.moveTo(c.x,c.y),n.lineTo(d.x,d.y);const u=$e({x:e,y:o},t.getCenterPoint(),Object(ee.Yb)(-t.rotation));n.lineTo(u.x,u.y),n.stroke(),n.restore()}(n,this),Pe(n,this,t),je(n,function({x:n,y:t,width:e,height:o,options:a}){const i=a.borderWidth/2,r=Object(ee.f)(a.padding);return{x:n+r.left+i,y:t+r.top+i,width:e-r.left-r.right-a.borderWidth,height:o-r.top-r.bottom-a.borderWidth}}(this),t),n.restore())}resolveElementProperties(n,t){let e;if(xe(t))e=Re(n,t);else{const{centerX:o,centerY:a}=Ve(n,t);e={x:o,y:a}}const o=Object(ee.f)(t.padding),a=function(n,t,e,o){const a=t.width+o.width+e.borderWidth,i=t.height+o.height+e.borderWidth,r=ye(e.position,"center"),s=so(n.x,a,e.xAdjust,r.x),l=so(n.y,i,e.yAdjust,r.y);return{x:s,y:l,x2:s+a,y2:l+i,width:a,height:i,centerX:s+a/2,centerY:l+i/2}}(e,Ae(n.ctx,t),t,o);return{initProperties:we(n,a,t),pointX:e.x,pointY:e.y,...a,rotation:t.rotation}}}function so(n,t,e=0,o){return n-ge(t,o)+e}ro.id="labelAnnotation",ro.defaults={adjustScaleRange:!0,backgroundColor:"transparent",backgroundShadowColor:"transparent",borderCapStyle:"butt",borderDash:[],borderDashOffset:0,borderJoinStyle:"miter",borderRadius:0,borderShadowColor:"transparent",borderWidth:0,callout:{borderCapStyle:"butt",borderColor:void 0,borderDash:[],borderDashOffset:0,borderJoinStyle:"miter",borderWidth:1,display:!1,margin:5,position:"auto",side:5,start:"50%"},color:"black",content:null,display:!0,font:{family:void 0,lineHeight:void 0,size:void 0,style:void 0,weight:void 0},height:void 0,hitTolerance:0,init:void 0,opacity:void 0,padding:6,position:"center",rotation:0,shadowBlur:0,shadowOffsetX:0,shadowOffsetY:0,textAlign:"center",textStrokeColor:void 0,textStrokeWidth:0,width:void 0,xAdjust:0,xMax:void 0,xMin:void 0,xScaleID:void 0,xValue:void 0,yAdjust:0,yMax:void 0,yMin:void 0,yScaleID:void 0,yValue:void 0,z:0},ro.defaultRoutes={borderColor:"color"};const lo=(n,t,e)=>({x:n.x+e*(t.x-n.x),y:n.y+e*(t.y-n.y)}),co=(n,t,e)=>lo(t,e,Math.abs((n-t.y)/(e.y-t.y))).x,uo=(n,t,e)=>lo(t,e,Math.abs((n-t.x)/(e.x-t.x))).y,ho=n=>n*n,fo=(n,t,e,o)=>(1-o)*(1-o)*n+2*(1-o)*o*t+o*o*e,po=(n,t,e,o)=>({x:fo(n.x,t.x,e.x,o),y:fo(n.y,t.y,e.y,o)}),bo=(n,t,e,o)=>2*(1-o)*(t-n)+2*o*(e-t),vo=(n,t,e,o)=>-Math.atan2(bo(n.x,t.x,e.x,o),bo(n.y,t.y,e.y,o))+.5*ee.q;class go extends Qt.c{inRange(n,t,e,o){const a=(this.options.borderWidth+this.options.hitTolerance)/2;if("x"!==e&&"y"!==e){const e={mouseX:n,mouseY:t},{path:i,ctx:r}=this;if(i){De(r,this.options),r.lineWidth+=this.options.hitTolerance;const{chart:a}=this.$context,s=n*a.currentDevicePixelRatio,l=t*a.currentDevicePixelRatio,c=r.isPointInStroke(i,s,l)||xo(this,e,o);return r.restore(),c}return function(n,{mouseX:t,mouseY:e},o=.001,a){const{x:i,y:r,x2:s,y2:l}=n.getProps(["x","y","x2","y2"],a),c=s-i,d=l-r,u=ho(c)+ho(d),h=0===u?-1:((t-i)*c+(e-r)*d)/u;let f,p;h<0?(f=i,p=r):h>1?(f=s,p=l):(f=i+h*c,p=r+h*d);return ho(t-f)+ho(e-p)<=o}(this,e,ho(a),o)||xo(this,e,o)}return function(n,{mouseX:t,mouseY:e},o,{hitSize:a,useFinalPosition:i}){const r=((n,t,{x:e,y:o,x2:a,y2:i},r)=>"y"===r?{start:Math.min(o,i),end:Math.max(o,i),value:t}:{start:Math.min(e,a),end:Math.max(e,a),value:n})(t,e,n.getProps(["x","y","x2","y2"],i),o);return le(r,a)||xo(n,{mouseX:t,mouseY:e},i,o)}(this,{mouseX:n,mouseY:t},e,{hitSize:a,useFinalPosition:o})}getCenterPoint(n){return ue(this,n)}draw(n){const{x:t,y:e,x2:o,y2:a,cp:i,options:r}=this;if(n.save(),!De(n,r))return n.restore();Me(n,r);const s=Math.sqrt(Math.pow(o-t,2)+Math.pow(a-e,2));if(r.curve&&i)return function(n,t,e,o){const{x:a,y:i,x2:r,y2:s,options:l}=t,{startOpts:c,endOpts:d,startAdjust:u,endAdjust:h}=Co(t),f={x:a,y:i},p={x:r,y:s},b=vo(f,e,p,0),v=vo(f,e,p,1)-ee.q,g=po(f,e,p,u/o),m=po(f,e,p,1-h/o),y=new Path2D;n.beginPath(),y.moveTo(g.x,g.y),y.quadraticCurveTo(e.x,e.y,m.x,m.y),n.shadowColor=l.borderShadowColor,n.stroke(y),t.path=y,t.ctx=n,So(n,g,{angle:b,adjust:u},c),So(n,m,{angle:v,adjust:h},d)}(n,this,i,s),n.restore();const{startOpts:l,endOpts:c,startAdjust:d,endAdjust:u}=Co(this),h=Math.atan2(a-e,o-t);n.translate(t,e),n.rotate(h),n.beginPath(),n.moveTo(0+d,0),n.lineTo(s-u,0),n.shadowColor=r.borderShadowColor,n.stroke(),_o(n,0,d,l),_o(n,s,-u,c),n.restore()}get label(){return this.elements&&this.elements[0]}resolveElementProperties(n,t){const e=ze(n,t),{x:o,y:a,x2:i,y2:r}=e,s=function({x:n,y:t,x2:e,y2:o},{top:a,right:i,bottom:r,left:s}){return!(ni&&e>i||tr&&o>r)}(e,n.chartArea),l=s?function(n,t,e){const{x:o,y:a}=yo(n,t,e),{x:i,y:r}=yo(t,n,e);return{x:o,y:a,x2:i,y2:r,width:Math.abs(i-o),height:Math.abs(r-a)}}({x:o,y:a},{x:i,y:r},n.chartArea):{x:o,y:a,x2:i,y2:r,width:Math.abs(i-o),height:Math.abs(r-a)};if(l.centerX=(i+o)/2,l.centerY=(r+a)/2,l.initProperties=we(n,l,t),t.curve){const n={x:l.x,y:l.y},e={x:l.x2,y:l.y2};l.cp=function(n,t,e){const{x:o,y:a,x2:i,y2:r,centerX:s,centerY:l}=n,c=Math.atan2(r-a,i-o),d=ye(t.controlPoint,0);return $e({x:s+me(e,d.x,!1),y:l+me(e,d.y,!1)},{x:s,y:l},c)}(l,t,Object(ee.R)(n,e))}const c=function(n,t,e){const o=e.borderWidth,a=Object(ee.f)(e.padding),i=Ae(n.ctx,e),r=i.width+a.width+o,s=i.height+a.height+o;return function(n,t,e,o){const{width:a,height:i,padding:r}=e,{xAdjust:s,yAdjust:l}=t,c={x:n.x,y:n.y},d={x:n.x2,y:n.y2},u="auto"===t.rotation?function(n){const{x:t,y:e,x2:o,y2:a}=n,i=Math.atan2(a-e,o-t);return i>ee.q/2?i-ee.q:ia&&(t=uo(a,{x:n,y:t},e),n=a),ti&&(n=co(i,{x:n,y:t},e),t=i),{x:n,y:t}}function xo(n,{mouseX:t,mouseY:e},o,a){const i=n.label;return i.options.display&&i.inRange(t,e,a,o)}function wo(n,t,e,o){const{labelSize:a,padding:i}=t,r=n.w*o.dx,s=n.h*o.dy,l=r>0&&(a.w/2+i.left-o.x)/r,c=s>0&&(a.h/2+i.top-o.y)/s;return se(Math.max(l,c),0,.25)}function Oo(n,t){const{size:e,min:o,max:a,padding:i}=t,r=e/2;return e>a-o?(a+o)/2:(o>=n-i-r&&(n=o+i+r),a<=n+i+r&&(n=a-i-r),n)}function Co(n){const t=n.options,e=t.arrowHeads&&t.arrowHeads.start,o=t.arrowHeads&&t.arrowHeads.end;return{startOpts:e,endOpts:o,startAdjust:ko(n,e),endAdjust:ko(n,o)}}function ko(n,t){if(!t||!t.display)return 0;const{length:e,width:o}=t,a=n.options.borderWidth/2,i={x:e,y:o+a},r={x:0,y:a};return Math.abs(co(0,i,r))}function _o(n,t,e,o){if(!o||!o.display)return;const{length:a,width:i,fill:r,backgroundColor:s,borderColor:l}=o,c=Math.abs(t-a)+e;n.beginPath(),Me(n,o),De(n,o),n.moveTo(c,-i),n.lineTo(t+e,0),n.lineTo(c,i),!0===r?(n.fillStyle=s||l,n.closePath(),n.fill(),n.shadowColor="transparent"):n.shadowColor=o.borderShadowColor,n.stroke()}function So(n,{x:t,y:e},{angle:o,adjust:a},i){i&&i.display&&(n.save(),n.translate(t,e),n.rotate(o),_o(n,0,-a,i),n.restore())}go.defaults={adjustScaleRange:!0,arrowHeads:{display:!1,end:Object.assign({},mo),fill:!1,length:12,start:Object.assign({},mo),width:6},borderDash:[],borderDashOffset:0,borderShadowColor:"transparent",borderWidth:2,curve:!1,controlPoint:{y:"-50%"},display:!0,endValue:void 0,init:void 0,hitTolerance:0,label:{backgroundColor:"rgba(0,0,0,0.8)",backgroundShadowColor:"transparent",borderCapStyle:"butt",borderColor:"black",borderDash:[],borderDashOffset:0,borderJoinStyle:"miter",borderRadius:6,borderShadowColor:"transparent",borderWidth:0,callout:Object.assign({},ro.defaults.callout),color:"#fff",content:null,display:!1,drawTime:void 0,font:{family:void 0,lineHeight:void 0,size:void 0,style:void 0,weight:"bold"},height:void 0,hitTolerance:void 0,opacity:void 0,padding:6,position:"center",rotation:0,shadowBlur:0,shadowOffsetX:0,shadowOffsetY:0,textAlign:"center",textStrokeColor:void 0,textStrokeWidth:0,width:void 0,xAdjust:0,yAdjust:0,z:void 0},scaleID:void 0,shadowBlur:0,shadowOffsetX:0,shadowOffsetY:0,value:void 0,xMax:void 0,xMin:void 0,xScaleID:void 0,yMax:void 0,yMin:void 0,yScaleID:void 0,z:0},go.descriptors={arrowHeads:{start:{_fallback:!0},end:{_fallback:!0},_fallback:!0}},go.defaultRoutes={borderColor:"color"};class Do extends Qt.c{inRange(n,t,e,o){const a=this.options.rotation,i=(this.options.borderWidth+this.options.hitTolerance)/2;if("x"!==e&&"y"!==e)return function(n,t,e,o){const{width:a,height:i,centerX:r,centerY:s}=t,l=a/2,c=i/2;if(l<=0||c<=0)return!1;const d=Object(ee.Yb)(e||0),u=Math.cos(d),h=Math.sin(d),f=Math.pow(u*(n.x-r)+h*(n.y-s),2),p=Math.pow(h*(n.x-r)-u*(n.y-s),2);return f/Math.pow(l+o,2)+p/Math.pow(c+o,2)<=1.0001}({x:n,y:t},this.getProps(["width","height","centerX","centerY"],o),a,i);const{x:r,y:s,x2:l,y2:c}=this.getProps(["x","y","x2","y2"],o),d="y"===e?{start:s,end:c}:{start:r,end:l},u=$e({x:n,y:t},this.getCenterPoint(o),Object(ee.Yb)(-a));return u[e]>=d.start-i-.001&&u[e]<=d.end+i+.001}getCenterPoint(n){return ue(this,n)}draw(n){const{width:t,height:e,centerX:o,centerY:a,options:i}=this;n.save(),Se(n,this.getCenterPoint(),i.rotation),Me(n,this.options),n.beginPath(),n.fillStyle=i.backgroundColor;const r=De(n,i);n.ellipse(o,a,e/2,t/2,ee.q/2,0,2*ee.q),n.fill(),r&&(n.shadowColor=i.borderShadowColor,n.stroke()),n.restore()}get label(){return this.elements&&this.elements[0]}resolveElementProperties(n,t){return We(n,t)}}Do.id="ellipseAnnotation",Do.defaults={adjustScaleRange:!0,backgroundShadowColor:"transparent",borderDash:[],borderDashOffset:0,borderShadowColor:"transparent",borderWidth:1,display:!0,hitTolerance:0,init:void 0,label:Object.assign({},ao.defaults.label),rotation:0,shadowBlur:0,shadowOffsetX:0,shadowOffsetY:0,xMax:void 0,xMin:void 0,xScaleID:void 0,yMax:void 0,yMin:void 0,yScaleID:void 0,z:0},Do.defaultRoutes={borderColor:"color",backgroundColor:"color"},Do.descriptors={label:{_fallback:!0}};class Mo extends Qt.c{inRange(n,t,e,o){const{x:a,y:i,x2:r,y2:s,width:l}=this.getProps(["x","y","x2","y2","width"],o),c=(this.options.borderWidth+this.options.hitTolerance)/2;if("x"!==e&&"y"!==e)return function(n,t,e,o){return!(!n||!t||e<=0)&&Math.pow(n.x-t.x,2)+Math.pow(n.y-t.y,2)<=Math.pow(e+o,2)}({x:n,y:t},this.getCenterPoint(o),l/2,c);return le("y"===e?{start:i,end:s,value:t}:{start:a,end:r,value:n},c)}getCenterPoint(n){return ue(this,n)}draw(n){const t=this.options,e=t.borderWidth;if(t.radius<.1)return;n.save(),n.fillStyle=t.backgroundColor,Me(n,t);const o=De(n,t);Te(n,this,this.centerX,this.centerY),o&&!_e(t.pointStyle)&&(n.shadowColor=t.borderShadowColor,n.stroke()),n.restore(),t.borderWidth=e}resolveElementProperties(n,t){const e=Ue(n,t);return e.initProperties=we(n,e,t),e}}Mo.id="pointAnnotation",Mo.defaults={adjustScaleRange:!0,backgroundShadowColor:"transparent",borderDash:[],borderDashOffset:0,borderShadowColor:"transparent",borderWidth:1,display:!0,hitTolerance:0,init:void 0,pointStyle:"circle",radius:10,rotation:0,shadowBlur:0,shadowOffsetX:0,shadowOffsetY:0,xAdjust:0,xMax:void 0,xMin:void 0,xScaleID:void 0,xValue:void 0,yAdjust:0,yMax:void 0,yMin:void 0,yScaleID:void 0,yValue:void 0,z:0},Mo.defaultRoutes={borderColor:"color",backgroundColor:"color"};class Ao extends Qt.c{inRange(n,t,e,o){if("x"!==e&&"y"!==e)return this.options.radius>=.1&&this.elements.length>1&&function(n,t,e,o){let a=!1,i=n[n.length-1].getProps(["bX","bY"],o);for(const r of n){const n=r.getProps(["bX","bY"],o);n.bY>e!=i.bY>e&&t<(i.bX-n.bX)*(e-n.bY)/(i.bY-n.bY)+n.bX&&(a=!a),i=n}return a}(this.elements,n,t,o);const a=$e({x:n,y:t},this.getCenterPoint(o),Object(ee.Yb)(-this.options.rotation)),i=this.elements.map(n=>"y"===e?n.bY:n.bX),r=Math.min(...i),s=Math.max(...i);return a[e]>=r&&a[e]<=s}getCenterPoint(n){return ue(this,n)}draw(n){const{elements:t,options:e}=this;n.save(),n.beginPath(),n.fillStyle=e.backgroundColor,Me(n,e);const o=De(n,e);let a=!0;for(const e of t)a?(n.moveTo(e.x,e.y),a=!1):n.lineTo(e.x,e.y);n.closePath(),n.fill(),o&&(n.shadowColor=e.borderShadowColor,n.stroke()),n.restore()}resolveElementProperties(n,t){const e=Ue(n,t),{sides:o,rotation:a}=t,i=[],r=2*ee.q/o;let s=a*ee.Eb;for(let a=0;a{ee.Ib.describe("elements."+jo[n].id,{_fallback:"plugins.annotation.common"})});const To={update:Object.assign},Io=He.concat(Ke),Eo=(n,t)=>Object(ee.Nb)(t)?Fo(n,t):n,Lo=n=>"color"===n||"font"===n;function No(n="line"){return jo[n]?n:(console.warn(`Unknown annotation type: '${n}', defaulting to 'line'`),"line")}function Ro(n,t,e,o){const a=function(n,t,e){if("reset"===e||"none"===e||"resize"===e)return To;return new Qt.a(n,t)}(n,e.animations,o),i=t.annotations,r=function(n,t){const e=t.length,o=n.length;if(oe&&n.splice(e,o-e);return n}(t.elements,i);for(let t=0;tEo(n,a)):e[o]=Eo(i,a)}return e}function Bo(n,t,e,o){return t.$context||(t.$context=Object.assign(Object.create(n.getContext()),{element:t,get elements(){return e.filter(n=>n&&n.options)},id:o.id,type:"annotation"}))}const Yo=new Map,$o=He.concat(Ke);var Xo={id:"annotation",version:"3.0.1",beforeRegister(){!function(n,t,e,o=!0){const a=e.split(".");let i=0;for(const r of t.split(".")){const s=a[i++];if(parseInt(r,10){const t=a[n];Object(ee.Nb)(t)&&(t.id=n,o.push(t))}):Object(ee.Db)(a)&&o.push(...a),function(n,t){for(const e of n)to(e,t)}(o,n.scales)},afterDataLimits(n,t){const e=Yo.get(n);Qe(n,t.scale,e.annotations.filter(n=>n.display&&n.adjustScaleRange))},afterUpdate(n,t,e){const o=Yo.get(n);!function(n,t,e){t.listened=Oe(e,He,t.listeners),t.moveListened=!1,Xe.forEach(n=>{Object(ee.K)(e[n])&&(t.moveListened=!0)}),t.listened&&t.moveListened||t.annotations.forEach(n=>{!t.listened&&Object(ee.K)(n.click)&&(t.listened=!0),t.moveListened||Xe.forEach(e=>{Object(ee.K)(n[e])&&(t.listened=!0,t.moveListened=!0)})})}(0,o,e),Ro(n,o,e,t.mode),o.visibleElements=o.elements.filter(n=>!n.skip&&n.options.display),function(n,t,e){const o=t.visibleElements;t.hooked=Oe(e,Ke,t.hooks),t.hooked||o.forEach(n=>{t.hooked||Ke.forEach(e=>{Object(ee.K)(n.options[e])&&(t.hooked=!0)})})}(0,o,e)},beforeDatasetsDraw(n,t,e){Ho(n,"beforeDatasetsDraw",e.clip)},afterDatasetsDraw(n,t,e){Ho(n,"afterDatasetsDraw",e.clip)},beforeDatasetDraw(n,t,e){Ho(n,t.index,e.clip)},beforeDraw(n,t,e){Ho(n,"beforeDraw",e.clip)},afterDraw(n,t,e){Ho(n,"afterDraw",e.clip)},beforeEvent(n,t,e){Je(Yo.get(n),t.event,e)&&(t.changed=!0)},afterDestroy(n){Yo.delete(n)},getAnnotations(n){const t=Yo.get(n);return t?t.elements:[]},_getAnnotationElementsAtEventForMode:(n,t,e)=>ae(n,t,e),defaults:{animations:{numbers:{properties:["x","y","x2","y2","width","height","centerX","centerY","pointX","pointY","radius"],type:"number"}},clip:!0,interaction:{mode:void 0,axis:void 0,intersect:void 0},common:{drawTime:"afterDatasetsDraw",init:!1,label:{}}},descriptors:{_indexable:!1,_scriptable:n=>!$o.includes(n)&&"init"!==n,annotations:{_allKeys:!1,_fallback:(n,t)=>"elements."+jo[No(t.type)].id},interaction:{_fallback:!0},common:{label:{_indexable:Lo,_fallback:!0},_indexable:Lo}},additionalOptionScopes:[""]};function Ho(n,t,e){const{ctx:o,chartArea:a}=n,i=Yo.get(n);e&&Object(ee.z)(o,a);const r=function(n,t){const e=[];for(const o of n)if(o.options.drawTime===t&&e.push({element:o,main:!0}),o.elements&&o.elements.length)for(const n of o.elements)n.options.display&&n.options.drawTime===t&&e.push({element:n});return e}(i.visibleElements,t).sort((n,t)=>n.element.options.z-t.element.options.z);for(const n of r)Jo(o,a,i,n);e&&Object(ee.a)(o)}function Jo(n,t,e,o){const a=o.element;o.main?(Ze(e,a,"beforeDraw"),a.draw(n,t),Ze(e,a,"afterDraw")):a.draw(n,t)}te.register(Xo),te.register({id:"version",afterDraw(n){const t=n.ctx;t.save(),t.font="9px monospace",t.fillStyle="rgba(0, 0, 0, 0.5)",t.textAlign="right",t.textBaseline="top",t.fillText("Chart.js v"+te.version+" + chartjs-plugin-annotation v"+Xo.version,n.chartArea.right,0),t.restore()}}),ee.Ib.set({elements:{line:{tension:.4}},plugins:{legend:!1}});let qo=Date.now();function Go(n){qo=n}function Ko(n,t){return n=Object(ee.ac)(n,0),t=Object(ee.ac)(t,0),qo=(9301*qo+49297)%233280,n+qo/233280*(t-n)}function Zo(n){var t,e,o=n||{},a=Object(ee.ac)(o.min,0),i=Object(ee.ac)(o.max,100),r=Object(ee.ac)(o.from,[]),s=Object(ee.ac)(o.count,8),l=Object(ee.ac)(o.decimals,8),c=Object(ee.ac)(o.continuity,1),d=Math.pow(10,l)||0,u=[];for(t=0;t({x:n,y:e[t]}))}function na(){const n=new Image;return n.src="https://www.chartjs.org/chartjs-plugin-annotation/latest/favicon.png",n}let ta=null;function ea(){if(ta)return ta;const n=document.createElement("canvas");return n.width=100,n.height=100,n.style.visibility="hidden",document.body.appendChild(n),ta=function(n){return new Qt.b(n,{type:"pie",data:{labels:["Bought","Sold","Rented"],datasets:[{data:[42,33,25],backgroundColor:["#3366cc","#dc3912","#ff9900"]}]},options:{responsive:!1,animation:!1,plugins:{version:!1,legend:!1,title:!1,subtitle:!1}}})}(n),ta}function oa(){const n=document.createElement("canvas");n.width=150,n.height=150;const t=n.width/2,e=n.height/2,o=n.getContext("2d");o.moveTo(t,e),o.beginPath();for(let n=0;n<720;n++){const e=.1*n,a=t+e*Math.cos(e),i=t+e*Math.sin(e);o.lineTo(a,i)}return o.strokeStyle="#666",o.stroke(),n}function aa(){const n=document.createElement("canvas");n.width=230,n.height=210;const t=n.getContext("2d");return t.fillStyle="#666",t.strokeStyle="#666",t.lineWidth=10,t.strokeRect(40,90,150,110),t.fillRect(95,140,40,60),t.beginPath(),t.moveTo(15,90),t.lineTo(115,10),t.lineTo(215,90),t.closePath(),t.stroke(),n}const ia={Register:o,Defaults:a,Utils:i};r.a.mixin({created(){this.$chart=this.$chart||{},this.$chart.imports=ia}});var ra=e(55);const sa={redirectors:[{base:"/samples",alternative:["intro"]}]};var la=[{},{},({Vue:n})=>{n.mixin({computed:{$dataBlock(){return this.$options.__data__block__}}})},{},{},{},({router:n,siteData:t})=>{const{routes:e=[]}=n.options,{redirectors:o=[]}=sa;function a(n){return e.some(t=>t.path.toLowerCase()===n.toLowerCase())}function i(n){if(a(n))return n;if(!/\/$/.test(n)){const t=n+"/";if(a(t))return t}if(!/\.html$/.test(n)){const t=n.replace(/\/$/,"")+".html";if(a(t))return t}return null}if(sa.locales&&t.locales){const n=t.locales,e=Object.keys(n),a=e.map(t=>({key:t.replace(/^\/|\/$/,""),lang:n[t].lang}));"object"!=typeof sa.locales&&(sa.locales={});const{fallback:i,storage:r=!0}=sa.locales;i&&e.unshift(i),o.unshift({storage:r,base:"/",alternative(){if("undefined"!=typeof window&&window.navigator){const n=window.navigator.languages||[window.navigator.language],t=a.find(({lang:t})=>n.includes(t));if(t)return t.key}return e}})}const r=o.map(({base:n="/",storage:t=!1,alternative:e})=>{let o=!1;if(t)if("object"!=typeof t){const e="string"!=typeof t?"vuepress:redirect:"+n:t;o={get:()=>"undefined"==typeof localStorage?null:localStorage.getItem(e),set(n){"undefined"!=typeof localStorage&&localStorage.setItem(e,n)}}}else t.get&&t.set&&(o=t);return{base:n,storage:o,alternative:e}});n.beforeEach((n,t,e)=>{if(i(n.path))return e();let o;for(const t of r){const{base:e="/",storage:a=!1}=t;let{alternative:r}=t;if(!n.path.startsWith(e))continue;const s=n.path.slice(e.length)||"/";if(a){const n=a.get(t);if(n){const t=i(Object(ra.join)(e,n,s));if(t){o=t;break}}}if("function"==typeof r&&(r=r(s)),r){"string"==typeof r&&(r=[r]);for(const n of r){const t=i(Object(ra.join)(e,n,s));if(t){o=t;break}}if(o)break}}e(o)}),n.afterEach(n=>{if(a(n.path))for(const t of r){const{base:e,storage:o}=t;if(!o||!n.path.startsWith(e))continue;const a=n.path.slice(e.length).split("/")[0];a&&o.set(a,t)}})},({siteData:n,options:t})=>{n.themeConfig.sidebarDepth=0,n.themeConfig.sidebar=Object.assign({},n.themeConfig.sidebar,{"/api/":[{title:"API",children:[["/api/","Exports"],{title:"Interfaces",children:[["interfaces/AnnotationBoxModel","AnnotationBoxModel"],["interfaces/AnnotationElement","AnnotationElement"],["interfaces/AnnotationEvents","AnnotationEvents"],["interfaces/AnnotationHooks","AnnotationHooks"],["interfaces/AnnotationPluginOptions","AnnotationPluginOptions"],["interfaces/AnnotationPointCoordinates","AnnotationPointCoordinates"],["interfaces/AnnotationTypeRegistry","AnnotationTypeRegistry"],["interfaces/ArrowHeadOptions","ArrowHeadOptions"],["interfaces/ArrowHeadsOptions","ArrowHeadsOptions"],["interfaces/BoxAnnotationOptions","BoxAnnotationOptions"],["interfaces/BoxLabelOptions","BoxLabelOptions"],["interfaces/CalloutOptions","CalloutOptions"],["interfaces/ContainedLabelOptions","ContainedLabelOptions"],["interfaces/ControlPointOptions","ControlPointOptions"],["interfaces/CoreAnnotationOptions","CoreAnnotationOptions"],["interfaces/CoreLabelOptions","CoreLabelOptions"],["interfaces/EllipseAnnotationOptions","EllipseAnnotationOptions"],["interfaces/EventContext","EventContext"],["interfaces/LabelAnnotationOptions","LabelAnnotationOptions"],["interfaces/LabelOptions","LabelOptions"],["interfaces/LabelPadding","LabelPadding"],["interfaces/LabelPositionObject","LabelPositionObject"],["interfaces/LabelTypeOptions","LabelTypeOptions"],["interfaces/LineAnnotationOptions","LineAnnotationOptions"],["interfaces/PartialEventContext","PartialEventContext"],["interfaces/PointAnnotationOptions","PointAnnotationOptions"],["interfaces/PolygonAnnotationOptions","PolygonAnnotationOptions"],["interfaces/ShadowOptions","ShadowOptions"]]}],initialOpenGroupIndex:-1,collapsable:!1}]})}],ca=[];class da extends class{constructor(){this.store=new r.a({data:{state:{}}})}$get(n){return this.store.state[n]}$set(n,t){r.a.set(this.store.state,n,t)}$emit(...n){this.store.$emit(...n)}$on(...n){this.store.$on(...n)}}{}Object.assign(da.prototype,{getPageAsyncComponent:ht,getLayoutAsyncComponent:ft,getAsyncComponent:pt,getVueComponent:bt});var ua={install(n){const t=new da;n.$vuepress=t,n.prototype.$vuepress=t}};function ha(n,t){const e=t.toLowerCase();return n.options.routes.some(n=>n.path.toLowerCase()===e)}var fa={props:{pageKey:String,slotKey:{type:String,default:"default"}},render(n){const t=this.pageKey||this.$parent.$page.key;return gt("pageKey",t),r.a.component(t)||r.a.component(t,ht(t)),r.a.component(t)?n(t):n("")}},pa={functional:!0,props:{slotKey:String,required:!0},render:(n,{props:t,slots:e})=>n("div",{class:["content__"+t.slotKey]},e()[t.slotKey])},ba={computed:{openInNewWindowTitle(){return this.$themeLocaleConfig.openNewWindowText||"(opens new window)"}}},va=(e(258),e(259),Object(zt.a)(ba,(function(){var n=this._self._c;return n("span",[n("svg",{staticClass:"icon outbound",attrs:{xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",focusable:"false",x:"0px",y:"0px",viewBox:"0 0 100 100",width:"15",height:"15"}},[n("path",{attrs:{fill:"currentColor",d:"M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"}}),this._v(" "),n("polygon",{attrs:{fill:"currentColor",points:"45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"}})]),this._v(" "),n("span",{staticClass:"sr-only"},[this._v(this._s(this.openInNewWindowTitle))])])}),[],!1,null,null,null).exports),ga={functional:!0,render(n,{parent:t,children:e}){if(t._isMounted)return e;t.$once("hook:mounted",()=>{t.$forceUpdate()})}};r.a.config.productionTip=!1,r.a.use(Gn),r.a.use(ua),r.a.mixin(function(n,t,e=r.a){!function(n){n.locales&&Object.keys(n.locales).forEach(t=>{n.locales[t].path=t});Object.freeze(n)}(t),e.$vuepress.$set("siteData",t);const o=new(n(e.$vuepress.$get("siteData"))),a=Object.getOwnPropertyDescriptors(Object.getPrototypeOf(o)),i={};return Object.keys(a).reduce((n,t)=>(t.startsWith("$")&&(n[t]=a[t].get),n),i),{computed:i}}(n=>class{setPage(n){this.__page=n}get $site(){return n}get $themeConfig(){return this.$site.themeConfig}get $frontmatter(){return this.$page.frontmatter}get $localeConfig(){const{locales:n={}}=this.$site;let t,e;for(const o in n)"/"===o?e=n[o]:0===this.$page.path.indexOf(o)&&(t=n[o]);return t||e||{}}get $siteTitle(){return this.$localeConfig.title||this.$site.title||""}get $canonicalUrl(){const{canonicalUrl:n}=this.$page.frontmatter;return"string"==typeof n&&n}get $title(){const n=this.$page,{metaTitle:t}=this.$page.frontmatter;if("string"==typeof t)return t;const e=this.$siteTitle,o=n.frontmatter.home?null:n.frontmatter.title||n.title;return e?o?o+" | "+e:e:o||"VuePress"}get $description(){const n=function(n){if(n){const t=n.filter(n=>"description"===n.name)[0];if(t)return t.content}}(this.$page.frontmatter.meta);return n||(this.$page.frontmatter.description||this.$localeConfig.description||this.$site.description||"")}get $lang(){return this.$page.frontmatter.lang||this.$localeConfig.lang||"en-US"}get $localePath(){return this.$localeConfig.path||"/"}get $themeLocaleConfig(){return(this.$site.themeConfig.locales||{})[this.$localePath]||{}}get $page(){return this.__page?this.__page:function(n,t){for(let e=0;ee||(n.hash?!r.a.$vuepress.$get("disableScrollBehavior")&&{selector:decodeURIComponent(n.hash)}:{x:0,y:0})});!function(n){n.beforeEach((t,e,o)=>{if(ha(n,t.path))o();else if(/(\/|\.html)$/.test(t.path))if(/\/$/.test(t.path)){const e=t.path.replace(/\/$/,"")+".html";ha(n,e)?o(e):o()}else o();else{const e=t.path+"/",a=t.path+".html";ha(n,a)?o(a):ha(n,e)?o(e):o()}})}(e);const o={};try{await Promise.all(la.filter(n=>"function"==typeof n).map(t=>t({Vue:r.a,options:o,router:e,siteData:Kt,isServer:n})))}catch(n){console.error(n)}return{app:new r.a(Object.assign(o,{router:e,render:n=>n("div",{attrs:{id:"app"}},[n("RouterView",{ref:"layout"}),n("div",{class:"global-ui"},ca.map(t=>n(t)))])})),router:e}}(!1).then(({app:n,router:t})=>{t.onReady(()=>{n.$mount("#app")})})}]); \ No newline at end of file diff --git a/master/guide/configuration.html b/master/guide/configuration.html index 60001210b..34277e584 100644 --- a/master/guide/configuration.html +++ b/master/guide/configuration.html @@ -7,7 +7,7 @@ - + @@ -65,7 +65,7 @@ height: number, radius?: number } -

which can be used in the callback to return an object with the initial values of the element, to provide own initial animation.

# Events

The following options are available for all annotation types. These options can be specified per annotation, or at the top level which apply to all annotations.

Name Type Chart event1 Notes
click (context, event) => boolean | void 'click' Called when a single click occurs on the annotation.
enter (context, event) => boolean | void 'mousemove' Called when the mouse enters the annotation.
leave (context, event) => boolean | void 'mousemove' Called when the mouse leaves the annotation.

TIP

1 Chart.js events (opens new window) that need to be enabled in order to get the associated annotation event working. Note that by default Chart.js enables 'mousemove', 'mouseout', 'click', 'touchstart', 'touchmove', meaning that annotation events work out-of-the-box.

If the event callbacks explicitly returns true, the chart will re-render automatically after processing the event completely. This is important when there are the annotations that require re-draws (for instance, after a change of a rendering options).

# Hooks

The following hooks are available for all annotation types. These hooks can be specified per annotation, or at the top level which apply to all annotations.

These hooks enable some user customizations on the annotations.

Name Type Notes
beforeDraw (context) => void Called before that the annotation is being drawn.
afterDraw (context) => void Called after the annotation has been drawn.
Edit this page (opens new window)
Last Updated: 9/20/2024, 12:31:31 PM

+

which can be used in the callback to return an object with the initial values of the element, to provide own initial animation.

# Events

The following options are available for all annotation types. These options can be specified per annotation, or at the top level which apply to all annotations.

Name Type Chart event1 Notes
click (context, event) => boolean | void 'click' Called when a single click occurs on the annotation.
enter (context, event) => boolean | void 'mousemove' Called when the mouse enters the annotation.
leave (context, event) => boolean | void 'mousemove' Called when the mouse leaves the annotation.

TIP

1 Chart.js events (opens new window) that need to be enabled in order to get the associated annotation event working. Note that by default Chart.js enables 'mousemove', 'mouseout', 'click', 'touchstart', 'touchmove', meaning that annotation events work out-of-the-box.

If the event callbacks explicitly returns true, the chart will re-render automatically after processing the event completely. This is important when there are the annotations that require re-draws (for instance, after a change of a rendering options).

# Hooks

The following hooks are available for all annotation types. These hooks can be specified per annotation, or at the top level which apply to all annotations.

These hooks enable some user customizations on the annotations.

Name Type Notes
beforeDraw (context) => void Called before that the annotation is being drawn.
afterDraw (context) => void Called after the annotation has been drawn.
Edit this page (opens new window)
Last Updated: 9/20/2024, 12:31:58 PM

← →

- + diff --git a/master/guide/contributing.html b/master/guide/contributing.html index 175706863..db0bb1393 100644 --- a/master/guide/contributing.html +++ b/master/guide/contributing.html @@ -7,7 +7,7 @@ - + @@ -32,7 +32,7 @@ GitHub (opens new window)

Contributions to Chart.js are welcome and encouraged, but please have a look through the guidelines in this document before raising an issue, or writing code for the project.

# Using issues

The issue tracker (opens new window) is the preferred channel for reporting bugs, requesting new features and submitting pull requests.

Please do not use issues for support requests. For help using the annotation plugin, please take a look at the GitHub Discussions (opens new window) page.

# Reporting bugs

Well structured, detailed bug reports are hugely valuable for the project.

Guidlines for reporting bugs:

  • Check the issue search to see if it has already been reported
  • Isolate the problem to a simple test case
  • Provide a demonstration of the problem on JS Bin (opens new window) or similar

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.

# Local development

Run npm ci to install all the libraries, then run npm run dev to build and run tests as you make changes.

# Pull requests

Clear, concise pull requests are excellent at continuing the project's community driven growth. But please review these guidelines (opens new window) and the guidelines below before starting work on the project.

Guidelines:

  • Please create an issue first: -
    • For bugs, we can discuss the fixing approach
    • For enhancements, we can discuss if it is within the project scope and avoid duplicate effort
  • Please make changes to the files in /src (opens new window)
  • Please add tests in /test (opens new window)
  • Spaces for indentation, not tabs please
  • If adding new functionality, please also update the relevant .md file in /docs (opens new window)
  • Please make your commits in logical sections with clear commit messages

# License

By contributing your code, you agree to license your contribution under the MIT license (opens new window).

Edit this page (opens new window)
Last Updated: 9/20/2024, 12:31:31 PM
- +
  • For bugs, we can discuss the fixing approach
  • For enhancements, we can discuss if it is within the project scope and avoid duplicate effort
  • Please make changes to the files in /src (opens new window)
  • Please add tests in /test (opens new window)
  • Spaces for indentation, not tabs please
  • If adding new functionality, please also update the relevant .md file in /docs (opens new window)
  • Please make your commits in logical sections with clear commit messages

    • # License

    By contributing your code, you agree to license your contribution under the MIT license (opens new window).

    Edit this page (opens new window)
    Last Updated: 9/20/2024, 12:31:58 PM
    + diff --git a/master/guide/developers.html b/master/guide/developers.html index 21fadee94..96607bbe3 100644 --- a/master/guide/developers.html +++ b/master/guide/developers.html @@ -7,7 +7,7 @@ - + @@ -41,7 +41,7 @@

    # .getAnnotations(chart: Chart): AnnotationElement[]

    It provides all annotation elements configured by the plugin options, even if the annotations are not visible.

    const myLineChart = new Chart(ctx, config);
 // get all annotation elements
 const elements = annotationPlugin.getAnnotations(myLineChart);
-
    Edit this page (opens new window)
    Last Updated: 9/20/2024, 12:31:31 PM

    +

    Edit this page (opens new window)
    Last Updated: 9/20/2024, 12:31:58 PM

    ← →

    - + diff --git a/master/guide/index.html b/master/guide/index.html index 90cfe46c7..08ba5452e 100644 --- a/master/guide/index.html +++ b/master/guide/index.html @@ -7,7 +7,7 @@ - + @@ -32,11 +32,11 @@ GitHub (opens new window)

    # Getting Started

    DANGER

    This plugin needs to be registered. It does not function as inline plugin.

    An annotation plugin for Chart.js >= 4.0.0

    This plugin draws lines, boxes, labels, points, polygons and ellipses on the chart area. Annotations work with line, bar, scatter and bubble charts that use linear, logarithmic, time, or category scales. Annotations will not work on any chart that does not have exactly two axes, including pie, radar, and polar area charts.

    Banner

    # Installation

    > npm install chartjs-plugin-annotation
-

    Important Note

    For Chart.js 3.7.0 to 3.9.1 support, use version 2.2.1 of this plugin (opens new window)

    For Chart.js 3.0.0 to 3.6.2 support, use version 1.4.0 of this plugin (opens new window)

    For Chart.js 2.4.0 to 2.9.x support, use version 0.5.7 of this plugin (opens new window)

    Documentation for v0.5.7 can be found on GitHub (opens new window).

    Edit this page (opens new window)
    Last Updated: 9/20/2024, 12:31:31 PM

    +

    Important Note

    For Chart.js 3.7.0 to 3.9.1 support, use version 2.2.1 of this plugin (opens new window)

    For Chart.js 3.0.0 to 3.6.2 support, use version 1.4.0 of this plugin (opens new window)

    For Chart.js 2.4.0 to 2.9.x support, use version 0.5.7 of this plugin (opens new window)

    Documentation for v0.5.7 can be found on GitHub (opens new window).

    Edit this page (opens new window)
    Last Updated: 9/20/2024, 12:31:58 PM

    Integration →

    - + diff --git a/master/guide/integration.html b/master/guide/integration.html index b5ecd73a3..4b2ae0f9a 100644 --- a/master/guide/integration.html +++ b/master/guide/integration.html @@ -7,7 +7,7 @@ - + @@ -39,7 +39,7 @@

    # Bundlers (Webpack, Rollup, etc.)

    import { Chart } from 'chart.js';
 import annotationPlugin from 'chartjs-plugin-annotation';
 Chart.register(annotationPlugin);
-
    Edit this page (opens new window)
    Last Updated: 9/20/2024, 12:31:31 PM

    +

    Edit this page (opens new window)
    Last Updated: 9/20/2024, 12:31:58 PM

    ← →

    - + diff --git a/master/guide/migrationV1.html b/master/guide/migrationV1.html index a144e6d06..641522bf0 100644 --- a/master/guide/migrationV1.html +++ b/master/guide/migrationV1.html @@ -7,7 +7,7 @@ - + @@ -54,11 +54,11 @@ } }):

    # Options

    # Plugin options

    • events array was removed. Listened events are determined automatically from the hooks specified.
    • enter, leave, click, dblclick event hooks can now be defined also at plugin level options.

    # Element options

    • onMouseenter was removed. Use enter instead.
    • onMouseleave was removed. Use leave instead.
    • onMouseover was removed. Use enter instead.
    • onMouseout was removed. Use leave instead.
    • onMousemove was removed.
    • onMousedown was removed. Use click instead.
    • onMouseup was removed. Use click instead.
    • onClick was removed. Use click instead.
    • onDblclick was removed. Use dblclick instead.
    • onContextmenu was removed.
    • onWheel was removed.

    # Line

    • mode was removed. The mode is automatically calculated based on the scale.
    • position values were changed to 'start', 'center' and 'end'. -
      • 'start' replaces previous 'left' and 'top'.
      • 'end' replaces previous 'right' and 'bottom'.

    # Label

    • fontColor was renamed to font.color
    • fontFamily was renamed to font.family
    • fontSize was renamed to font.size
    • fontStyle was renamed to font.style
    • lineHeight was renamed to font.lineHeight

    # Event hooks

    • Event hooks are now supplied with single context parameter, containing chart and element properties. chart is the chart instance and element is the event target annotation element.
    • Events are now fired from beforeEvent hook.
    Edit this page (opens new window)
    Last Updated: 9/20/2024, 12:31:31 PM

    +

    • 'start' replaces previous 'left' and 'top'.
    • 'end' replaces previous 'right' and 'bottom'.

    # Label

    • fontColor was renamed to font.color
    • fontFamily was renamed to font.family
    • fontSize was renamed to font.size
    • fontStyle was renamed to font.style
    • lineHeight was renamed to font.lineHeight

    # Event hooks

    • Event hooks are now supplied with single context parameter, containing chart and element properties. chart is the chart instance and element is the event target annotation element.
    • Events are now fired from beforeEvent hook.
    Edit this page (opens new window)
    Last Updated: 9/20/2024, 12:31:58 PM

    ←

    - + diff --git a/master/guide/migrationV2.html b/master/guide/migrationV2.html index e71ad5cfb..7a23f2fcd 100644 --- a/master/guide/migrationV2.html +++ b/master/guide/migrationV2.html @@ -7,7 +7,7 @@ - + @@ -51,7 +51,7 @@ element.label.options.display = false; return true; }, -

    chartjs-plugin-annotation plugin version 2 removes the clipping of the label to the box annotation size.

    chartjs-plugin-annotation plugin version 2 hides the following methods in the line annotation element because they should be used only internally:

    • intersects
    • isOnLabel

    chartjs-plugin-annotation plugin version 2 normalizes the properties of the annotation elements in order to be based on common box model.

    # Box annotation

    The following diagram is showing the element properties about a 'box' annotation:

    box

    The label of a box annotation is described as a label annotation and accessible by element.label.

    # Ellipse annotation

    The following diagram is showing the element properties about a 'ellipse' annotation:

    ellipse

    # Label annotation

    The following diagram is showing the element properties about a 'label' annotation:

    label

    # Line annotation

    The following diagram is showing the element properties about a 'line' annotation:

    line

    The label of a line annotation is described as a label annotation and accessible by element.label.

    # Point annotation

    The following diagram is showing the element properties about a 'point' annotation:

    point

    # Polygon annotation

    The following diagram is showing the element properties about a 'polygon' annotation:

    polygon

    # Events

    chartjs-plugin-annotation plugin version 2 introduces the interaction options, to configure which events trigger annotation interactions. By default, the plugin uses the chart interaction configuration (opens new window).

    The dblclick event hook was removed from annotations options because, being executed asynchronously, it can not enable the chart re-rendering, automatically after processing the event completely. This is important when the user requires re-draws. It gets slow and messy if every event hook does the draw (or update!).

    # Types

    chartjs-plugin-annotation plugin version 2 removes the compatibility with TypeScript versions less than 4.1 which is the minimum supported one.

    Edit this page (opens new window)
    Last Updated: 9/20/2024, 12:31:31 PM

    +

    chartjs-plugin-annotation plugin version 2 removes the clipping of the label to the box annotation size.

    chartjs-plugin-annotation plugin version 2 hides the following methods in the line annotation element because they should be used only internally:

    • intersects
    • isOnLabel

    chartjs-plugin-annotation plugin version 2 normalizes the properties of the annotation elements in order to be based on common box model.

    # Box annotation

    The following diagram is showing the element properties about a 'box' annotation:

    box

    The label of a box annotation is described as a label annotation and accessible by element.label.

    # Ellipse annotation

    The following diagram is showing the element properties about a 'ellipse' annotation:

    ellipse

    # Label annotation

    The following diagram is showing the element properties about a 'label' annotation:

    label

    # Line annotation

    The following diagram is showing the element properties about a 'line' annotation:

    line

    The label of a line annotation is described as a label annotation and accessible by element.label.

    # Point annotation

    The following diagram is showing the element properties about a 'point' annotation:

    point

    # Polygon annotation

    The following diagram is showing the element properties about a 'polygon' annotation:

    polygon

    # Events

    chartjs-plugin-annotation plugin version 2 introduces the interaction options, to configure which events trigger annotation interactions. By default, the plugin uses the chart interaction configuration (opens new window).

    The dblclick event hook was removed from annotations options because, being executed asynchronously, it can not enable the chart re-rendering, automatically after processing the event completely. This is important when the user requires re-draws. It gets slow and messy if every event hook does the draw (or update!).

    # Types

    chartjs-plugin-annotation plugin version 2 removes the compatibility with TypeScript versions less than 4.1 which is the minimum supported one.

    Edit this page (opens new window)
    Last Updated: 9/20/2024, 12:31:58 PM

    ← →

    - + diff --git a/master/guide/migrationV3.html b/master/guide/migrationV3.html index 47e0d7c2a..3bcaaaefc 100644 --- a/master/guide/migrationV3.html +++ b/master/guide/migrationV3.html @@ -7,7 +7,7 @@ - + @@ -32,7 +32,7 @@ GitHub (opens new window)

    # 3.x Migration Guide

    chartjs-plugin-annotation plugin version 3 becomes an ESM-only package (opens new window). -The UMD bundle is still available.

    # Chart.js version

    The annotation plugin requires at least version 4.0.0 to work because of Chart.js becomes an ESM-only package.

    # Type changes

    • The init options callback return value types have been changed from void | boolean | AnnotationBoxModel to void | boolean | AnnotationElement.
    Edit this page (opens new window)
    Last Updated: 9/20/2024, 12:31:31 PM

    +The UMD bundle is still available.

    # Chart.js version

    The annotation plugin requires at least version 4.0.0 to work because of Chart.js becomes an ESM-only package.

    # Type changes

    • The init options callback return value types have been changed from void | boolean | AnnotationBoxModel to void | boolean | AnnotationElement.
    Edit this page (opens new window)
    Last Updated: 9/20/2024, 12:31:58 PM

    ← →

    - + diff --git a/master/guide/options.html b/master/guide/options.html index 543e3de78..cf6bf1aa0 100644 --- a/master/guide/options.html +++ b/master/guide/options.html @@ -7,7 +7,7 @@ - + @@ -104,7 +104,7 @@ }] }, options -};

    # Draw Time

    The drawTime option for an annotation determines where in the chart lifecycle the drawing occurs. Four potential predefined options are available:

    Option Notes
    'beforeDraw' Occurs before any drawing takes place
    'beforeDatasetsDraw' Occurs after drawing of axes, but before datasets
    'afterDatasetsDraw' Occurs after drawing of datasets but before items such as the tooltip
    'afterDraw' After other drawing is completed.

    Furthermore, the drawTime option can be set as number which represents the dataset index used to draw the annotation, before that dataset will be.

    # Option Context

    The option context is used to give contextual information when resolving options and only applies to scriptable options. The object is preserved, so it can be used to store and pass information between calls / options.

    There are 2 levels of option context objects:

    • chart
      • annotation

    The context object contains the following properties:

    # chart

    • chart: the associated chart
    • type: 'chart'

    The chart option context is provided by Chart.js. It is passed to scriptable options when resolving annotation id, type and drawTime or adjusting scale ranges in afterDataLimits hook. The options resolved at that time are scaleID, xScaleID, yScaleID, value, endValue, xMin, xMax, yMin, yMax, xValue and yValue.

    # annotation

    In addition to chart

    • id: the annotation id
    • element: the annotation element
    • elements: the array which contains the already created annotation elements.
    • type: 'annotation'

    The annotation option context is passed to scriptable options in all other cases, except when resolving id, type or adjusting scale ranges. The same values resolved in afterDataLimits with chart context are again evaluated in afterUpdate with annotation context.

    Note that the annotation element may be undefined or partially uninitialized, since scriptable options may be invoked during the initial chart display, before everything's been resolved and initialized.

    Edit this page (opens new window)
    Last Updated: 9/20/2024, 12:31:31 PM

    +};

    # Draw Time

    The drawTime option for an annotation determines where in the chart lifecycle the drawing occurs. Four potential predefined options are available:

    Option Notes
    'beforeDraw' Occurs before any drawing takes place
    'beforeDatasetsDraw' Occurs after drawing of axes, but before datasets
    'afterDatasetsDraw' Occurs after drawing of datasets but before items such as the tooltip
    'afterDraw' After other drawing is completed.

    Furthermore, the drawTime option can be set as number which represents the dataset index used to draw the annotation, before that dataset will be.

    # Option Context

    The option context is used to give contextual information when resolving options and only applies to scriptable options. The object is preserved, so it can be used to store and pass information between calls / options.

    There are 2 levels of option context objects:

    • chart
      • annotation

    The context object contains the following properties:

    # chart

    • chart: the associated chart
    • type: 'chart'

    The chart option context is provided by Chart.js. It is passed to scriptable options when resolving annotation id, type and drawTime or adjusting scale ranges in afterDataLimits hook. The options resolved at that time are scaleID, xScaleID, yScaleID, value, endValue, xMin, xMax, yMin, yMax, xValue and yValue.

    # annotation

    In addition to chart

    • id: the annotation id
    • element: the annotation element
    • elements: the array which contains the already created annotation elements.
    • type: 'annotation'

    The annotation option context is passed to scriptable options in all other cases, except when resolving id, type or adjusting scale ranges. The same values resolved in afterDataLimits with chart context are again evaluated in afterUpdate with annotation context.

    Note that the annotation element may be undefined or partially uninitialized, since scriptable options may be invoked during the initial chart display, before everything's been resolved and initialized.

    Edit this page (opens new window)
    Last Updated: 9/20/2024, 12:31:58 PM

    ← →

    - + diff --git a/master/guide/types/_commonInnerLabel.html b/master/guide/types/_commonInnerLabel.html index 7fc9a1790..52cd2e3fc 100644 --- a/master/guide/types/_commonInnerLabel.html +++ b/master/guide/types/_commonInnerLabel.html @@ -7,7 +7,7 @@ - + @@ -31,7 +31,7 @@ Samples GitHub - (opens new window)

    # Label

    Namespace: options.annotations[annotationID].label, it defines options for the the label of annotation.

    All of these options can be Scriptable

    Name Type Default Notes
    color Color|Color[] 'black' Text color.
    content string|string[]|Image (opens new window)|HTMLCanvasElement (opens new window) null The content to show in the label.
    display boolean false Whether or not the label is shown.
    drawTime string|number options.drawTime See drawTime. Defaults to the annotation draw time if unset
    font Font|Font[] { weight: 'bold' } Label font
    height number|string undefined Overrides the height of the image or canvas element. Could be set in pixel by a number, or in percentage of current height of image or canvas element by a string. If undefined, uses the height of the image or canvas element. It is used only when the content is an image or canvas element.
    hitTolerance number undefined Amount of pixels to interact with annotations within some distance of the mouse point.
    opacity number undefined Overrides the opacity of the image or canvas element. Could be set a number in the range 0.0 to 1.0, inclusive. If undefined, uses the opacity of the image or canvas element. It is used only when the content is an image or canvas element.
    padding Padding 6 The padding to add around the text label.
    position string|{x: string, y: string} 'center' Anchor position of label in the annotation.
    rotation number undefined Rotation of label, in degrees. If undefined, the annotation rotation is used.
    textAlign string 'start' Text alignment of label content when there's more than one line. Possible options are: 'left', 'start', 'center', 'end', 'right'.
    textStrokeColor Color undefined The color of the stroke around the text.
    textStrokeWidth number 0 Stroke width around the text.
    width number|string undefined Overrides the width of the image or canvas element. Could be set in pixel by a number, or in percentage of current width of image or canvas element by a string. If undefined, uses the width of the image or canvas element. It is used only when the content is an image or canvas element.
    xAdjust number 0 Adjustment along x-axis (left-right) of label relative to computed position. Negative values move the label left, positive right.
    yAdjust number 0 Adjustment along y-axis (top-bottom) of label relative to computed position. Negative values move the label up, positive down.
    z number 0 It determines the drawing stack level of the label element, with same drawTime.

    # Position

    A position can be set in 2 different values types:

    1. 'start', 'center', 'end' which are defining where the label will be located
    2. a string, in percentage format 'number%', is representing the percentage on the size where the label will be located

    If this value is a string (possible options are 'start', 'center', 'end' or a string in percentage format), it is applied to vertical and horizontal position in the annotation.

    If this value is an object, the x property defines the horizontal alignment in the annotation. Similarly, the y property defines the vertical alignment in the annotation. Possible options for both properties are 'start', 'center', 'end', a string in percentage format. Omitted property have value of the default, 'center'.

    # Fonts and colors

    When the label to draw has multiple lines, you can use different font and color for each line of the label. This is enabled configuring an array of fonts or colors for those options. When the lines are more than the configured fonts of colors, the last configuration of those options is used for all remaining lines.

    Edit this page (opens new window)
    Last Updated: 9/20/2024, 12:31:31 PM
    - + (opens new window)

    # Label

    Namespace: options.annotations[annotationID].label, it defines options for the the label of annotation.

    All of these options can be Scriptable

    Name Type Default Notes
    color Color|Color[] 'black' Text color.
    content string|string[]|Image (opens new window)|HTMLCanvasElement (opens new window) null The content to show in the label.
    display boolean false Whether or not the label is shown.
    drawTime string|number options.drawTime See drawTime. Defaults to the annotation draw time if unset
    font Font|Font[] { weight: 'bold' } Label font
    height number|string undefined Overrides the height of the image or canvas element. Could be set in pixel by a number, or in percentage of current height of image or canvas element by a string. If undefined, uses the height of the image or canvas element. It is used only when the content is an image or canvas element.
    hitTolerance number undefined Amount of pixels to interact with annotations within some distance of the mouse point.
    opacity number undefined Overrides the opacity of the image or canvas element. Could be set a number in the range 0.0 to 1.0, inclusive. If undefined, uses the opacity of the image or canvas element. It is used only when the content is an image or canvas element.
    padding Padding 6 The padding to add around the text label.
    position string|{x: string, y: string} 'center' Anchor position of label in the annotation.
    rotation number undefined Rotation of label, in degrees. If undefined, the annotation rotation is used.
    textAlign string 'start' Text alignment of label content when there's more than one line. Possible options are: 'left', 'start', 'center', 'end', 'right'.
    textStrokeColor Color undefined The color of the stroke around the text.
    textStrokeWidth number 0 Stroke width around the text.
    width number|string undefined Overrides the width of the image or canvas element. Could be set in pixel by a number, or in percentage of current width of image or canvas element by a string. If undefined, uses the width of the image or canvas element. It is used only when the content is an image or canvas element.
    xAdjust number 0 Adjustment along x-axis (left-right) of label relative to computed position. Negative values move the label left, positive right.
    yAdjust number 0 Adjustment along y-axis (top-bottom) of label relative to computed position. Negative values move the label up, positive down.
    z number 0 It determines the drawing stack level of the label element, with same drawTime.

    # Position

    A position can be set in 2 different values types:

    1. 'start', 'center', 'end' which are defining where the label will be located
    2. a string, in percentage format 'number%', is representing the percentage on the size where the label will be located

    If this value is a string (possible options are 'start', 'center', 'end' or a string in percentage format), it is applied to vertical and horizontal position in the annotation.

    If this value is an object, the x property defines the horizontal alignment in the annotation. Similarly, the y property defines the vertical alignment in the annotation. Possible options for both properties are 'start', 'center', 'end', a string in percentage format. Omitted property have value of the default, 'center'.

    # Fonts and colors

    When the label to draw has multiple lines, you can use different font and color for each line of the label. This is enabled configuring an array of fonts or colors for those options. When the lines are more than the configured fonts of colors, the last configuration of those options is used for all remaining lines.

    Edit this page (opens new window)
    Last Updated: 9/20/2024, 12:31:58 PM
    + diff --git a/master/guide/types/_commonOptions.html b/master/guide/types/_commonOptions.html index 156fda91a..3e9022983 100644 --- a/master/guide/types/_commonOptions.html +++ b/master/guide/types/_commonOptions.html @@ -7,7 +7,7 @@ - + @@ -31,7 +31,7 @@ Samples GitHub - (opens new window)

    # Common options to all annotations

    The following options are available for all annotations.

    Name Type Scriptable Default
    adjustScaleRange boolean Yes true
    backgroundColor Color Yes options.color
    borderColor Color Yes options.color
    borderDash number[] Yes []
    borderDashOffset number Yes 0
    borderShadowColor Color Yes 'transparent'
    display boolean Yes true
    drawTime string|number Yes 'afterDatasetsDraw'
    hitTolerance number Yes 0
    init boolean See initial animation undefined
    id string No undefined
    shadowBlur number Yes 0
    shadowOffsetX number Yes 0
    shadowOffsetY number Yes 0
    xMax number | string Yes undefined
    xMin number | string Yes undefined
    xScaleID string Yes undefined
    yMin number | string Yes undefined
    yMax number | string Yes undefined
    yScaleID string Yes undefined
    z number Yes 0
    Edit this page (opens new window)
    Last Updated: 9/20/2024, 12:31:31 PM
    - + (opens new window)

    # Common options to all annotations

    The following options are available for all annotations.

    Name Type Scriptable Default
    adjustScaleRange boolean Yes true
    backgroundColor Color Yes options.color
    borderColor Color Yes options.color
    borderDash number[] Yes []
    borderDashOffset number Yes 0
    borderShadowColor Color Yes 'transparent'
    display boolean Yes true
    drawTime string|number Yes 'afterDatasetsDraw'
    hitTolerance number Yes 0
    init boolean See initial animation undefined
    id string No undefined
    shadowBlur number Yes 0
    shadowOffsetX number Yes 0
    shadowOffsetY number Yes 0
    xMax number | string Yes undefined
    xMin number | string Yes undefined
    xScaleID string Yes undefined
    yMin number | string Yes undefined
    yMax number | string Yes undefined
    yScaleID string Yes undefined
    z number Yes 0
    Edit this page (opens new window)
    Last Updated: 9/20/2024, 12:31:58 PM
    + diff --git a/master/guide/types/box.html b/master/guide/types/box.html index edcf87a25..e2f97030c 100644 --- a/master/guide/types/box.html +++ b/master/guide/types/box.html @@ -7,7 +7,7 @@ - + @@ -91,7 +91,7 @@ }] }, options -};

    # Configuration

    # Box annotation specific options

    The following options are available for box annotations.

    Name Type Scriptable Default
    backgroundShadowColor Color Yes 'transparent'
    borderCapStyle string Yes 'butt'
    borderJoinStyle string Yes 'miter'
    borderRadius number | object Yes 0
    borderWidth number Yes 1
    label object Yes
    rotation number Yes 0

    # Common options to all annotations

    The following options are available for all annotations.

    Name Type Scriptable Default
    adjustScaleRange boolean Yes true
    backgroundColor Color Yes options.color
    borderColor Color Yes options.color
    borderDash number[] Yes []
    borderDashOffset number Yes 0
    borderShadowColor Color Yes 'transparent'
    display boolean Yes true
    drawTime string|number Yes 'afterDatasetsDraw'
    hitTolerance number Yes 0
    init boolean See initial animation undefined
    id string No undefined
    shadowBlur number Yes 0
    shadowOffsetX number Yes 0
    shadowOffsetY number Yes 0
    xMax number | string Yes undefined
    xMin number | string Yes undefined
    xScaleID string Yes undefined
    yMin number | string Yes undefined
    yMax number | string Yes undefined
    yScaleID string Yes undefined
    z number Yes 0

    # General

    If one of the axes does not match an axis in the chart, the box will take the entire chart dimension. The 4 coordinates, xMin, xMax, yMin, yMax are optional. If not specified, the box is expanded out to the edges in the respective direction.

    Name Description
    adjustScaleRange Should the scale range be adjusted if this annotation is out of range.
    display Whether or not this annotation is visible.
    drawTime See drawTime.
    hitTolerance Amount of pixels to interact with annotations within some distance of the mouse point.
    id Identifies a unique id for the annotation and it will be stored in the element context. When the annotations are defined by an object, the id is automatically set using the key used to store the annotations in the object. When the annotations are configured by an array, the id, passed by this option in the annotation, will be used.
    rotation Rotation of the box in degrees.
    xMax Right edge of the box in units along the x axis.
    xMin Left edge of the box in units along the x axis.
    xScaleID ID of the X scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as 'x' axis. If more than one scale has been defined in the chart as 'x' axis, the option is mandatory to select the right scale.
    yMax Bottom edge of the box in units along the y axis.
    yMin Top edge of the box in units along the y axis.
    yScaleID ID of the Y scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as 'y' axis. If more than one scale has been defined in the chart as 'y' axis, the option is mandatory to select the right scale.
    z The z property determines the drawing stack level of the box annotation element. All visible elements will be drawn in ascending order of z option, with the same drawTime option.

    # Styling

    Name Description
    backgroundColor Fill color.
    backgroundShadowColor The color of shadow. See MDN (opens new window).
    borderCapStyle Cap style of the border line. See MDN (opens new window).
    borderColor Stroke color.
    borderDash Length and spacing of dashes. See MDN (opens new window).
    borderDashOffset Offset for border line dashes. See MDN (opens new window).
    borderJoinStyle Border line join style. See MDN (opens new window).
    borderRadius Radius of box rectangle (in pixels).
    borderShadowColor The color of the border shadow. See MDN (opens new window).
    borderWidth Border line width (in pixels).
    shadowBlur The amount of blur applied to shadow. See MDN (opens new window).
    shadowOffsetX The distance that shadow will be offset horizontally. See MDN (opens new window).
    shadowOffsetY The distance that shadow will be offset vertically. See MDN (opens new window).

    # borderRadius

    If this value is a number, it is applied to all corners of the rectangle (topLeft, topRight, bottomLeft, bottomRight). If this value is an object, the topLeft property defines the top-left corners border radius. Similarly, the topRight, bottomLeft, and bottomRight properties can also be specified. Omitted corners have radius of 0.

    # Label

    Namespace: options.annotations[annotationID].label, it defines options for the the label of annotation.

    All of these options can be Scriptable

    Name Type Default Notes
    color Color|Color[] 'black' Text color.
    content string|string[]|Image (opens new window)|HTMLCanvasElement (opens new window) null The content to show in the label.
    display boolean false Whether or not the label is shown.
    drawTime string|number options.drawTime See drawTime. Defaults to the annotation draw time if unset
    font Font|Font[] { weight: 'bold' } Label font
    height number|string undefined Overrides the height of the image or canvas element. Could be set in pixel by a number, or in percentage of current height of image or canvas element by a string. If undefined, uses the height of the image or canvas element. It is used only when the content is an image or canvas element.
    hitTolerance number undefined Amount of pixels to interact with annotations within some distance of the mouse point.
    opacity number undefined Overrides the opacity of the image or canvas element. Could be set a number in the range 0.0 to 1.0, inclusive. If undefined, uses the opacity of the image or canvas element. It is used only when the content is an image or canvas element.
    padding Padding 6 The padding to add around the text label.
    position string|{x: string, y: string} 'center' Anchor position of label in the annotation.
    rotation number undefined Rotation of label, in degrees. If undefined, the annotation rotation is used.
    textAlign string 'start' Text alignment of label content when there's more than one line. Possible options are: 'left', 'start', 'center', 'end', 'right'.
    textStrokeColor Color undefined The color of the stroke around the text.
    textStrokeWidth number 0 Stroke width around the text.
    width number|string undefined Overrides the width of the image or canvas element. Could be set in pixel by a number, or in percentage of current width of image or canvas element by a string. If undefined, uses the width of the image or canvas element. It is used only when the content is an image or canvas element.
    xAdjust number 0 Adjustment along x-axis (left-right) of label relative to computed position. Negative values move the label left, positive right.
    yAdjust number 0 Adjustment along y-axis (top-bottom) of label relative to computed position. Negative values move the label up, positive down.
    z number 0 It determines the drawing stack level of the label element, with same drawTime.

    # Position

    A position can be set in 2 different values types:

    1. 'start', 'center', 'end' which are defining where the label will be located
    2. a string, in percentage format 'number%', is representing the percentage on the size where the label will be located

    If this value is a string (possible options are 'start', 'center', 'end' or a string in percentage format), it is applied to vertical and horizontal position in the annotation.

    If this value is an object, the x property defines the horizontal alignment in the annotation. Similarly, the y property defines the vertical alignment in the annotation. Possible options for both properties are 'start', 'center', 'end', a string in percentage format. Omitted property have value of the default, 'center'.

    # Fonts and colors

    When the label to draw has multiple lines, you can use different font and color for each line of the label. This is enabled configuring an array of fonts or colors for those options. When the lines are more than the configured fonts of colors, the last configuration of those options is used for all remaining lines.

    # Element

    The following diagram is showing the element properties about a 'box' annotation:

    box

    The label of a box annotation is described as a label annotation and accessible by element.label.

    Edit this page (opens new window)
    Last Updated: 9/20/2024, 12:31:31 PM

    +};

    # Configuration

    # Box annotation specific options

    The following options are available for box annotations.

    Name Type Scriptable Default
    backgroundShadowColor Color Yes 'transparent'
    borderCapStyle string Yes 'butt'
    borderJoinStyle string Yes 'miter'
    borderRadius number | object Yes 0
    borderWidth number Yes 1
    label object Yes
    rotation number Yes 0

    # Common options to all annotations

    The following options are available for all annotations.

    Name Type Scriptable Default
    adjustScaleRange boolean Yes true
    backgroundColor Color Yes options.color
    borderColor Color Yes options.color
    borderDash number[] Yes []
    borderDashOffset number Yes 0
    borderShadowColor Color Yes 'transparent'
    display boolean Yes true
    drawTime string|number Yes 'afterDatasetsDraw'
    hitTolerance number Yes 0
    init boolean See initial animation undefined
    id string No undefined
    shadowBlur number Yes 0
    shadowOffsetX number Yes 0
    shadowOffsetY number Yes 0
    xMax number | string Yes undefined
    xMin number | string Yes undefined
    xScaleID string Yes undefined
    yMin number | string Yes undefined
    yMax number | string Yes undefined
    yScaleID string Yes undefined
    z number Yes 0

    # General

    If one of the axes does not match an axis in the chart, the box will take the entire chart dimension. The 4 coordinates, xMin, xMax, yMin, yMax are optional. If not specified, the box is expanded out to the edges in the respective direction.

    Name Description
    adjustScaleRange Should the scale range be adjusted if this annotation is out of range.
    display Whether or not this annotation is visible.
    drawTime See drawTime.
    hitTolerance Amount of pixels to interact with annotations within some distance of the mouse point.
    id Identifies a unique id for the annotation and it will be stored in the element context. When the annotations are defined by an object, the id is automatically set using the key used to store the annotations in the object. When the annotations are configured by an array, the id, passed by this option in the annotation, will be used.
    rotation Rotation of the box in degrees.
    xMax Right edge of the box in units along the x axis.
    xMin Left edge of the box in units along the x axis.
    xScaleID ID of the X scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as 'x' axis. If more than one scale has been defined in the chart as 'x' axis, the option is mandatory to select the right scale.
    yMax Bottom edge of the box in units along the y axis.
    yMin Top edge of the box in units along the y axis.
    yScaleID ID of the Y scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as 'y' axis. If more than one scale has been defined in the chart as 'y' axis, the option is mandatory to select the right scale.
    z The z property determines the drawing stack level of the box annotation element. All visible elements will be drawn in ascending order of z option, with the same drawTime option.

    # Styling

    Name Description
    backgroundColor Fill color.
    backgroundShadowColor The color of shadow. See MDN (opens new window).
    borderCapStyle Cap style of the border line. See MDN (opens new window).
    borderColor Stroke color.
    borderDash Length and spacing of dashes. See MDN (opens new window).
    borderDashOffset Offset for border line dashes. See MDN (opens new window).
    borderJoinStyle Border line join style. See MDN (opens new window).
    borderRadius Radius of box rectangle (in pixels).
    borderShadowColor The color of the border shadow. See MDN (opens new window).
    borderWidth Border line width (in pixels).
    shadowBlur The amount of blur applied to shadow. See MDN (opens new window).
    shadowOffsetX The distance that shadow will be offset horizontally. See MDN (opens new window).
    shadowOffsetY The distance that shadow will be offset vertically. See MDN (opens new window).

    # borderRadius

    If this value is a number, it is applied to all corners of the rectangle (topLeft, topRight, bottomLeft, bottomRight). If this value is an object, the topLeft property defines the top-left corners border radius. Similarly, the topRight, bottomLeft, and bottomRight properties can also be specified. Omitted corners have radius of 0.

    # Label

    Namespace: options.annotations[annotationID].label, it defines options for the the label of annotation.

    All of these options can be Scriptable

    Name Type Default Notes
    color Color|Color[] 'black' Text color.
    content string|string[]|Image (opens new window)|HTMLCanvasElement (opens new window) null The content to show in the label.
    display boolean false Whether or not the label is shown.
    drawTime string|number options.drawTime See drawTime. Defaults to the annotation draw time if unset
    font Font|Font[] { weight: 'bold' } Label font
    height number|string undefined Overrides the height of the image or canvas element. Could be set in pixel by a number, or in percentage of current height of image or canvas element by a string. If undefined, uses the height of the image or canvas element. It is used only when the content is an image or canvas element.
    hitTolerance number undefined Amount of pixels to interact with annotations within some distance of the mouse point.
    opacity number undefined Overrides the opacity of the image or canvas element. Could be set a number in the range 0.0 to 1.0, inclusive. If undefined, uses the opacity of the image or canvas element. It is used only when the content is an image or canvas element.
    padding Padding 6 The padding to add around the text label.
    position string|{x: string, y: string} 'center' Anchor position of label in the annotation.
    rotation number undefined Rotation of label, in degrees. If undefined, the annotation rotation is used.
    textAlign string 'start' Text alignment of label content when there's more than one line. Possible options are: 'left', 'start', 'center', 'end', 'right'.
    textStrokeColor Color undefined The color of the stroke around the text.
    textStrokeWidth number 0 Stroke width around the text.
    width number|string undefined Overrides the width of the image or canvas element. Could be set in pixel by a number, or in percentage of current width of image or canvas element by a string. If undefined, uses the width of the image or canvas element. It is used only when the content is an image or canvas element.
    xAdjust number 0 Adjustment along x-axis (left-right) of label relative to computed position. Negative values move the label left, positive right.
    yAdjust number 0 Adjustment along y-axis (top-bottom) of label relative to computed position. Negative values move the label up, positive down.
    z number 0 It determines the drawing stack level of the label element, with same drawTime.

    # Position

    A position can be set in 2 different values types:

    1. 'start', 'center', 'end' which are defining where the label will be located
    2. a string, in percentage format 'number%', is representing the percentage on the size where the label will be located

    If this value is a string (possible options are 'start', 'center', 'end' or a string in percentage format), it is applied to vertical and horizontal position in the annotation.

    If this value is an object, the x property defines the horizontal alignment in the annotation. Similarly, the y property defines the vertical alignment in the annotation. Possible options for both properties are 'start', 'center', 'end', a string in percentage format. Omitted property have value of the default, 'center'.

    # Fonts and colors

    When the label to draw has multiple lines, you can use different font and color for each line of the label. This is enabled configuring an array of fonts or colors for those options. When the lines are more than the configured fonts of colors, the last configuration of those options is used for all remaining lines.

    # Element

    The following diagram is showing the element properties about a 'box' annotation:

    box

    The label of a box annotation is described as a label annotation and accessible by element.label.

    Edit this page (opens new window)
    Last Updated: 9/20/2024, 12:31:58 PM

    ← →

    - + diff --git a/master/guide/types/ellipse.html b/master/guide/types/ellipse.html index 6fc921542..47f8c46a4 100644 --- a/master/guide/types/ellipse.html +++ b/master/guide/types/ellipse.html @@ -7,7 +7,7 @@ - + @@ -91,7 +91,7 @@ }] }, options -};

    # Configuration

    # Ellipse annotation specific options

    The following options are available for ellipse annotations.

    Name Type Scriptable Default
    backgroundShadowColor Color Yes 'transparent'
    borderWidth number Yes 1
    label object Yes
    rotation number Yes 0

    # Common options to all annotations

    The following options are available for all annotations.

    Name Type Scriptable Default
    adjustScaleRange boolean Yes true
    backgroundColor Color Yes options.color
    borderColor Color Yes options.color
    borderDash number[] Yes []
    borderDashOffset number Yes 0
    borderShadowColor Color Yes 'transparent'
    display boolean Yes true
    drawTime string|number Yes 'afterDatasetsDraw'
    hitTolerance number Yes 0
    init boolean See initial animation undefined
    id string No undefined
    shadowBlur number Yes 0
    shadowOffsetX number Yes 0
    shadowOffsetY number Yes 0
    xMax number | string Yes undefined
    xMin number | string Yes undefined
    xScaleID string Yes undefined
    yMin number | string Yes undefined
    yMax number | string Yes undefined
    yScaleID string Yes undefined
    z number Yes 0

    # General

    If one of the axes does not match an axis in the chart, the ellipse will take the entire chart dimension. The 4 coordinates, xMin, xMax, yMin, yMax are optional. If not specified, the ellipse is expanded out to the edges in the respective direction.

    Name Description
    adjustScaleRange Should the scale range be adjusted if this annotation is out of range.
    display Whether or not this annotation is visible.
    drawTime See drawTime.
    hitTolerance Amount of pixels to interact with annotations within some distance of the mouse point.
    id Identifies a unique id for the annotation and it will be stored in the element context. When the annotations are defined by an object, the id is automatically set using the key used to store the annotations in the object. When the annotations are configured by an array, the id, passed by this option in the annotation, will be used.
    rotation Rotation of the ellipse in degrees, default is 0.
    xMax Right edge of the ellipse in units along the x axis.
    xMin Left edge of the ellipse in units along the x axis.
    xScaleID ID of the X scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as 'x' axis. If more than one scale has been defined in the chart as 'x' axis, the option is mandatory to select the right scale.
    yMax Bottom edge of the ellipse in units along the y axis.
    yMin Top edge of the ellipse in units along the y axis.
    yScaleID ID of the Y scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as 'y' axis. If more than one scale has been defined in the chart as 'y' axis, the option is mandatory to select the right scale.
    z The z property determines the drawing stack level of the ellipse annotation element. All visible elements will be drawn in ascending order of z option, with the same drawTime option.

    # Styling

    Name Description
    backgroundColor Fill color.
    backgroundShadowColor The color of shadow. See MDN (opens new window).
    borderColor Stroke color.
    borderDash Length and spacing of dashes. See MDN (opens new window).
    borderDashOffset Offset for line dashes. See MDN (opens new window).
    borderShadowColor The color of the border shadow. See MDN (opens new window).
    borderWidth Stroke width.
    shadowBlur The amount of blur applied to shadow. See MDN (opens new window).
    shadowOffsetX The distance that shadow will be offset horizontally. See MDN (opens new window).
    shadowOffsetY The distance that shadow will be offset vertically. See MDN (opens new window).

    # Label

    Namespace: options.annotations[annotationID].label, it defines options for the the label of annotation.

    All of these options can be Scriptable

    Name Type Default Notes
    color Color|Color[] 'black' Text color.
    content string|string[]|Image (opens new window)|HTMLCanvasElement (opens new window) null The content to show in the label.
    display boolean false Whether or not the label is shown.
    drawTime string|number options.drawTime See drawTime. Defaults to the annotation draw time if unset
    font Font|Font[] { weight: 'bold' } Label font
    height number|string undefined Overrides the height of the image or canvas element. Could be set in pixel by a number, or in percentage of current height of image or canvas element by a string. If undefined, uses the height of the image or canvas element. It is used only when the content is an image or canvas element.
    hitTolerance number undefined Amount of pixels to interact with annotations within some distance of the mouse point.
    opacity number undefined Overrides the opacity of the image or canvas element. Could be set a number in the range 0.0 to 1.0, inclusive. If undefined, uses the opacity of the image or canvas element. It is used only when the content is an image or canvas element.
    padding Padding 6 The padding to add around the text label.
    position string|{x: string, y: string} 'center' Anchor position of label in the annotation.
    rotation number undefined Rotation of label, in degrees. If undefined, the annotation rotation is used.
    textAlign string 'start' Text alignment of label content when there's more than one line. Possible options are: 'left', 'start', 'center', 'end', 'right'.
    textStrokeColor Color undefined The color of the stroke around the text.
    textStrokeWidth number 0 Stroke width around the text.
    width number|string undefined Overrides the width of the image or canvas element. Could be set in pixel by a number, or in percentage of current width of image or canvas element by a string. If undefined, uses the width of the image or canvas element. It is used only when the content is an image or canvas element.
    xAdjust number 0 Adjustment along x-axis (left-right) of label relative to computed position. Negative values move the label left, positive right.
    yAdjust number 0 Adjustment along y-axis (top-bottom) of label relative to computed position. Negative values move the label up, positive down.
    z number 0 It determines the drawing stack level of the label element, with same drawTime.

    # Position

    A position can be set in 2 different values types:

    1. 'start', 'center', 'end' which are defining where the label will be located
    2. a string, in percentage format 'number%', is representing the percentage on the size where the label will be located

    If this value is a string (possible options are 'start', 'center', 'end' or a string in percentage format), it is applied to vertical and horizontal position in the annotation.

    If this value is an object, the x property defines the horizontal alignment in the annotation. Similarly, the y property defines the vertical alignment in the annotation. Possible options for both properties are 'start', 'center', 'end', a string in percentage format. Omitted property have value of the default, 'center'.

    # Fonts and colors

    When the label to draw has multiple lines, you can use different font and color for each line of the label. This is enabled configuring an array of fonts or colors for those options. When the lines are more than the configured fonts of colors, the last configuration of those options is used for all remaining lines.

    # Element

    The following diagram is showing the element properties about a 'ellipse' annotation:

    ellipse

    Edit this page (opens new window)
    Last Updated: 9/20/2024, 12:31:31 PM

    +};

    # Configuration

    # Ellipse annotation specific options

    The following options are available for ellipse annotations.

    Name Type Scriptable Default
    backgroundShadowColor Color Yes 'transparent'
    borderWidth number Yes 1
    label object Yes
    rotation number Yes 0

    # Common options to all annotations

    The following options are available for all annotations.

    Name Type Scriptable Default
    adjustScaleRange boolean Yes true
    backgroundColor Color Yes options.color
    borderColor Color Yes options.color
    borderDash number[] Yes []
    borderDashOffset number Yes 0
    borderShadowColor Color Yes 'transparent'
    display boolean Yes true
    drawTime string|number Yes 'afterDatasetsDraw'
    hitTolerance number Yes 0
    init boolean See initial animation undefined
    id string No undefined
    shadowBlur number Yes 0
    shadowOffsetX number Yes 0
    shadowOffsetY number Yes 0
    xMax number | string Yes undefined
    xMin number | string Yes undefined
    xScaleID string Yes undefined
    yMin number | string Yes undefined
    yMax number | string Yes undefined
    yScaleID string Yes undefined
    z number Yes 0

    # General

    If one of the axes does not match an axis in the chart, the ellipse will take the entire chart dimension. The 4 coordinates, xMin, xMax, yMin, yMax are optional. If not specified, the ellipse is expanded out to the edges in the respective direction.

    Name Description
    adjustScaleRange Should the scale range be adjusted if this annotation is out of range.
    display Whether or not this annotation is visible.
    drawTime See drawTime.
    hitTolerance Amount of pixels to interact with annotations within some distance of the mouse point.
    id Identifies a unique id for the annotation and it will be stored in the element context. When the annotations are defined by an object, the id is automatically set using the key used to store the annotations in the object. When the annotations are configured by an array, the id, passed by this option in the annotation, will be used.
    rotation Rotation of the ellipse in degrees, default is 0.
    xMax Right edge of the ellipse in units along the x axis.
    xMin Left edge of the ellipse in units along the x axis.
    xScaleID ID of the X scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as 'x' axis. If more than one scale has been defined in the chart as 'x' axis, the option is mandatory to select the right scale.
    yMax Bottom edge of the ellipse in units along the y axis.
    yMin Top edge of the ellipse in units along the y axis.
    yScaleID ID of the Y scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as 'y' axis. If more than one scale has been defined in the chart as 'y' axis, the option is mandatory to select the right scale.
    z The z property determines the drawing stack level of the ellipse annotation element. All visible elements will be drawn in ascending order of z option, with the same drawTime option.

    # Styling

    Name Description
    backgroundColor Fill color.
    backgroundShadowColor The color of shadow. See MDN (opens new window).
    borderColor Stroke color.
    borderDash Length and spacing of dashes. See MDN (opens new window).
    borderDashOffset Offset for line dashes. See MDN (opens new window).
    borderShadowColor The color of the border shadow. See MDN (opens new window).
    borderWidth Stroke width.
    shadowBlur The amount of blur applied to shadow. See MDN (opens new window).
    shadowOffsetX The distance that shadow will be offset horizontally. See MDN (opens new window).
    shadowOffsetY The distance that shadow will be offset vertically. See MDN (opens new window).

    # Label

    Namespace: options.annotations[annotationID].label, it defines options for the the label of annotation.

    All of these options can be Scriptable

    Name Type Default Notes
    color Color|Color[] 'black' Text color.
    content string|string[]|Image (opens new window)|HTMLCanvasElement (opens new window) null The content to show in the label.
    display boolean false Whether or not the label is shown.
    drawTime string|number options.drawTime See drawTime. Defaults to the annotation draw time if unset
    font Font|Font[] { weight: 'bold' } Label font
    height number|string undefined Overrides the height of the image or canvas element. Could be set in pixel by a number, or in percentage of current height of image or canvas element by a string. If undefined, uses the height of the image or canvas element. It is used only when the content is an image or canvas element.
    hitTolerance number undefined Amount of pixels to interact with annotations within some distance of the mouse point.
    opacity number undefined Overrides the opacity of the image or canvas element. Could be set a number in the range 0.0 to 1.0, inclusive. If undefined, uses the opacity of the image or canvas element. It is used only when the content is an image or canvas element.
    padding Padding 6 The padding to add around the text label.
    position string|{x: string, y: string} 'center' Anchor position of label in the annotation.
    rotation number undefined Rotation of label, in degrees. If undefined, the annotation rotation is used.
    textAlign string 'start' Text alignment of label content when there's more than one line. Possible options are: 'left', 'start', 'center', 'end', 'right'.
    textStrokeColor Color undefined The color of the stroke around the text.
    textStrokeWidth number 0 Stroke width around the text.
    width number|string undefined Overrides the width of the image or canvas element. Could be set in pixel by a number, or in percentage of current width of image or canvas element by a string. If undefined, uses the width of the image or canvas element. It is used only when the content is an image or canvas element.
    xAdjust number 0 Adjustment along x-axis (left-right) of label relative to computed position. Negative values move the label left, positive right.
    yAdjust number 0 Adjustment along y-axis (top-bottom) of label relative to computed position. Negative values move the label up, positive down.
    z number 0 It determines the drawing stack level of the label element, with same drawTime.

    # Position

    A position can be set in 2 different values types:

    1. 'start', 'center', 'end' which are defining where the label will be located
    2. a string, in percentage format 'number%', is representing the percentage on the size where the label will be located

    If this value is a string (possible options are 'start', 'center', 'end' or a string in percentage format), it is applied to vertical and horizontal position in the annotation.

    If this value is an object, the x property defines the horizontal alignment in the annotation. Similarly, the y property defines the vertical alignment in the annotation. Possible options for both properties are 'start', 'center', 'end', a string in percentage format. Omitted property have value of the default, 'center'.

    # Fonts and colors

    When the label to draw has multiple lines, you can use different font and color for each line of the label. This is enabled configuring an array of fonts or colors for those options. When the lines are more than the configured fonts of colors, the last configuration of those options is used for all remaining lines.

    # Element

    The following diagram is showing the element properties about a 'ellipse' annotation:

    ellipse

    Edit this page (opens new window)
    Last Updated: 9/20/2024, 12:31:58 PM

    ← →

    - + diff --git a/master/guide/types/label.html b/master/guide/types/label.html index aa9d7fa87..71d22db4a 100644 --- a/master/guide/types/label.html +++ b/master/guide/types/label.html @@ -7,7 +7,7 @@ - + @@ -173,7 +173,7 @@ }] }, options -};

    All of these options can be Scriptable.

    Name Type Default Notes
    borderCapStyle string 'butt' Cap style of the border line of callout. See MDN (opens new window).
    borderColor Color undefined Stroke color of the pointer of the callout.
    borderDash number[] [] Length and spacing of dashes of callout. See MDN (opens new window).
    borderDashOffset number 0 Offset for line dashes of callout. See MDN (opens new window).
    borderJoinStyle string 'miter' Border line join style of the callout. See MDN (opens new window).
    borderWidth number 1 Stroke width of the pointer of the callout.
    display boolean false If true, the callout is drawn.
    margin number 5 Amount of pixels between the label and the callout separator.
    position string 'auto' The position of callout, with respect to the label. Could be left, top, right, bottom or auto.
    side number 5 Width of the starter line of callout pointer.
    start number|string '50%' The percentage of the separator dimension to use as starting point for callout pointer. Could be set in pixel by a number, or in percentage of the separator dimension by a string.

    # Element

    The following diagram is showing the element properties about a 'label' annotation:

    label

    Edit this page (opens new window)
    Last Updated: 9/20/2024, 12:31:31 PM

    +};

    All of these options can be Scriptable.

    Name Type Default Notes
    borderCapStyle string 'butt' Cap style of the border line of callout. See MDN (opens new window).
    borderColor Color undefined Stroke color of the pointer of the callout.
    borderDash number[] [] Length and spacing of dashes of callout. See MDN (opens new window).
    borderDashOffset number 0 Offset for line dashes of callout. See MDN (opens new window).
    borderJoinStyle string 'miter' Border line join style of the callout. See MDN (opens new window).
    borderWidth number 1 Stroke width of the pointer of the callout.
    display boolean false If true, the callout is drawn.
    margin number 5 Amount of pixels between the label and the callout separator.
    position string 'auto' The position of callout, with respect to the label. Could be left, top, right, bottom or auto.
    side number 5 Width of the starter line of callout pointer.
    start number|string '50%' The percentage of the separator dimension to use as starting point for callout pointer. Could be set in pixel by a number, or in percentage of the separator dimension by a string.

    # Element

    The following diagram is showing the element properties about a 'label' annotation:

    label

    Edit this page (opens new window)
    Last Updated: 9/20/2024, 12:31:58 PM

    ← →

    - + diff --git a/master/guide/types/line.html b/master/guide/types/line.html index 5ec127442..61fa61bb5 100644 --- a/master/guide/types/line.html +++ b/master/guide/types/line.html @@ -7,7 +7,7 @@ - + @@ -90,7 +90,7 @@ }, options };

    # Configuration

    # Line annotation specific options

    The following options are available for line annotations.

    Name Type Scriptable Default
    arrowHeads {start: object, end:object} Yes
    borderWidth number Yes 2
    controlPoint number | string | {x: number | string, y: number | string} Yes {y:'-50%'}
    curve boolean Yes false
    endValue number Yes undefined
    label object Yes
    scaleID string Yes undefined
    value number Yes undefined

    # Common options to all annotations

    The following options are available for all annotations.

    Name Type Scriptable Default
    adjustScaleRange boolean Yes true
    backgroundColor Color Yes options.color
    borderColor Color Yes options.color
    borderDash number[] Yes []
    borderDashOffset number Yes 0
    borderShadowColor Color Yes 'transparent'
    display boolean Yes true
    drawTime string|number Yes 'afterDatasetsDraw'
    hitTolerance number Yes 0
    init boolean See initial animation undefined
    id string No undefined
    shadowBlur number Yes 0
    shadowOffsetX number Yes 0
    shadowOffsetY number Yes 0
    xMax number | string Yes undefined
    xMin number | string Yes undefined
    xScaleID string Yes undefined
    yMin number | string Yes undefined
    yMax number | string Yes undefined
    yScaleID string Yes undefined
    z number Yes 0

    # General

    If one of the axes does not match an axis in the chart then the line behaviors are the following, depending on how the line should be drawn:

    1. if scaleID is not resolved, the line will take the entire chart dimension, from the top-left vertex to the bottom-right vertex of the chart
    2. if xScaleID is not resolved, the line will take the entire chart width
    3. if yScaleID is not resolved, the line will take the entire chart height

    The 2 coordinates, start, end, are optional. If not specified, the line is expanded out to the edges in the respective direction. -The 4 coordinates, xMin, xMax, yMin, yMax are optional. If not specified, the line is expanded out to the edges in the respective direction.

    The id identifies a unique id for the annotation and it will be stored in the element context. When the annotations are defined by an object, the id is automatically set using the key used to store the annotations in the object. When the annotations are configured by an array, the id, passed by this option in the annotation, will be used.

    # Positioning

    The line can be positioned in two different ways. If scaleID is set, then value and endValue must also be set to indicate the endpoints of the line. The line will be perpendicular to the axis identified by scaleID.

    If scaleID is unset, then xScaleID and yScaleID are used to draw a line from (xMin, yMin) to (xMax, yMax).

    Name Description
    adjustScaleRange Should the scale range be adjusted if this annotation is out of range.
    controlPoint if curve is enabled, it configures the control point to drawn the curve, calculated in pixels. It can be set by a string in percentage format 'number%' which are representing the percentage of the distance between the start and end point from the center.
    curve Whether or not a quadratic Bézier curve (opens new window) is drawn.
    display Whether or not this annotation is visible.
    drawTime See drawTime.
    endValue End two of the line when a single scale is specified.
    hitTolerance Amount of pixels to interact with annotations within some distance of the mouse point.
    id Identifies a unique id for the annotation and it will be stored in the element context. When the annotations are defined by an object, the id is automatically set using the key used to store the annotations in the object. When the annotations are configured by an array, the id, passed by this option in the annotation, will be used.
    scaleID ID of the scale in single scale mode. If unset, xScaleID and yScaleID are used.
    value End one of the line when a single scale is specified.
    xMax X coordinate of end two of the line in units along the x axis.
    xMin X coordinate of end one of the line in units along the x axis.
    xScaleID ID of the X scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as 'x' axis. If more than one scale has been defined in the chart as 'x' axis, the option is mandatory to select the right scale.
    yMax Y coordinate of end two of the line in units along the y axis.
    yMin Y coordinate of end one of the line in units along the y axis.
    yScaleID ID of the Y scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as 'y' axis. If more than one scale has been defined in the chart as 'y' axis, the option is mandatory to select the right scale.
    z The z property determines the drawing stack level of the line annotation element. All visible elements will be drawn in ascending order of z option, with the same drawTime option.

    # Styling

    Name Description
    borderColor Stroke color.
    borderDash Length and spacing of dashes. See MDN (opens new window).
    borderDashOffset Offset for line dashes. See MDN (opens new window).
    borderShadowColor The color of shadow. See MDN (opens new window).
    borderWidth Stroke width.
    shadowBlur The amount of blur applied to shadow. See MDN (opens new window).
    shadowOffsetX The distance that shadow will be offset horizontally. See MDN (opens new window).
    shadowOffsetY The distance that shadow will be offset vertically. See MDN (opens new window).

    # Label

    Namespace: options.annotations[annotationID].label, it defines options for the line annotation label.

    All of these options can be Scriptable

    Name Type Default Notes
    backgroundColor Color 'rgba(0,0,0,0.8)' Background color of the label container.
    backgroundShadowColor Color 'transparent' The color of shadow of the box where the label is located. See MDN (opens new window).
    borderCapStyle string 'butt' Cap style of the border line. See MDN (opens new window).
    borderColor Color black The border line color.
    borderDash number[] [] Length and spacing of dashes. See MDN (opens new window).
    borderDashOffset number 0 Offset for border line dashes. See MDN (opens new window).
    borderJoinStyle string 'miter' Border line join style. See MDN (opens new window).
    borderRadius number | object 6 Radius of label box corners in pixels.
    borderShadowColor Color 'transparent' The color of border shadow of the box where the label is located. See MDN (opens new window).
    borderWidth number 0 The border line width (in pixels).
    callout object Can connect the label to the line. See callout.
    color Color|Color[] '#fff' Text color.
    content string|string[]|Image (opens new window)|HTMLCanvasElement (opens new window) null The content to show in the label.
    display boolean false Whether or not the label is shown.
    drawTime string|number options.drawTime See drawTime. Defaults to the line annotation draw time if unset.
    font Font|Font[] { weight: 'bold' } Label font.
    height number|string undefined Overrides the height of the image or canvas element. Could be set in pixel by a number, or in percentage of current height of image or canvas element by a string. If undefined, uses the height of the image or canvas element. It is used only when the content is an image or canvas element.
    hitTolerance number undefined Amount of pixels to interact with annotations within some distance of the mouse point.
    opacity number undefined Overrides the opacity of the image or canvas element. Could be set a number in the range 0.0 to 1.0, inclusive. If undefined, uses the opacity of the image or canvas element. It is used only when the content is an image or canvas element.
    padding Padding 6 The padding to add around the text label.
    position string 'center' Anchor position of label on line. Possible options are: 'start', 'center', 'end'. It can be set by a string in percentage format 'number%' which are representing the percentage on the width of the line where the label will be located.
    rotation number|'auto' 0 Rotation of label, in degrees, or 'auto' to use the degrees of the line.
    shadowBlur number 0 The amount of blur applied to shadow of the box where the label is located. See MDN (opens new window).
    shadowOffsetX number 0 The distance that shadow, of the box where the label is located, will be offset horizontally. See MDN (opens new window).
    shadowOffsetY number 0 The distance that shadow, of the box where the label is located, will be offset vertically. See MDN (opens new window).
    textAlign string 'center' Text alignment of label content when there's more than one line. Possible options are: 'start', 'center', 'end'.
    textStrokeColor Color undefined The color of the stroke around the text.
    textStrokeWidth number 0 Stroke width around the text.
    width number|string undefined Overrides the width of the image or canvas element. Could be set in pixel by a number, or in percentage of current width of image or canvas element by a string. If undefined, uses the width of the image or canvas element. It is used only when the content is an image or canvas element.
    xAdjust number 0 Adjustment along x-axis (left-right) of label relative to computed position. Negative values move the label left, positive right.
    yAdjust number 0 Adjustment along y-axis (top-bottom) of label relative to computed position. Negative values move the label up, positive down.
    z number 0 It determines the drawing stack level of the label element, with same drawTime.

    # borderRadius

    If this value is a number, it is applied to all corners of the rectangle (topLeft, topRight, bottomLeft, bottomRight). If this value is an object, the topLeft property defines the top-left corners border radius. Similarly, the topRight, bottomLeft, and bottomRight properties can also be specified. Omitted corners have radius of 0.

    # Fonts and colors

    When the label to draw has multiple lines, you can use different font and color for each line of the label. This is enabled configuring an array of fonts or colors for those options. When the lines are more than the configured fonts of colors, the last configuration of those options is used for all remaining lines.

    # Callout

    A callout can connect the label to the line when the label is arbitrarily (by xAdjust and yAdjust options) moved from its original position.

    Namespace: options.annotations[annotationID].label.callout, it defines options for the callout on the label of the line annotation.

    All of these options can be Scriptable.

    Name Type Default Notes
    borderCapStyle string 'butt' Cap style of the border line of callout. See MDN (opens new window).
    borderColor Color undefined Stroke color of the pointer of the callout.
    borderDash number[] [] Length and spacing of dashes of callout. See MDN (opens new window).
    borderDashOffset number 0 Offset for line dashes of callout. See MDN (opens new window).
    borderJoinStyle string 'miter' Border line join style of the callout. See MDN (opens new window).
    borderWidth number 1 Stroke width of the pointer of the callout.
    display boolean false If true, the callout is drawn.
    margin number 5 Amount of pixels between the label and the callout separator.
    position string 'auto' The position of callout, with respect to the label. Could be left, top, right, bottom or auto.
    side number 5 Width of the starter line of callout pointer.
    start number|string '50%' The percentage of the separator dimension to use as starting point for callout pointer. Could be set in pixel by a number, or in percentage of the separator dimension by a string.

    # Arrow heads

    Namespace: options.annotations[annotationID].arrowHeads, it defines options for the line annotation arrow heads.

    All of these options can be Scriptable

    Name Type Notes
    end object To configure the arrow head at the end of the line.
    start object To configure the arrow head at the start of the line.

    # Arrow head configuration

    Enabling it, you can add arrow heads at start and/or end of a line. It uses the borderWidth of the line options to configure the line width of the arrow head.

    The following options can be specified per (start and/or end) arrow head, or at the top level (arrowHeads) which apply to all arrow heads.

    All of these options can be Scriptable

    Name Type Default Notes
    backgroundColor Color lineAnnotation.borderColor Background color of the arrow head.
    backgroundShadowColor Color 'transparent' The color of shadow of the arrow head. See MDN (opens new window).
    borderColor Color lineAnnotation.borderColor The border arrow head color.
    borderDash number[] lineAnnotation.borderDash Length and spacing of dashes. See MDN (opens new window).
    borderDashOffset number lineAnnotation.borderDashOffset Offset for border arrow head dashes. See MDN (opens new window).
    borderShadowColor Color lineAnnotation.borderShadowColor The color of border shadow of the arrow head. See MDN (opens new window).
    borderWidth number lineAnnotation.borderWidth The border line width (in pixels).
    display boolean false Whether or not the arrow head is shown.
    fill boolean false Whether or not the arrow head is filled.
    length number 12 The length of the arrow head in pixels.
    shadowBlur number lineAnnotation.shadowBlur The amount of blur applied to shadow of the arrow head. See MDN (opens new window).
    shadowOffsetX number lineAnnotation.shadowOffsetX The distance that shadow, of the arrow head, will be offset horizontally. See MDN (opens new window).
    shadowOffsetY number lineAnnotation.shadowOffsetY The distance that shadow, of the arrow head, will be offset vertically. See MDN (opens new window).
    width number 6 The width of the arrow head in pixels.

    # Element

    The following diagram is showing the element properties about a 'line' annotation:

    line

    The label of a box annotation is described as a label annotation and accessible by element.label.

    Edit this page (opens new window)
    Last Updated: 9/20/2024, 12:31:31 PM

    +The 4 coordinates, xMin, xMax, yMin, yMax are optional. If not specified, the line is expanded out to the edges in the respective direction.

    The id identifies a unique id for the annotation and it will be stored in the element context. When the annotations are defined by an object, the id is automatically set using the key used to store the annotations in the object. When the annotations are configured by an array, the id, passed by this option in the annotation, will be used.

    # Positioning

    The line can be positioned in two different ways. If scaleID is set, then value and endValue must also be set to indicate the endpoints of the line. The line will be perpendicular to the axis identified by scaleID.

    If scaleID is unset, then xScaleID and yScaleID are used to draw a line from (xMin, yMin) to (xMax, yMax).

    Name Description
    adjustScaleRange Should the scale range be adjusted if this annotation is out of range.
    controlPoint if curve is enabled, it configures the control point to drawn the curve, calculated in pixels. It can be set by a string in percentage format 'number%' which are representing the percentage of the distance between the start and end point from the center.
    curve Whether or not a quadratic Bézier curve (opens new window) is drawn.
    display Whether or not this annotation is visible.
    drawTime See drawTime.
    endValue End two of the line when a single scale is specified.
    hitTolerance Amount of pixels to interact with annotations within some distance of the mouse point.
    id Identifies a unique id for the annotation and it will be stored in the element context. When the annotations are defined by an object, the id is automatically set using the key used to store the annotations in the object. When the annotations are configured by an array, the id, passed by this option in the annotation, will be used.
    scaleID ID of the scale in single scale mode. If unset, xScaleID and yScaleID are used.
    value End one of the line when a single scale is specified.
    xMax X coordinate of end two of the line in units along the x axis.
    xMin X coordinate of end one of the line in units along the x axis.
    xScaleID ID of the X scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as 'x' axis. If more than one scale has been defined in the chart as 'x' axis, the option is mandatory to select the right scale.
    yMax Y coordinate of end two of the line in units along the y axis.
    yMin Y coordinate of end one of the line in units along the y axis.
    yScaleID ID of the Y scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as 'y' axis. If more than one scale has been defined in the chart as 'y' axis, the option is mandatory to select the right scale.
    z The z property determines the drawing stack level of the line annotation element. All visible elements will be drawn in ascending order of z option, with the same drawTime option.

    # Styling

    Name Description
    borderColor Stroke color.
    borderDash Length and spacing of dashes. See MDN (opens new window).
    borderDashOffset Offset for line dashes. See MDN (opens new window).
    borderShadowColor The color of shadow. See MDN (opens new window).
    borderWidth Stroke width.
    shadowBlur The amount of blur applied to shadow. See MDN (opens new window).
    shadowOffsetX The distance that shadow will be offset horizontally. See MDN (opens new window).
    shadowOffsetY The distance that shadow will be offset vertically. See MDN (opens new window).

    # Label

    Namespace: options.annotations[annotationID].label, it defines options for the line annotation label.

    All of these options can be Scriptable

    Name Type Default Notes
    backgroundColor Color 'rgba(0,0,0,0.8)' Background color of the label container.
    backgroundShadowColor Color 'transparent' The color of shadow of the box where the label is located. See MDN (opens new window).
    borderCapStyle string 'butt' Cap style of the border line. See MDN (opens new window).
    borderColor Color black The border line color.
    borderDash number[] [] Length and spacing of dashes. See MDN (opens new window).
    borderDashOffset number 0 Offset for border line dashes. See MDN (opens new window).
    borderJoinStyle string 'miter' Border line join style. See MDN (opens new window).
    borderRadius number | object 6 Radius of label box corners in pixels.
    borderShadowColor Color 'transparent' The color of border shadow of the box where the label is located. See MDN (opens new window).
    borderWidth number 0 The border line width (in pixels).
    callout object Can connect the label to the line. See callout.
    color Color|Color[] '#fff' Text color.
    content string|string[]|Image (opens new window)|HTMLCanvasElement (opens new window) null The content to show in the label.
    display boolean false Whether or not the label is shown.
    drawTime string|number options.drawTime See drawTime. Defaults to the line annotation draw time if unset.
    font Font|Font[] { weight: 'bold' } Label font.
    height number|string undefined Overrides the height of the image or canvas element. Could be set in pixel by a number, or in percentage of current height of image or canvas element by a string. If undefined, uses the height of the image or canvas element. It is used only when the content is an image or canvas element.
    hitTolerance number undefined Amount of pixels to interact with annotations within some distance of the mouse point.
    opacity number undefined Overrides the opacity of the image or canvas element. Could be set a number in the range 0.0 to 1.0, inclusive. If undefined, uses the opacity of the image or canvas element. It is used only when the content is an image or canvas element.
    padding Padding 6 The padding to add around the text label.
    position string 'center' Anchor position of label on line. Possible options are: 'start', 'center', 'end'. It can be set by a string in percentage format 'number%' which are representing the percentage on the width of the line where the label will be located.
    rotation number|'auto' 0 Rotation of label, in degrees, or 'auto' to use the degrees of the line.
    shadowBlur number 0 The amount of blur applied to shadow of the box where the label is located. See MDN (opens new window).
    shadowOffsetX number 0 The distance that shadow, of the box where the label is located, will be offset horizontally. See MDN (opens new window).
    shadowOffsetY number 0 The distance that shadow, of the box where the label is located, will be offset vertically. See MDN (opens new window).
    textAlign string 'center' Text alignment of label content when there's more than one line. Possible options are: 'start', 'center', 'end'.
    textStrokeColor Color undefined The color of the stroke around the text.
    textStrokeWidth number 0 Stroke width around the text.
    width number|string undefined Overrides the width of the image or canvas element. Could be set in pixel by a number, or in percentage of current width of image or canvas element by a string. If undefined, uses the width of the image or canvas element. It is used only when the content is an image or canvas element.
    xAdjust number 0 Adjustment along x-axis (left-right) of label relative to computed position. Negative values move the label left, positive right.
    yAdjust number 0 Adjustment along y-axis (top-bottom) of label relative to computed position. Negative values move the label up, positive down.
    z number 0 It determines the drawing stack level of the label element, with same drawTime.

    # borderRadius

    If this value is a number, it is applied to all corners of the rectangle (topLeft, topRight, bottomLeft, bottomRight). If this value is an object, the topLeft property defines the top-left corners border radius. Similarly, the topRight, bottomLeft, and bottomRight properties can also be specified. Omitted corners have radius of 0.

    # Fonts and colors

    When the label to draw has multiple lines, you can use different font and color for each line of the label. This is enabled configuring an array of fonts or colors for those options. When the lines are more than the configured fonts of colors, the last configuration of those options is used for all remaining lines.

    # Callout

    A callout can connect the label to the line when the label is arbitrarily (by xAdjust and yAdjust options) moved from its original position.

    Namespace: options.annotations[annotationID].label.callout, it defines options for the callout on the label of the line annotation.

    All of these options can be Scriptable.

    Name Type Default Notes
    borderCapStyle string 'butt' Cap style of the border line of callout. See MDN (opens new window).
    borderColor Color undefined Stroke color of the pointer of the callout.
    borderDash number[] [] Length and spacing of dashes of callout. See MDN (opens new window).
    borderDashOffset number 0 Offset for line dashes of callout. See MDN (opens new window).
    borderJoinStyle string 'miter' Border line join style of the callout. See MDN (opens new window).
    borderWidth number 1 Stroke width of the pointer of the callout.
    display boolean false If true, the callout is drawn.
    margin number 5 Amount of pixels between the label and the callout separator.
    position string 'auto' The position of callout, with respect to the label. Could be left, top, right, bottom or auto.
    side number 5 Width of the starter line of callout pointer.
    start number|string '50%' The percentage of the separator dimension to use as starting point for callout pointer. Could be set in pixel by a number, or in percentage of the separator dimension by a string.

    # Arrow heads

    Namespace: options.annotations[annotationID].arrowHeads, it defines options for the line annotation arrow heads.

    All of these options can be Scriptable

    Name Type Notes
    end object To configure the arrow head at the end of the line.
    start object To configure the arrow head at the start of the line.

    # Arrow head configuration

    Enabling it, you can add arrow heads at start and/or end of a line. It uses the borderWidth of the line options to configure the line width of the arrow head.

    The following options can be specified per (start and/or end) arrow head, or at the top level (arrowHeads) which apply to all arrow heads.

    All of these options can be Scriptable

    Name Type Default Notes
    backgroundColor Color lineAnnotation.borderColor Background color of the arrow head.
    backgroundShadowColor Color 'transparent' The color of shadow of the arrow head. See MDN (opens new window).
    borderColor Color lineAnnotation.borderColor The border arrow head color.
    borderDash number[] lineAnnotation.borderDash Length and spacing of dashes. See MDN (opens new window).
    borderDashOffset number lineAnnotation.borderDashOffset Offset for border arrow head dashes. See MDN (opens new window).
    borderShadowColor Color lineAnnotation.borderShadowColor The color of border shadow of the arrow head. See MDN (opens new window).
    borderWidth number lineAnnotation.borderWidth The border line width (in pixels).
    display boolean false Whether or not the arrow head is shown.
    fill boolean false Whether or not the arrow head is filled.
    length number 12 The length of the arrow head in pixels.
    shadowBlur number lineAnnotation.shadowBlur The amount of blur applied to shadow of the arrow head. See MDN (opens new window).
    shadowOffsetX number lineAnnotation.shadowOffsetX The distance that shadow, of the arrow head, will be offset horizontally. See MDN (opens new window).
    shadowOffsetY number lineAnnotation.shadowOffsetY The distance that shadow, of the arrow head, will be offset vertically. See MDN (opens new window).
    width number 6 The width of the arrow head in pixels.

    # Element

    The following diagram is showing the element properties about a 'line' annotation:

    line

    The label of a box annotation is described as a label annotation and accessible by element.label.

    Edit this page (opens new window)
    Last Updated: 9/20/2024, 12:31:58 PM

    ← →

    - + diff --git a/master/guide/types/point.html b/master/guide/types/point.html index d3d3d80a6..516afb56d 100644 --- a/master/guide/types/point.html +++ b/master/guide/types/point.html @@ -7,7 +7,7 @@ - + @@ -87,7 +87,7 @@ }] }, options -};

    # Configuration

    # Point annotation specific options

    The following options are available for point annotations.

    Name Type Scriptable Default
    backgroundShadowColor Color Yes 'transparent'
    borderWidth number Yes 1
    pointStyle PointStyle Yes 'circle'
    radius number Yes 10
    rotation number Yes 0
    xAdjust number Yes 0
    xValue number | string Yes undefined
    yAdjust number Yes 0
    yValue number | string Yes undefined

    # Common options to all annotations

    The following options are available for all annotations.

    Name Type Scriptable Default
    adjustScaleRange boolean Yes true
    backgroundColor Color Yes options.color
    borderColor Color Yes options.color
    borderDash number[] Yes []
    borderDashOffset number Yes 0
    borderShadowColor Color Yes 'transparent'
    display boolean Yes true
    drawTime string|number Yes 'afterDatasetsDraw'
    hitTolerance number Yes 0
    init boolean See initial animation undefined
    id string No undefined
    shadowBlur number Yes 0
    shadowOffsetX number Yes 0
    shadowOffsetY number Yes 0
    xMax number | string Yes undefined
    xMin number | string Yes undefined
    xScaleID string Yes undefined
    yMin number | string Yes undefined
    yMax number | string Yes undefined
    yScaleID string Yes undefined
    z number Yes 0

    # General

    If one of the axes does not match an axis in the chart, the point annotation will take the center of the chart as point. The 2 coordinates, xValue, yValue are optional. If not specified, the point annotation will take the center of the scale dimension as point.

    The 4 coordinates, xMin, xMax, yMin, yMax are optional. If not specified, the box is expanded out to the edges in the respective direction and the box size is used to calculated the center of the point. To enable to use the box positioning, the radius must be set to 0 or NaN.

    Name Description
    adjustScaleRange Should the scale range be adjusted if this annotation is out of range.
    display Whether or not this annotation is visible.
    drawTime See drawTime.
    hitTolerance Amount of pixels to interact with annotations within some distance of the mouse point.
    id Identifies a unique id for the annotation and it will be stored in the element context. When the annotations are defined by an object, the id is automatically set using the key used to store the annotations in the object. When the annotations are configured by an array, the id, passed by this option in the annotation, will be used.
    radius Size of the point in pixels.
    rotation Rotation of point, in degrees.
    xAdjust Adjustment along x-axis (left-right) of point relative to computed position. Negative values move the point left, positive right.
    xMax Right edge of the box in units along the x axis.
    xMin Left edge of the box in units along the x axis.
    xScaleID ID of the X scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as 'x' axis. If more than one scale has been defined in the chart as 'x' axis, the option is mandatory to select the right scale.
    xValue X coordinate of the point in units along the x axis.
    yAdjust Adjustment along y-axis (top-bottom) of point relative to computed position. Negative values move the point up, positive down.
    yMax Bottom edge of the box in units along the y axis.
    yMin Top edge of the box in units along the y axis.
    yScaleID ID of the Y scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as 'y' axis. If more than one scale has been defined in the chart as 'y' axis, the option is mandatory to select the right scale.
    yValue Y coordinate of the point in units along the y axis.
    z The z property determines the drawing stack level of the point annotation element. All visible elements will be drawn in ascending order of z option, with the same drawTime option.

    # Styling

    Name Description
    backgroundColor Fill color.
    backgroundShadowColor The color of shadow. See MDN (opens new window).
    borderColor Stroke color.
    borderDash Length and spacing of dashes. See MDN (opens new window).
    borderDashOffset Offset for line dashes. See MDN (opens new window).
    borderShadowColor The color of border shadow. See MDN (opens new window).
    borderWidth Stroke width.
    pointStyle Style of the point.
    shadowBlur The amount of blur applied to shadow. See MDN (opens new window).
    shadowOffsetX The distance that shadow will be offset horizontally. See MDN (opens new window).
    shadowOffsetY The distance that shadow will be offset vertically. See MDN (opens new window).

    # Element

    The following diagram is showing the element properties about a 'point' annotation:

    point

    Edit this page (opens new window)
    Last Updated: 9/20/2024, 12:31:31 PM

    +};

    # Configuration

    # Point annotation specific options

    The following options are available for point annotations.

    Name Type Scriptable Default
    backgroundShadowColor Color Yes 'transparent'
    borderWidth number Yes 1
    pointStyle PointStyle Yes 'circle'
    radius number Yes 10
    rotation number Yes 0
    xAdjust number Yes 0
    xValue number | string Yes undefined
    yAdjust number Yes 0
    yValue number | string Yes undefined

    # Common options to all annotations

    The following options are available for all annotations.

    Name Type Scriptable Default
    adjustScaleRange boolean Yes true
    backgroundColor Color Yes options.color
    borderColor Color Yes options.color
    borderDash number[] Yes []
    borderDashOffset number Yes 0
    borderShadowColor Color Yes 'transparent'
    display boolean Yes true
    drawTime string|number Yes 'afterDatasetsDraw'
    hitTolerance number Yes 0
    init boolean See initial animation undefined
    id string No undefined
    shadowBlur number Yes 0
    shadowOffsetX number Yes 0
    shadowOffsetY number Yes 0
    xMax number | string Yes undefined
    xMin number | string Yes undefined
    xScaleID string Yes undefined
    yMin number | string Yes undefined
    yMax number | string Yes undefined
    yScaleID string Yes undefined
    z number Yes 0

    # General

    If one of the axes does not match an axis in the chart, the point annotation will take the center of the chart as point. The 2 coordinates, xValue, yValue are optional. If not specified, the point annotation will take the center of the scale dimension as point.

    The 4 coordinates, xMin, xMax, yMin, yMax are optional. If not specified, the box is expanded out to the edges in the respective direction and the box size is used to calculated the center of the point. To enable to use the box positioning, the radius must be set to 0 or NaN.

    Name Description
    adjustScaleRange Should the scale range be adjusted if this annotation is out of range.
    display Whether or not this annotation is visible.
    drawTime See drawTime.
    hitTolerance Amount of pixels to interact with annotations within some distance of the mouse point.
    id Identifies a unique id for the annotation and it will be stored in the element context. When the annotations are defined by an object, the id is automatically set using the key used to store the annotations in the object. When the annotations are configured by an array, the id, passed by this option in the annotation, will be used.
    radius Size of the point in pixels.
    rotation Rotation of point, in degrees.
    xAdjust Adjustment along x-axis (left-right) of point relative to computed position. Negative values move the point left, positive right.
    xMax Right edge of the box in units along the x axis.
    xMin Left edge of the box in units along the x axis.
    xScaleID ID of the X scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as 'x' axis. If more than one scale has been defined in the chart as 'x' axis, the option is mandatory to select the right scale.
    xValue X coordinate of the point in units along the x axis.
    yAdjust Adjustment along y-axis (top-bottom) of point relative to computed position. Negative values move the point up, positive down.
    yMax Bottom edge of the box in units along the y axis.
    yMin Top edge of the box in units along the y axis.
    yScaleID ID of the Y scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as 'y' axis. If more than one scale has been defined in the chart as 'y' axis, the option is mandatory to select the right scale.
    yValue Y coordinate of the point in units along the y axis.
    z The z property determines the drawing stack level of the point annotation element. All visible elements will be drawn in ascending order of z option, with the same drawTime option.

    # Styling

    Name Description
    backgroundColor Fill color.
    backgroundShadowColor The color of shadow. See MDN (opens new window).
    borderColor Stroke color.
    borderDash Length and spacing of dashes. See MDN (opens new window).
    borderDashOffset Offset for line dashes. See MDN (opens new window).
    borderShadowColor The color of border shadow. See MDN (opens new window).
    borderWidth Stroke width.
    pointStyle Style of the point.
    shadowBlur The amount of blur applied to shadow. See MDN (opens new window).
    shadowOffsetX The distance that shadow will be offset horizontally. See MDN (opens new window).
    shadowOffsetY The distance that shadow will be offset vertically. See MDN (opens new window).

    # Element

    The following diagram is showing the element properties about a 'point' annotation:

    point

    Edit this page (opens new window)
    Last Updated: 9/20/2024, 12:31:58 PM

    ← →

    - + diff --git a/master/guide/types/polygon.html b/master/guide/types/polygon.html index 638444a45..6742cd4c3 100644 --- a/master/guide/types/polygon.html +++ b/master/guide/types/polygon.html @@ -7,7 +7,7 @@ - + @@ -163,7 +163,7 @@ }] }, options -};

    # Element

    The following diagram is showing the element properties about a 'polygon' annotation:

    polygon

    Edit this page (opens new window)
    Last Updated: 9/20/2024, 12:31:31 PM

    +};

    # Element

    The following diagram is showing the element properties about a 'polygon' annotation:

    polygon

    Edit this page (opens new window)
    Last Updated: 9/20/2024, 12:31:58 PM

    ← →

    - + diff --git a/master/guide/usage.html b/master/guide/usage.html index e85ebf9db..8278a1031 100644 --- a/master/guide/usage.html +++ b/master/guide/usage.html @@ -7,7 +7,7 @@ - + @@ -91,7 +91,7 @@ } } } -};
    Edit this page (opens new window)
    Last Updated: 9/20/2024, 12:31:31 PM

    +};

    Edit this page (opens new window)
    Last Updated: 9/20/2024, 12:31:58 PM

    ← →

    - + diff --git a/master/index.html b/master/index.html index ad7265bfa..14ab03253 100644 --- a/master/index.html +++ b/master/index.html @@ -7,7 +7,7 @@ - + @@ -40,6 +40,6 @@

    MIT Licensed | Copyright © 2016-2023 chartjs-plugin-annotation contributors
    - + diff --git a/master/samples/box/basic.html b/master/samples/box/basic.html index 9045643c0..b2b53af7a 100644 --- a/master/samples/box/basic.html +++ b/master/samples/box/basic.html @@ -7,7 +7,7 @@ - + @@ -141,7 +141,7 @@ }, { data: Utils.points({count: DATA_COUNT, min: MIN[1], max: MAX[1]}) }] -};
    Edit this page (opens new window)
    Last Updated: 9/20/2024, 12:31:31 PM

    +};

    Edit this page (opens new window)
    Last Updated: 9/20/2024, 12:31:58 PM

    ← →

    - + diff --git a/master/samples/box/canvas.html b/master/samples/box/canvas.html index 4a511e7e8..ecc526630 100644 --- a/master/samples/box/canvas.html +++ b/master/samples/box/canvas.html @@ -7,7 +7,7 @@ - + @@ -149,7 +149,7 @@ datasets: [{ data: Utils.numbers(numberCfg) }] -};
    Edit this page (opens new window)
    Last Updated: 9/20/2024, 12:31:31 PM

    +};

    Edit this page (opens new window)
    Last Updated: 9/20/2024, 12:31:58 PM

    ← →

    - + diff --git a/master/samples/box/disclosure.html b/master/samples/box/disclosure.html index fc0b0f0d1..333b180dc 100644 --- a/master/samples/box/disclosure.html +++ b/master/samples/box/disclosure.html @@ -7,7 +7,7 @@ - + @@ -107,7 +107,7 @@ datasets: [{ data: Utils.numbers(numberCfg) }] -};
    Edit this page (opens new window)
    Last Updated: 9/20/2024, 12:31:31 PM

    +};

    Edit this page (opens new window)
    Last Updated: 9/20/2024, 12:31:58 PM

    ← →

    - + diff --git a/master/samples/box/gradient.html b/master/samples/box/gradient.html index 803003f89..39a4a8581 100644 --- a/master/samples/box/gradient.html +++ b/master/samples/box/gradient.html @@ -7,7 +7,7 @@ - + @@ -433,7 +433,7 @@ data: randomize(), pointRadius: 8 }] -};
    Edit this page (opens new window)
    Last Updated: 9/20/2024, 12:31:31 PM

    +};

    Edit this page (opens new window)
    Last Updated: 9/20/2024, 12:31:58 PM

    ← →

    - + diff --git a/master/samples/box/image.html b/master/samples/box/image.html index e03b105be..23495afd8 100644 --- a/master/samples/box/image.html +++ b/master/samples/box/image.html @@ -7,7 +7,7 @@ - + @@ -121,7 +121,7 @@ datasets: [{ data: Utils.numbers(numberCfg) }] -};
    Edit this page (opens new window)
    Last Updated: 9/20/2024, 12:31:31 PM

    +};

    Edit this page (opens new window)
    Last Updated: 9/20/2024, 12:31:58 PM

    ← →

    - + diff --git a/master/samples/box/initAnim.html b/master/samples/box/initAnim.html index 14881d8cf..bfdeac61a 100644 --- a/master/samples/box/initAnim.html +++ b/master/samples/box/initAnim.html @@ -7,7 +7,7 @@ - + @@ -197,7 +197,7 @@ datasets: [{ data: Utils.numbers(numberCfg) }] -};
    Edit this page (opens new window)
    Last Updated: 9/20/2024, 12:31:31 PM

    +};

    Edit this page (opens new window)
    Last Updated: 9/20/2024, 12:31:58 PM

    ← →

    - + diff --git a/master/samples/box/quarters.html b/master/samples/box/quarters.html index 630818423..9cf818b07 100644 --- a/master/samples/box/quarters.html +++ b/master/samples/box/quarters.html @@ -7,7 +7,7 @@ - + @@ -229,7 +229,7 @@ datasets: [{ data: Utils.numbers(numberCfg) }] -};
    Edit this page (opens new window)
    Last Updated: 9/20/2024, 12:31:31 PM

    +};

    Edit this page (opens new window)
    Last Updated: 9/20/2024, 12:31:58 PM

    ← →

    - + diff --git a/master/samples/charts/bar.html b/master/samples/charts/bar.html index 97ac6f574..cde521b94 100644 --- a/master/samples/charts/bar.html +++ b/master/samples/charts/bar.html @@ -7,7 +7,7 @@ - + @@ -173,7 +173,7 @@ }, { data: Utils.numbers(numberCfg), }] -};
    Edit this page (opens new window)
    Last Updated: 9/20/2024, 12:31:31 PM

    +};

    Edit this page (opens new window)
    Last Updated: 9/20/2024, 12:31:58 PM

    ← →

    - + diff --git a/master/samples/charts/line.html b/master/samples/charts/line.html index c20576ec9..d876448a5 100644 --- a/master/samples/charts/line.html +++ b/master/samples/charts/line.html @@ -7,7 +7,7 @@ - + @@ -179,7 +179,7 @@ }, { data: Utils.numbers(numberCfg), }] -};
    Edit this page (opens new window)
    Last Updated: 9/20/2024, 12:31:31 PM

    +};

    Edit this page (opens new window)
    Last Updated: 9/20/2024, 12:31:58 PM

    ← →

    - + diff --git a/master/samples/ellipse/basic.html b/master/samples/ellipse/basic.html index 7a27bcec0..1c14b29a4 100644 --- a/master/samples/ellipse/basic.html +++ b/master/samples/ellipse/basic.html @@ -7,7 +7,7 @@ - + @@ -137,7 +137,7 @@ }, { data: Utils.points({count: DATA_COUNT, min: MIN[1], max: MAX[1]}) }] -};
    Edit this page (opens new window)
    Last Updated: 9/20/2024, 12:31:31 PM

    +};

    Edit this page (opens new window)
    Last Updated: 9/20/2024, 12:31:58 PM

    ← →

    - + diff --git a/master/samples/ellipse/image.html b/master/samples/ellipse/image.html index 2ca340145..c12cc9233 100644 --- a/master/samples/ellipse/image.html +++ b/master/samples/ellipse/image.html @@ -7,7 +7,7 @@ - + @@ -121,7 +121,7 @@ datasets: [{ data: Utils.numbers(numberCfg) }] -};
    Edit this page (opens new window)
    Last Updated: 9/20/2024, 12:31:31 PM

    +};

    Edit this page (opens new window)
    Last Updated: 9/20/2024, 12:31:58 PM

    ← →

    - + diff --git a/master/samples/ellipse/label.html b/master/samples/ellipse/label.html index 5098dcf9e..66d31c8f0 100644 --- a/master/samples/ellipse/label.html +++ b/master/samples/ellipse/label.html @@ -7,7 +7,7 @@ - + @@ -113,7 +113,7 @@ datasets: [{ data: Utils.numbers(numberCfg) }] -};
    Edit this page (opens new window)
    Last Updated: 9/20/2024, 12:31:31 PM

    +};

    Edit this page (opens new window)
    Last Updated: 9/20/2024, 12:31:58 PM

    ← →

    - + diff --git a/master/samples/ellipse/rotation.html b/master/samples/ellipse/rotation.html index 89925f14e..2326ffb0f 100644 --- a/master/samples/ellipse/rotation.html +++ b/master/samples/ellipse/rotation.html @@ -7,7 +7,7 @@ - + @@ -165,7 +165,7 @@ }, { data: Utils.points({count: DATA_COUNT, min: MIN[1], max: MAX[1]}) }] -};

    +};

    ← →

    - + diff --git a/master/samples/interaction/cartesianplane.html b/master/samples/interaction/cartesianplane.html index b4413bd46..2c6a15964 100644 --- a/master/samples/interaction/cartesianplane.html +++ b/master/samples/interaction/cartesianplane.html @@ -7,7 +7,7 @@ - + @@ -485,7 +485,7 @@ const MIN = -10; const MAX = 10;
    let rect;
 const MIN = -10;
-const MAX = 10;

    +const MAX = 10;

    ← →

    - + diff --git a/master/samples/interaction/dragging.html b/master/samples/interaction/dragging.html index 2cdd8ec55..f00444377 100644 --- a/master/samples/interaction/dragging.html +++ b/master/samples/interaction/dragging.html @@ -7,7 +7,7 @@ - + @@ -331,7 +331,7 @@ default: } } -};

    +};

    ← →

    - + diff --git a/master/samples/interaction/interaction.html b/master/samples/interaction/interaction.html index c6f003d37..a319f48d4 100644 --- a/master/samples/interaction/interaction.html +++ b/master/samples/interaction/interaction.html @@ -7,7 +7,7 @@ - + @@ -275,7 +275,7 @@ const axis = options.axis || 'xy'; const intersect = !!options.intersect; return 'Mode: ' + mode + ', axis: ' + axis + ', intersect: ' + intersect; -}

    +}

    ← →

    - + diff --git a/master/samples/interaction/selection.html b/master/samples/interaction/selection.html index 8b52a8ff4..2a3b504f7 100644 --- a/master/samples/interaction/selection.html +++ b/master/samples/interaction/selection.html @@ -7,7 +7,7 @@ - + @@ -257,7 +257,7 @@ element.label.options.font.size = 14; } return true; -}

    +}

    ← →

    - + diff --git a/master/samples/intro.html b/master/samples/intro.html index a25172516..d00e20a7d 100644 --- a/master/samples/intro.html +++ b/master/samples/intro.html @@ -7,7 +7,7 @@ - + @@ -169,11 +169,11 @@ backgroundColor: 'rgb(75, 192, 192)', data: Utils.numbers({count: 7, min: -100, max: 100}), }] -};

    +};

    Basic →

    - + diff --git a/master/samples/label/autoscaling.html b/master/samples/label/autoscaling.html index 0b8d03d99..e1e187a2e 100644 --- a/master/samples/label/autoscaling.html +++ b/master/samples/label/autoscaling.html @@ -7,7 +7,7 @@ - + @@ -161,7 +161,7 @@ datasets: [{ data: Utils.numbers(numberCfg) }] -};

    +};

    ← →

    - + diff --git a/master/samples/label/basic.html b/master/samples/label/basic.html index 52ef0ca13..0fec00d4a 100644 --- a/master/samples/label/basic.html +++ b/master/samples/label/basic.html @@ -7,7 +7,7 @@ - + @@ -183,7 +183,7 @@ datasets: [{ data: Utils.numbers(numberCfg) }] -};

    +};

    ← →

    - + diff --git a/master/samples/label/callout.html b/master/samples/label/callout.html index f1fc1780b..45c1b24b5 100644 --- a/master/samples/label/callout.html +++ b/master/samples/label/callout.html @@ -7,7 +7,7 @@ - + @@ -155,7 +155,7 @@ datasets: [{ data: Utils.numbers(numberCfg) }] -};

    +};

    ← →

    - + diff --git a/master/samples/label/canvas.html b/master/samples/label/canvas.html index bf29bd0c6..117bbf79a 100644 --- a/master/samples/label/canvas.html +++ b/master/samples/label/canvas.html @@ -7,7 +7,7 @@ - + @@ -113,7 +113,7 @@ datasets: [{ data: Utils.numbers(numberCfg) }] -};

    +};

    ← →

    - + diff --git a/master/samples/label/fontsColors.html b/master/samples/label/fontsColors.html index 655c4302b..dd0d1359f 100644 --- a/master/samples/label/fontsColors.html +++ b/master/samples/label/fontsColors.html @@ -7,7 +7,7 @@ - + @@ -251,7 +251,7 @@ datasets: [{ data: Utils.numbers(numberCfg) }] -};

    +};

    ← →

    - + diff --git a/master/samples/label/image.html b/master/samples/label/image.html index ddcf1ae9a..dab86016a 100644 --- a/master/samples/label/image.html +++ b/master/samples/label/image.html @@ -7,7 +7,7 @@ - + @@ -137,7 +137,7 @@ datasets: [{ data: Utils.numbers(numberCfg) }] -};

    +};

    ← →

    - + diff --git a/master/samples/label/innerChart.html b/master/samples/label/innerChart.html index 42967aa89..e9e6b4bf9 100644 --- a/master/samples/label/innerChart.html +++ b/master/samples/label/innerChart.html @@ -7,7 +7,7 @@ - + @@ -251,7 +251,7 @@ backgroundColor: 'transparent', hidden: true }] -};

    +};

    ← →

    - + diff --git a/master/samples/label/lowerUpper.html b/master/samples/label/lowerUpper.html index 9262e38aa..7f2b273b2 100644 --- a/master/samples/label/lowerUpper.html +++ b/master/samples/label/lowerUpper.html @@ -7,7 +7,7 @@ - + @@ -191,7 +191,7 @@ }, { data: Utils.numbers(numberCfg) }] -};

    +};

    ← →

    - + diff --git a/master/samples/label/point.html b/master/samples/label/point.html index 71ac8986f..d68a3af34 100644 --- a/master/samples/label/point.html +++ b/master/samples/label/point.html @@ -7,7 +7,7 @@ - + @@ -197,7 +197,7 @@ datasets: [{ data: Utils.numbers(numberCfg) }] -};

    +};

    ← →

    - + diff --git a/master/samples/line/animation.html b/master/samples/line/animation.html index ec779d1f4..d4725d5e6 100644 --- a/master/samples/line/animation.html +++ b/master/samples/line/animation.html @@ -7,7 +7,7 @@ - + @@ -135,7 +135,7 @@ {x: 100, y: 1} ] }] -};

    +};

    ← →

    - + diff --git a/master/samples/line/average.html b/master/samples/line/average.html index 255ad6d54..f5216a9c5 100644 --- a/master/samples/line/average.html +++ b/master/samples/line/average.html @@ -7,7 +7,7 @@ - + @@ -123,7 +123,7 @@ datasets: [{ data: Utils.numbers(numberCfg) }] -};

    +};

    ← →

    - + diff --git a/master/samples/line/basic.html b/master/samples/line/basic.html index 66f96a329..40e542336 100644 --- a/master/samples/line/basic.html +++ b/master/samples/line/basic.html @@ -7,7 +7,7 @@ - + @@ -111,7 +111,7 @@ datasets: [{ data: Utils.numbers(numberCfg) }] -};

    +};

    ← →

    - + diff --git a/master/samples/line/callout.html b/master/samples/line/callout.html index 59d00a0d2..488712727 100644 --- a/master/samples/line/callout.html +++ b/master/samples/line/callout.html @@ -7,7 +7,7 @@ - + @@ -261,7 +261,7 @@ datasets: [{ data: Utils.numbers(numberCfg) }] -};

    +};

    ← →

    - + diff --git a/master/samples/line/canvas.html b/master/samples/line/canvas.html index 34ba487fc..4980b7df8 100644 --- a/master/samples/line/canvas.html +++ b/master/samples/line/canvas.html @@ -7,7 +7,7 @@ - + @@ -119,7 +119,7 @@ datasets: [{ data: Utils.numbers(numberCfg) }] -};

    +};

    ← →

    - + diff --git a/master/samples/line/curve.html b/master/samples/line/curve.html index e8b8c4e73..613a7aa72 100644 --- a/master/samples/line/curve.html +++ b/master/samples/line/curve.html @@ -7,7 +7,7 @@ - + @@ -121,7 +121,7 @@ datasets: [{ data: Utils.numbers(numberCfg) }] -};

    +};

    ← →

    - + diff --git a/master/samples/line/datasetBars.html b/master/samples/line/datasetBars.html index 8c15a9010..8048dcb7b 100644 --- a/master/samples/line/datasetBars.html +++ b/master/samples/line/datasetBars.html @@ -7,7 +7,7 @@ - + @@ -259,7 +259,7 @@ datasets: [{ data: Utils.numbers(numberCfg) }] -};

    +};

    ← →

    - + diff --git a/master/samples/line/hook.html b/master/samples/line/hook.html index 3ae435a48..d913c57a0 100644 --- a/master/samples/line/hook.html +++ b/master/samples/line/hook.html @@ -7,7 +7,7 @@ - + @@ -161,7 +161,7 @@ ctx.stroke(); ctx.restore(); return true; -}

    +}

    ← →

    - + diff --git a/master/samples/line/image.html b/master/samples/line/image.html index 0edb2004c..82d85db86 100644 --- a/master/samples/line/image.html +++ b/master/samples/line/image.html @@ -7,7 +7,7 @@ - + @@ -119,7 +119,7 @@ datasets: [{ data: Utils.numbers(numberCfg) }] -};

    +};

    ← →

    - + diff --git a/master/samples/line/labelVisibility.html b/master/samples/line/labelVisibility.html index facbe7953..36180594d 100644 --- a/master/samples/line/labelVisibility.html +++ b/master/samples/line/labelVisibility.html @@ -7,7 +7,7 @@ - + @@ -215,7 +215,7 @@ datasets: [{ data: Utils.numbers(numberCfg) }] -};

    +};

    ← →

    - + diff --git a/master/samples/line/limited.html b/master/samples/line/limited.html index f58780c05..ec557539f 100644 --- a/master/samples/line/limited.html +++ b/master/samples/line/limited.html @@ -7,7 +7,7 @@ - + @@ -211,7 +211,7 @@ }, { data: Utils.numbers(numberCfg) }] -};

    +};

    ← →

    - + diff --git a/master/samples/line/lowerUpper.html b/master/samples/line/lowerUpper.html index c9902ec8e..2e7d9ce54 100644 --- a/master/samples/line/lowerUpper.html +++ b/master/samples/line/lowerUpper.html @@ -7,7 +7,7 @@ - + @@ -207,7 +207,7 @@ }, { data: Utils.numbers(numberCfg) }] -};

    +};

    ← →

    - + diff --git a/master/samples/line/standardDeviation.html b/master/samples/line/standardDeviation.html index 93c8e2734..6edc32dbb 100644 --- a/master/samples/line/standardDeviation.html +++ b/master/samples/line/standardDeviation.html @@ -7,7 +7,7 @@ - + @@ -225,7 +225,7 @@ datasets: [{ data: Utils.numbers(numberCfg) }] -};

    +};

    ← →

    - + diff --git a/master/samples/line/visibility.html b/master/samples/line/visibility.html index 718810771..6826d98ab 100644 --- a/master/samples/line/visibility.html +++ b/master/samples/line/visibility.html @@ -7,7 +7,7 @@ - + @@ -119,7 +119,7 @@ data: futureCfg, borderDash: [6, 6] }] -};

    +};

    ← →

    - + diff --git a/master/samples/point/basic.html b/master/samples/point/basic.html index 3ce5e4316..9b5c45f29 100644 --- a/master/samples/point/basic.html +++ b/master/samples/point/basic.html @@ -7,7 +7,7 @@ - + @@ -171,7 +171,7 @@ }, { data: Utils.numbers(numberCfg) }] -};

    +};

    ← →

    - + diff --git a/master/samples/point/combined.html b/master/samples/point/combined.html index 42d5fea45..e38edc9c5 100644 --- a/master/samples/point/combined.html +++ b/master/samples/point/combined.html @@ -7,7 +7,7 @@ - + @@ -229,7 +229,7 @@ }, { data: Utils.numbers(numberCfg) }] -};

    +};

    ← →

    - + diff --git a/master/samples/point/initAnim.html b/master/samples/point/initAnim.html index 946e90875..23ff9642b 100644 --- a/master/samples/point/initAnim.html +++ b/master/samples/point/initAnim.html @@ -7,7 +7,7 @@ - + @@ -239,7 +239,7 @@ datasets: [{ data: Utils.numbers(numberCfg) }] -};

    +};

    ← →

    - + diff --git a/master/samples/point/outsideChartArea.html b/master/samples/point/outsideChartArea.html index a9c4bd1b4..893d102b3 100644 --- a/master/samples/point/outsideChartArea.html +++ b/master/samples/point/outsideChartArea.html @@ -7,7 +7,7 @@ - + @@ -171,7 +171,7 @@ }, { data: Utils.numbers(numberCfg) }] -};

    +};

    ← →

    - + diff --git a/master/samples/point/shadow.html b/master/samples/point/shadow.html index cbc19d09d..d45c1b7db 100644 --- a/master/samples/point/shadow.html +++ b/master/samples/point/shadow.html @@ -7,7 +7,7 @@ - + @@ -195,7 +195,7 @@ }, { data: Utils.numbers(numberCfg) }] -};

    +};

    ← →

    - + diff --git a/master/samples/polygon/basic.html b/master/samples/polygon/basic.html index c45d9d665..673165070 100644 --- a/master/samples/polygon/basic.html +++ b/master/samples/polygon/basic.html @@ -7,7 +7,7 @@ - + @@ -173,7 +173,7 @@ }, { data: Utils.numbers(numberCfg) }] -};

    +};

    ← →

    - + diff --git a/master/samples/polygon/outsideChartArea.html b/master/samples/polygon/outsideChartArea.html index 8532d3b71..9623f7e30 100644 --- a/master/samples/polygon/outsideChartArea.html +++ b/master/samples/polygon/outsideChartArea.html @@ -7,7 +7,7 @@ - + @@ -189,7 +189,7 @@ }, { data: Utils.numbers(numberCfg) }] -};

    +};

    ← →

    - + diff --git a/master/samples/polygon/shadow.html b/master/samples/polygon/shadow.html index 958979134..da17653f9 100644 --- a/master/samples/polygon/shadow.html +++ b/master/samples/polygon/shadow.html @@ -7,7 +7,7 @@ - + @@ -259,7 +259,7 @@ }, { data: Utils.numbers(numberCfg) }] -};

    +};

    ← →

    - + diff --git a/master/samples/polygon/stop.html b/master/samples/polygon/stop.html index 8947fab6e..2d50c8115 100644 --- a/master/samples/polygon/stop.html +++ b/master/samples/polygon/stop.html @@ -7,7 +7,7 @@ - + @@ -235,7 +235,7 @@ }, { data: Utils.numbers(numberCfg) }] -};

    +};

    ← →

    - + diff --git a/master/samples/utils.html b/master/samples/utils.html index 34233f315..f1ebdb4ba 100644 --- a/master/samples/utils.html +++ b/master/samples/utils.html @@ -7,7 +7,7 @@ - + @@ -148,11 +148,11 @@ } }); } -

    File on github (opens new window)

    +

    File on github (opens new window)

    ←

    - +