diff --git a/master/404.html b/master/404.html index 1530279d3..c2cfcae10 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 4856e6575..6683082d3 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 579a4508b..26e8c0fc2 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 750764218..fae22e6e2 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 95557f5b5..36b679217 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 69fadd69b..6f68ef0e8 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 48f0103a5..e9321b79e 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 fdb0c66ba..689f20d67 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 8623cad65..1cdd5399e 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 990da6cc6..0ff2f08de 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 2f1431b67..3c8d030b4 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 d65c4a77e..31f093275 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 dc1f20e50..7405b8c55 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 37ea92e9b..50ca4c71a 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 323cb9bbb..1afe724a4 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 1d11493c3..d9c5d259c 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 938f4b82b..b645f17ba 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 81ff0387a..f945b752e 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 036b577f1..6e18c351a 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 4bf76aed5..39381fbee 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 25a8c1d1a..5859e6daf 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 bc4f957a9..5ff4bf80d 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 8c46914a8..c3f40f59e 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 3245b9f94..e4d164dc6 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 c9b84e73b..07b29242a 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 544a057d6..a15bc208a 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 637739c2b..7c4bebcd4 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 21ace5be9..0433b17d1 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 3f23c295b..1c4a49281 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 f1ac33534..b17510629 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/100.3415d1e6.js b/master/assets/js/100.3d22aec9.js similarity index 97% rename from master/assets/js/100.3415d1e6.js rename to master/assets/js/100.3d22aec9.js index 34a33290d..99743a259 100644 --- a/master/assets/js/100.3415d1e6.js +++ b/master/assets/js/100.3d22aec9.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[100],{519: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],{517: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.8e4d5c48.js b/master/assets/js/101.47b6d384.js similarity index 98% rename from master/assets/js/101.8e4d5c48.js rename to master/assets/js/101.47b6d384.js index 775f58980..0c1574569 100644 --- a/master/assets/js/101.8e4d5c48.js +++ b/master/assets/js/101.47b6d384.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[101],{517: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],{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: '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/102.00ff58b2.js b/master/assets/js/102.946a2041.js similarity index 98% rename from master/assets/js/102.00ff58b2.js rename to master/assets/js/102.946a2041.js index 1543dfd36..9822a8966 100644 --- a/master/assets/js/102.00ff58b2.js +++ b/master/assets/js/102.946a2041.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[102],{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:"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 = 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: '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"}})],1)}),[],!1,null,null,null);t.default=e.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[102],{519: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 = 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: '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"}})],1)}),[],!1,null,null,null);t.default=e.exports}}]); \ No newline at end of file diff --git a/master/assets/js/103.c8bd80ed.js b/master/assets/js/103.6379149e.js similarity index 97% rename from master/assets/js/103.c8bd80ed.js rename to master/assets/js/103.6379149e.js index cf9116799..48ea6c28b 100644 --- a/master/assets/js/103.c8bd80ed.js +++ b/master/assets/js/103.6379149e.js @@ -1 +1 @@ -(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 +(window.webpackJsonp=window.webpackJsonp||[]).push([[103],{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:"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/105.5036ace0.js b/master/assets/js/105.509a8132.js similarity index 98% rename from master/assets/js/105.5036ace0.js rename to master/assets/js/105.509a8132.js index 3d0f31da5..0116d9857 100644 --- a/master/assets/js/105.5036ace0.js +++ b/master/assets/js/105.509a8132.js @@ -1 +1 @@ -(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 +(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 diff --git a/master/assets/js/106.a1e92ca3.js b/master/assets/js/106.e8e3360f.js similarity index 99% rename from master/assets/js/106.a1e92ca3.js rename to master/assets/js/106.e8e3360f.js index fb93a0bfe..5d662de83 100644 --- a/master/assets/js/106.a1e92ca3.js +++ b/master/assets/js/106.e8e3360f.js @@ -1 +1 @@ -(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 +(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 diff --git a/master/assets/js/14.8beb30f2.js b/master/assets/js/14.97565b88.js similarity index 99% rename from master/assets/js/14.8beb30f2.js rename to master/assets/js/14.97565b88.js index 1af313502..bdbb37bc4 100644 --- a/master/assets/js/14.8beb30f2.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"},472: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.15ce8d53.js b/master/assets/js/16.32c00dbe.js similarity index 94% rename from master/assets/js/16.15ce8d53.js rename to master/assets/js/16.32c00dbe.js index 42f4eacc0..b62fec552 100644 --- a/master/assets/js/16.15ce8d53.js +++ b/master/assets/js/16.32c00dbe.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[16],{426: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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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,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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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.15234b98.js b/master/assets/js/17.f4111b29.js similarity index 90% rename from master/assets/js/17.15234b98.js rename to master/assets/js/17.f4111b29.js index bea538813..e6c7b54d7 100644 --- a/master/assets/js/17.15234b98.js +++ b/master/assets/js/17.f4111b29.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[17],{427: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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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 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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/18.09c9e901.js b/master/assets/js/18.a78697cd.js similarity index 92% rename from master/assets/js/18.09c9e901.js rename to master/assets/js/18.a78697cd.js index e9af7bb4c..100f42e8c 100644 --- a/master/assets/js/18.09c9e901.js +++ b/master/assets/js/18.a78697cd.js @@ -1 +1 @@ -(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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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.1cb459b0.js b/master/assets/js/19.bb223376.js similarity index 96% rename from master/assets/js/19.1cb459b0.js rename to master/assets/js/19.bb223376.js index ffa08dd70..5173ae30c 100644 --- a/master/assets/js/19.1cb459b0.js +++ b/master/assets/js/19.bb223376.js @@ -1 +1 @@ -(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/f1394f8/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/f1394f8/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/f1394f8/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/1702e13/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/1702e13/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/1702e13/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.e5a5bf9a.js b/master/assets/js/20.e8cd68b9.js similarity index 96% rename from master/assets/js/20.e5a5bf9a.js rename to master/assets/js/20.e8cd68b9.js index b8d0b2a67..1139f365d 100644 --- a/master/assets/js/20.e5a5bf9a.js +++ b/master/assets/js/20.e8cd68b9.js @@ -1 +1 @@ -(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/f1394f8/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/f1394f8/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/1702e13/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/1702e13/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.60d0c5e2.js b/master/assets/js/21.4fb075da.js similarity index 95% rename from master/assets/js/21.60d0c5e2.js rename to master/assets/js/21.4fb075da.js index efd2c6d7a..17b2ee7f9 100644 --- a/master/assets/js/21.60d0c5e2.js +++ b/master/assets/js/21.4fb075da.js @@ -1 +1 @@ -(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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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],{432: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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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.3d8e5faf.js b/master/assets/js/22.2c328b73.js similarity index 93% rename from master/assets/js/22.3d8e5faf.js rename to master/assets/js/22.2c328b73.js index 4cbdc6b6d..0d940464a 100644 --- a/master/assets/js/22.3d8e5faf.js +++ b/master/assets/js/22.2c328b73.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[22],{435: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/f1394f8/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/f1394f8/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],{431: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/1702e13/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/1702e13/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.071ae784.js b/master/assets/js/23.2b6989b3.js similarity index 90% rename from master/assets/js/23.071ae784.js rename to master/assets/js/23.2b6989b3.js index 3894b4526..890d45cb6 100644 --- a/master/assets/js/23.071ae784.js +++ b/master/assets/js/23.2b6989b3.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[23],{432: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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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.f6d1b12d.js b/master/assets/js/24.fa535530.js similarity index 93% rename from master/assets/js/24.f6d1b12d.js rename to master/assets/js/24.fa535530.js index e381acc8a..3b9cce22a 100644 --- a/master/assets/js/24.f6d1b12d.js +++ b/master/assets/js/24.fa535530.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[24],{433: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-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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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([[24],{433: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-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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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.030fc809.js b/master/assets/js/25.3f186417.js similarity index 93% rename from master/assets/js/25.030fc809.js rename to master/assets/js/25.3f186417.js index c723b6985..f038b353f 100644 --- a/master/assets/js/25.030fc809.js +++ b/master/assets/js/25.3f186417.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[25],{434: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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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.63c28dbc.js b/master/assets/js/26.465419b1.js similarity index 94% rename from master/assets/js/26.63c28dbc.js rename to master/assets/js/26.465419b1.js index 589e8585e..d1b546dd1 100644 --- a/master/assets/js/26.63c28dbc.js +++ b/master/assets/js/26.465419b1.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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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,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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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.ae12b8e9.js b/master/assets/js/27.b48df25b.js similarity index 95% rename from master/assets/js/27.ae12b8e9.js rename to master/assets/js/27.b48df25b.js index b754e117a..2be717515 100644 --- a/master/assets/js/27.ae12b8e9.js +++ b/master/assets/js/27.b48df25b.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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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.e32c93bb.js b/master/assets/js/28.b989a8e3.js similarity index 92% rename from master/assets/js/28.e32c93bb.js rename to master/assets/js/28.b989a8e3.js index 96c646f01..177d18cdb 100644 --- a/master/assets/js/28.e32c93bb.js +++ b/master/assets/js/28.b989a8e3.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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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],{439: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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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.fe98f356.js b/master/assets/js/29.0e86b788.js similarity index 93% rename from master/assets/js/29.fe98f356.js rename to master/assets/js/29.0e86b788.js index 0107de5f6..4e33399bb 100644 --- a/master/assets/js/29.fe98f356.js +++ b/master/assets/js/29.0e86b788.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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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],{438: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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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.9ae7c6b8.js b/master/assets/js/30.24996948.js similarity index 94% rename from master/assets/js/30.9ae7c6b8.js rename to master/assets/js/30.24996948.js index 14d303dc7..09994e43c 100644 --- a/master/assets/js/30.9ae7c6b8.js +++ b/master/assets/js/30.24996948.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/f1394f8/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/f1394f8/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/1702e13/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/1702e13/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.5847c9e7.js b/master/assets/js/31.1572daa9.js similarity index 94% rename from master/assets/js/31.5847c9e7.js rename to master/assets/js/31.1572daa9.js index 33467930e..35bf11888 100644 --- a/master/assets/js/31.5847c9e7.js +++ b/master/assets/js/31.1572daa9.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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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.18f6b2fa.js b/master/assets/js/32.fe6fbf28.js similarity index 93% rename from master/assets/js/32.18f6b2fa.js rename to master/assets/js/32.fe6fbf28.js index fcb8e90e5..24e510e2c 100644 --- a/master/assets/js/32.18f6b2fa.js +++ b/master/assets/js/32.fe6fbf28.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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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.bc98bbdf.js b/master/assets/js/33.e042c732.js similarity index 94% rename from master/assets/js/33.bc98bbdf.js rename to master/assets/js/33.e042c732.js index d5575ab0d..2d80a1d7c 100644 --- a/master/assets/js/33.bc98bbdf.js +++ b/master/assets/js/33.e042c732.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[33],{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-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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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.597ae0bc.js b/master/assets/js/34.ab4625a0.js similarity index 90% rename from master/assets/js/34.597ae0bc.js rename to master/assets/js/34.ab4625a0.js index 7e03cf422..db1bdce85 100644 --- a/master/assets/js/34.597ae0bc.js +++ b/master/assets/js/34.ab4625a0.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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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],{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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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.e1ccd23b.js b/master/assets/js/35.6271c24d.js similarity index 95% rename from master/assets/js/35.e1ccd23b.js rename to master/assets/js/35.6271c24d.js index f26d8a273..a6fe3d101 100644 --- a/master/assets/js/35.e1ccd23b.js +++ b/master/assets/js/35.6271c24d.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[35],{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-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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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],{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-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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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.b2020c5a.js b/master/assets/js/36.8471967d.js similarity index 95% rename from master/assets/js/36.b2020c5a.js rename to master/assets/js/36.8471967d.js index e087789ae..b800b3722 100644 --- a/master/assets/js/36.b2020c5a.js +++ b/master/assets/js/36.8471967d.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[36],{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-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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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],{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-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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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.02f1e611.js b/master/assets/js/37.e538775f.js similarity index 91% rename from master/assets/js/37.02f1e611.js rename to master/assets/js/37.e538775f.js index 0dd55b34e..df8d35f52 100644 --- a/master/assets/js/37.02f1e611.js +++ b/master/assets/js/37.e538775f.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[37],{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-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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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],{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-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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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.e23cbb4b.js b/master/assets/js/38.ad7616ba.js similarity index 90% rename from master/assets/js/38.e23cbb4b.js rename to master/assets/js/38.ad7616ba.js index be92e2729..d8a0f2b17 100644 --- a/master/assets/js/38.e23cbb4b.js +++ b/master/assets/js/38.ad7616ba.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[38],{447: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/f1394f8/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/f1394f8/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/1702e13/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/1702e13/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.51810be6.js b/master/assets/js/39.d380a8c0.js similarity index 95% rename from master/assets/js/39.51810be6.js rename to master/assets/js/39.d380a8c0.js index d390e0a9b..3d1e3ae73 100644 --- a/master/assets/js/39.51810be6.js +++ b/master/assets/js/39.d380a8c0.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[39],{448: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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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],{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-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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/4.d6a2cc41.js b/master/assets/js/4.e722a4b5.js similarity index 99% rename from master/assets/js/4.d6a2cc41.js rename to master/assets/js/4.e722a4b5.js index d1461e673..043b0c5f4 100644 --- a/master/assets/js/4.d6a2cc41.js +++ b/master/assets/js/4.e722a4b5.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[4],{261:function(t,e,a){t.exports=a.p+"assets/img/elementBoxProps.645c7c00.png"},262:function(t,e,a){t.exports=a.p+"assets/img/elementEllipseProps.ef1b550b.png"},263:function(t,e,a){t.exports=a.p+"assets/img/elementLabelProps.97ea168e.png"},264:function(t,e,a){t.exports=a.p+"assets/img/elementLineProps.67f9d0c4.png"},265:function(t,e,a){t.exports=a.p+"assets/img/elementPointProps.de8e50cf.png"},266:function(t,e,a){t.exports=a.p+"assets/img/elementPolygonProps.67d2feff.png"},460: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:"_2-x-migration-guide"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#_2-x-migration-guide"}},[t._v("#")]),t._v(" 2.x Migration Guide")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("chartjs-plugin-annotation")])]),t._v(" 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.")]),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 3.7.0 to work because of some bug fixes that happened within chart.js itself.")]),t._v(" "),e("h2",{attrs:{id:"options"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#options"}},[t._v("#")]),t._v(" Options")]),t._v(" "),e("p",[t._v("A number of changes were made to the configuration options passed to the plugin configuration. Those changes are documented below.")]),t._v(" "),e("ul",[e("li",[e("code",[t._v("xScaleID")]),t._v(" option default has been changed, now set to "),e("code",[t._v("undefined")]),t._v(". If the option is missing, the plugin will try to use the first 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("li",[e("code",[t._v("yScaleID")]),t._v(" option default has been changed, now set to "),e("code",[t._v("undefined")]),t._v(". If the option is missing, the plugin will try to use the first 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("li",[t._v("When "),e("a",{attrs:{href:"https://www.chartjs.org/docs/latest/axes/cartesian/#common-options-to-all-cartesian-axes",target:"_blank",rel:"noopener noreferrer"}},[t._v("stacked scales"),e("OutboundLink")],1),t._v(" are used, instead of the whole chart area, the designated scale area is used as fallback for "),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(" or "),e("code",[t._v("yValue")]),t._v(" options.")]),t._v(" "),e("li",[e("code",[t._v("position")]),t._v(" for the label of the line annotation changes the behavior when "),e("code",[t._v("start")]),t._v(" or "),e("code",[t._v("end")]),t._v(" is set, and when the line annotation location is defined by "),e("code",[t._v("xMin")]),t._v(", "),e("code",[t._v("xMax")]),t._v(", "),e("code",[t._v("yMin")]),t._v(", and "),e("code",[t._v("yMax")]),t._v(" options.\n"),e("ul",[e("li",[t._v("in the previous version 1.x, if the "),e("code",[t._v("position")]),t._v(" was set to "),e("code",[t._v("start")]),t._v(" or "),e("code",[t._v("end")]),t._v(", it was calculated using chart area dimension (when "),e("code",[t._v("start")]),t._v(" using "),e("code",[t._v("top")]),t._v(" or "),e("code",[t._v("left")]),t._v(", when "),e("code",[t._v("end")]),t._v(" using "),e("code",[t._v("bottom")]),t._v(" or "),e("code",[t._v("right")]),t._v(").")]),t._v(" "),e("li",[t._v("in version 2.x, if the "),e("code",[t._v("position")]),t._v(" is set to "),e("code",[t._v("start")]),t._v(", it is the point where the line starts being drawn, and when set to "),e("code",[t._v("end")]),t._v(", it is the point where the line ends drawing. The "),e("code",[t._v("xMin")]),t._v(", "),e("code",[t._v("xMax")]),t._v(", "),e("code",[t._v("yMin")]),t._v(", and "),e("code",[t._v("yMax")]),t._v(" options are not related to the chart area anymore but are related to the values sequence (and their order) on the associated scale.")])])]),t._v(" "),e("li",[e("code",[t._v("cornerRadius")]),t._v(" option was replaced by "),e("code",[t._v("borderRadius")]),t._v(" in the box annotation configuration and in the label configuration of line annotation to align with Chart.js options.")]),t._v(" "),e("li",[e("code",[t._v("xPadding")]),t._v(" and "),e("code",[t._v("yPadding")]),t._v(" options were merged into a single "),e("code",[t._v("padding")]),t._v(" object in the label configuration of line annotation to align with Chart.js options.")]),t._v(" "),e("li",[e("code",[t._v("enabled")]),t._v(" option was replaced by "),e("code",[t._v("display")]),t._v(" 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.")]),t._v(" "),e("li",[e("code",[t._v("dblClickSpeed")]),t._v(" option was removed from the plugin options because "),e("code",[t._v("dblclick")]),t._v(" event hook is not available anymore.")]),t._v(" "),e("li",[e("code",[t._v("drawTime")]),t._v(" option at top level plugin configuration is moved to new "),e("code",[t._v("common")]),t._v(" object in the plugin annotation options, which contains options to apply to all annotations:")])]),t._v(" "),e("div",{staticClass:"language-javascript extra-class"},[e("pre",{pre:!0,attrs:{class:"language-javascript"}},[e("code",[e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("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 literal-property property"}},[t._v("common")]),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("drawTime")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'afterDraw'")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("annotations")]),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 operator"}},[t._v("...")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n")])])]),e("h2",{attrs:{id:"elements"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#elements"}},[t._v("#")]),t._v(" Elements")]),t._v(" "),e("p",[t._v("In "),e("code",[t._v("chartjs-plugin-annotation")]),t._v(" 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 "),e("code",[t._v("element.label.options")]),t._v(". The following example shows how to show and hide the label when the mouse is hovering the box:")]),t._v(" "),e("div",{staticClass:"language-javascript extra-class"},[e("pre",{pre:!0,attrs:{class:"language-javascript"}},[e("code",[e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'box'")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// or 'line'")]),t._v("\n"),e("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("enter")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),e("span",{pre:!0,attrs:{class:"token parameter"}},[e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("element"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")])]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n element"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("label"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("options"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("display "),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),e("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("leave")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),e("span",{pre:!0,attrs:{class:"token parameter"}},[e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("element"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")])]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n element"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("label"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("options"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("display "),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n")])])]),e("p",[e("code",[t._v("chartjs-plugin-annotation")]),t._v(" plugin version 2 removes the clipping of the label to the box annotation size.")]),t._v(" "),e("p",[e("code",[t._v("chartjs-plugin-annotation")]),t._v(" plugin version 2 hides the following methods in the "),e("code",[t._v("line")]),t._v(" annotation element because they should be used only internally:")]),t._v(" "),e("ul",[e("li",[e("code",[t._v("intersects")])]),t._v(" "),e("li",[e("code",[t._v("isOnLabel")])])]),t._v(" "),e("p",[e("code",[t._v("chartjs-plugin-annotation")]),t._v(" plugin version 2 normalizes the properties of the annotation elements in order to be based on common box model.")]),t._v(" "),e("h4",{attrs:{id:"box-annotation"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#box-annotation"}},[t._v("#")]),t._v(" Box annotation")]),t._v(" "),e("p",[t._v("The following diagram is showing the element properties about a "),e("code",[t._v("'box'")]),t._v(" annotation:")]),t._v(" "),e("p",[e("img",{attrs:{src:a(261),alt:"box"}})]),t._v(" "),e("p",[t._v("The label of a box annotation is described as a "),e("a",{attrs:{href:"#label-annotation"}},[t._v("label annotation")]),t._v(" and accessible by "),e("code",[t._v("element.label")]),t._v(".")]),t._v(" "),e("h4",{attrs:{id:"ellipse-annotation"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#ellipse-annotation"}},[t._v("#")]),t._v(" Ellipse annotation")]),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:a(262),alt:"ellipse"}})]),t._v(" "),e("h4",{attrs:{id:"label-annotation"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#label-annotation"}},[t._v("#")]),t._v(" Label annotation")]),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:a(263),alt:"label"}})]),t._v(" "),e("h4",{attrs:{id:"line-annotation"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#line-annotation"}},[t._v("#")]),t._v(" Line annotation")]),t._v(" "),e("p",[t._v("The following diagram is showing the element properties about a "),e("code",[t._v("'line'")]),t._v(" annotation:")]),t._v(" "),e("p",[e("img",{attrs:{src:a(264),alt:"line"}})]),t._v(" "),e("p",[t._v("The label of a line annotation is described as a "),e("a",{attrs:{href:"#label-annotation"}},[t._v("label annotation")]),t._v(" and accessible by "),e("code",[t._v("element.label")]),t._v(".")]),t._v(" "),e("h4",{attrs:{id:"point-annotation"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#point-annotation"}},[t._v("#")]),t._v(" Point annotation")]),t._v(" "),e("p",[t._v("The following diagram is showing the element properties about a "),e("code",[t._v("'point'")]),t._v(" annotation:")]),t._v(" "),e("p",[e("img",{attrs:{src:a(265),alt:"point"}})]),t._v(" "),e("h4",{attrs:{id:"polygon-annotation"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#polygon-annotation"}},[t._v("#")]),t._v(" Polygon annotation")]),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:a(266),alt:"polygon"}})]),t._v(" "),e("h2",{attrs:{id:"events"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#events"}},[t._v("#")]),t._v(" Events")]),t._v(" "),e("p",[e("code",[t._v("chartjs-plugin-annotation")]),t._v(" plugin version 2 introduces the "),e("RouterLink",{attrs:{to:"/guide/options.html#interaction"}},[e("code",[t._v("interaction")])]),t._v(" options, to configure which events trigger annotation interactions. By default, the plugin uses the "),e("a",{attrs:{href:"https://www.chartjs.org/docs/latest/configuration/interactions.html#interactions",target:"_blank",rel:"noopener noreferrer"}},[t._v("chart interaction configuration"),e("OutboundLink")],1),t._v(".")],1),t._v(" "),e("ul",[e("li",[t._v("When "),e("a",{attrs:{href:"https://www.chartjs.org/docs/latest/charts/scatter.html",target:"_blank",rel:"noopener noreferrer"}},[t._v("scatter charts"),e("OutboundLink")],1),t._v(" are used, the interaction default "),e("code",[t._v("mode")]),t._v(" in Chart.js is "),e("code",[t._v("point")]),t._v(", while, in the previous plugin version, the default was "),e("code",[t._v("nearest")]),t._v(".")])]),t._v(" "),e("p",[t._v("The "),e("code",[t._v("dblclick")]),t._v(" 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!).")]),t._v(" "),e("h2",{attrs:{id:"types"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#types"}},[t._v("#")]),t._v(" Types")]),t._v(" "),e("p",[e("code",[t._v("chartjs-plugin-annotation")]),t._v(" plugin version 2 removes the compatibility with TypeScript versions less than 4.1 which is the minimum supported one.")])])}),[],!1,null,null,null);e.default=o.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[4],{261:function(t,e,a){t.exports=a.p+"assets/img/elementBoxProps.645c7c00.png"},262:function(t,e,a){t.exports=a.p+"assets/img/elementEllipseProps.ef1b550b.png"},263:function(t,e,a){t.exports=a.p+"assets/img/elementLabelProps.97ea168e.png"},264:function(t,e,a){t.exports=a.p+"assets/img/elementLineProps.67f9d0c4.png"},265:function(t,e,a){t.exports=a.p+"assets/img/elementPointProps.de8e50cf.png"},266:function(t,e,a){t.exports=a.p+"assets/img/elementPolygonProps.67d2feff.png"},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:"_2-x-migration-guide"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#_2-x-migration-guide"}},[t._v("#")]),t._v(" 2.x Migration Guide")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("chartjs-plugin-annotation")])]),t._v(" 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.")]),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 3.7.0 to work because of some bug fixes that happened within chart.js itself.")]),t._v(" "),e("h2",{attrs:{id:"options"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#options"}},[t._v("#")]),t._v(" Options")]),t._v(" "),e("p",[t._v("A number of changes were made to the configuration options passed to the plugin configuration. Those changes are documented below.")]),t._v(" "),e("ul",[e("li",[e("code",[t._v("xScaleID")]),t._v(" option default has been changed, now set to "),e("code",[t._v("undefined")]),t._v(". If the option is missing, the plugin will try to use the first 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("li",[e("code",[t._v("yScaleID")]),t._v(" option default has been changed, now set to "),e("code",[t._v("undefined")]),t._v(". If the option is missing, the plugin will try to use the first 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("li",[t._v("When "),e("a",{attrs:{href:"https://www.chartjs.org/docs/latest/axes/cartesian/#common-options-to-all-cartesian-axes",target:"_blank",rel:"noopener noreferrer"}},[t._v("stacked scales"),e("OutboundLink")],1),t._v(" are used, instead of the whole chart area, the designated scale area is used as fallback for "),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(" or "),e("code",[t._v("yValue")]),t._v(" options.")]),t._v(" "),e("li",[e("code",[t._v("position")]),t._v(" for the label of the line annotation changes the behavior when "),e("code",[t._v("start")]),t._v(" or "),e("code",[t._v("end")]),t._v(" is set, and when the line annotation location is defined by "),e("code",[t._v("xMin")]),t._v(", "),e("code",[t._v("xMax")]),t._v(", "),e("code",[t._v("yMin")]),t._v(", and "),e("code",[t._v("yMax")]),t._v(" options.\n"),e("ul",[e("li",[t._v("in the previous version 1.x, if the "),e("code",[t._v("position")]),t._v(" was set to "),e("code",[t._v("start")]),t._v(" or "),e("code",[t._v("end")]),t._v(", it was calculated using chart area dimension (when "),e("code",[t._v("start")]),t._v(" using "),e("code",[t._v("top")]),t._v(" or "),e("code",[t._v("left")]),t._v(", when "),e("code",[t._v("end")]),t._v(" using "),e("code",[t._v("bottom")]),t._v(" or "),e("code",[t._v("right")]),t._v(").")]),t._v(" "),e("li",[t._v("in version 2.x, if the "),e("code",[t._v("position")]),t._v(" is set to "),e("code",[t._v("start")]),t._v(", it is the point where the line starts being drawn, and when set to "),e("code",[t._v("end")]),t._v(", it is the point where the line ends drawing. The "),e("code",[t._v("xMin")]),t._v(", "),e("code",[t._v("xMax")]),t._v(", "),e("code",[t._v("yMin")]),t._v(", and "),e("code",[t._v("yMax")]),t._v(" options are not related to the chart area anymore but are related to the values sequence (and their order) on the associated scale.")])])]),t._v(" "),e("li",[e("code",[t._v("cornerRadius")]),t._v(" option was replaced by "),e("code",[t._v("borderRadius")]),t._v(" in the box annotation configuration and in the label configuration of line annotation to align with Chart.js options.")]),t._v(" "),e("li",[e("code",[t._v("xPadding")]),t._v(" and "),e("code",[t._v("yPadding")]),t._v(" options were merged into a single "),e("code",[t._v("padding")]),t._v(" object in the label configuration of line annotation to align with Chart.js options.")]),t._v(" "),e("li",[e("code",[t._v("enabled")]),t._v(" option was replaced by "),e("code",[t._v("display")]),t._v(" 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.")]),t._v(" "),e("li",[e("code",[t._v("dblClickSpeed")]),t._v(" option was removed from the plugin options because "),e("code",[t._v("dblclick")]),t._v(" event hook is not available anymore.")]),t._v(" "),e("li",[e("code",[t._v("drawTime")]),t._v(" option at top level plugin configuration is moved to new "),e("code",[t._v("common")]),t._v(" object in the plugin annotation options, which contains options to apply to all annotations:")])]),t._v(" "),e("div",{staticClass:"language-javascript extra-class"},[e("pre",{pre:!0,attrs:{class:"language-javascript"}},[e("code",[e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("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 literal-property property"}},[t._v("common")]),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("drawTime")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'afterDraw'")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("annotations")]),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 operator"}},[t._v("...")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n")])])]),e("h2",{attrs:{id:"elements"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#elements"}},[t._v("#")]),t._v(" Elements")]),t._v(" "),e("p",[t._v("In "),e("code",[t._v("chartjs-plugin-annotation")]),t._v(" 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 "),e("code",[t._v("element.label.options")]),t._v(". The following example shows how to show and hide the label when the mouse is hovering the box:")]),t._v(" "),e("div",{staticClass:"language-javascript extra-class"},[e("pre",{pre:!0,attrs:{class:"language-javascript"}},[e("code",[e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'box'")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// or 'line'")]),t._v("\n"),e("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("enter")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),e("span",{pre:!0,attrs:{class:"token parameter"}},[e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("element"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")])]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n element"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("label"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("options"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("display "),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),e("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("leave")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),e("span",{pre:!0,attrs:{class:"token parameter"}},[e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("element"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")])]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n element"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("label"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("options"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("display "),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n")])])]),e("p",[e("code",[t._v("chartjs-plugin-annotation")]),t._v(" plugin version 2 removes the clipping of the label to the box annotation size.")]),t._v(" "),e("p",[e("code",[t._v("chartjs-plugin-annotation")]),t._v(" plugin version 2 hides the following methods in the "),e("code",[t._v("line")]),t._v(" annotation element because they should be used only internally:")]),t._v(" "),e("ul",[e("li",[e("code",[t._v("intersects")])]),t._v(" "),e("li",[e("code",[t._v("isOnLabel")])])]),t._v(" "),e("p",[e("code",[t._v("chartjs-plugin-annotation")]),t._v(" plugin version 2 normalizes the properties of the annotation elements in order to be based on common box model.")]),t._v(" "),e("h4",{attrs:{id:"box-annotation"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#box-annotation"}},[t._v("#")]),t._v(" Box annotation")]),t._v(" "),e("p",[t._v("The following diagram is showing the element properties about a "),e("code",[t._v("'box'")]),t._v(" annotation:")]),t._v(" "),e("p",[e("img",{attrs:{src:a(261),alt:"box"}})]),t._v(" "),e("p",[t._v("The label of a box annotation is described as a "),e("a",{attrs:{href:"#label-annotation"}},[t._v("label annotation")]),t._v(" and accessible by "),e("code",[t._v("element.label")]),t._v(".")]),t._v(" "),e("h4",{attrs:{id:"ellipse-annotation"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#ellipse-annotation"}},[t._v("#")]),t._v(" Ellipse annotation")]),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:a(262),alt:"ellipse"}})]),t._v(" "),e("h4",{attrs:{id:"label-annotation"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#label-annotation"}},[t._v("#")]),t._v(" Label annotation")]),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:a(263),alt:"label"}})]),t._v(" "),e("h4",{attrs:{id:"line-annotation"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#line-annotation"}},[t._v("#")]),t._v(" Line annotation")]),t._v(" "),e("p",[t._v("The following diagram is showing the element properties about a "),e("code",[t._v("'line'")]),t._v(" annotation:")]),t._v(" "),e("p",[e("img",{attrs:{src:a(264),alt:"line"}})]),t._v(" "),e("p",[t._v("The label of a line annotation is described as a "),e("a",{attrs:{href:"#label-annotation"}},[t._v("label annotation")]),t._v(" and accessible by "),e("code",[t._v("element.label")]),t._v(".")]),t._v(" "),e("h4",{attrs:{id:"point-annotation"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#point-annotation"}},[t._v("#")]),t._v(" Point annotation")]),t._v(" "),e("p",[t._v("The following diagram is showing the element properties about a "),e("code",[t._v("'point'")]),t._v(" annotation:")]),t._v(" "),e("p",[e("img",{attrs:{src:a(265),alt:"point"}})]),t._v(" "),e("h4",{attrs:{id:"polygon-annotation"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#polygon-annotation"}},[t._v("#")]),t._v(" Polygon annotation")]),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:a(266),alt:"polygon"}})]),t._v(" "),e("h2",{attrs:{id:"events"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#events"}},[t._v("#")]),t._v(" Events")]),t._v(" "),e("p",[e("code",[t._v("chartjs-plugin-annotation")]),t._v(" plugin version 2 introduces the "),e("RouterLink",{attrs:{to:"/guide/options.html#interaction"}},[e("code",[t._v("interaction")])]),t._v(" options, to configure which events trigger annotation interactions. By default, the plugin uses the "),e("a",{attrs:{href:"https://www.chartjs.org/docs/latest/configuration/interactions.html#interactions",target:"_blank",rel:"noopener noreferrer"}},[t._v("chart interaction configuration"),e("OutboundLink")],1),t._v(".")],1),t._v(" "),e("ul",[e("li",[t._v("When "),e("a",{attrs:{href:"https://www.chartjs.org/docs/latest/charts/scatter.html",target:"_blank",rel:"noopener noreferrer"}},[t._v("scatter charts"),e("OutboundLink")],1),t._v(" are used, the interaction default "),e("code",[t._v("mode")]),t._v(" in Chart.js is "),e("code",[t._v("point")]),t._v(", while, in the previous plugin version, the default was "),e("code",[t._v("nearest")]),t._v(".")])]),t._v(" "),e("p",[t._v("The "),e("code",[t._v("dblclick")]),t._v(" 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!).")]),t._v(" "),e("h2",{attrs:{id:"types"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#types"}},[t._v("#")]),t._v(" Types")]),t._v(" "),e("p",[e("code",[t._v("chartjs-plugin-annotation")]),t._v(" plugin version 2 removes the compatibility with TypeScript versions less than 4.1 which is the minimum supported one.")])])}),[],!1,null,null,null);e.default=o.exports}}]); \ No newline at end of file diff --git a/master/assets/js/40.52dee106.js b/master/assets/js/40.aade9275.js similarity index 94% rename from master/assets/js/40.52dee106.js rename to master/assets/js/40.aade9275.js index 36706ad82..056ae9ed8 100644 --- a/master/assets/js/40.52dee106.js +++ b/master/assets/js/40.aade9275.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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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],{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-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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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.034268bb.js b/master/assets/js/41.3f61357c.js similarity index 92% rename from master/assets/js/41.034268bb.js rename to master/assets/js/41.3f61357c.js index a0072ffc9..cfd321703 100644 --- a/master/assets/js/41.034268bb.js +++ b/master/assets/js/41.3f61357c.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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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],{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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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.1eaedd69.js b/master/assets/js/42.c80d4814.js similarity index 95% rename from master/assets/js/42.1eaedd69.js rename to master/assets/js/42.c80d4814.js index a878c3b87..14df2b0b7 100644 --- a/master/assets/js/42.1eaedd69.js +++ b/master/assets/js/42.c80d4814.js @@ -1 +1 @@ -(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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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.fa41b41e.js b/master/assets/js/43.d80ba1df.js similarity index 94% rename from master/assets/js/43.fa41b41e.js rename to master/assets/js/43.d80ba1df.js index 760f13e2b..3a2012efc 100644 --- a/master/assets/js/43.fa41b41e.js +++ b/master/assets/js/43.d80ba1df.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[43],{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-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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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.0a004f3f.js b/master/assets/js/44.0a004f3f.js new file mode 100644 index 000000000..a820bd054 --- /dev/null +++ b/master/assets/js/44.0a004f3f.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[44],{455: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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/1702e13/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/44.dfc59e9d.js b/master/assets/js/44.dfc59e9d.js deleted file mode 100644 index f4d15d1ab..000000000 --- a/master/assets/js/44.dfc59e9d.js +++ /dev/null @@ -1 +0,0 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[44],{454: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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/f1394f8/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/45.1b6ee56a.js b/master/assets/js/45.a919f5f2.js similarity index 99% rename from master/assets/js/45.1b6ee56a.js rename to master/assets/js/45.a919f5f2.js index 838ce4875..b9b76c4de 100644 --- a/master/assets/js/45.1b6ee56a.js +++ b/master/assets/js/45.a919f5f2.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],{453: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/49.93f98727.js b/master/assets/js/49.e3031bd5.js similarity index 99% rename from master/assets/js/49.93f98727.js rename to master/assets/js/49.e3031bd5.js index 1394352e7..e2c1e1823 100644 --- a/master/assets/js/49.93f98727.js +++ b/master/assets/js/49.e3031bd5.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[49],{462: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],{460: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/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.ef17ff5a.js b/master/assets/js/55.a317e88a.js similarity index 77% rename from master/assets/js/55.ef17ff5a.js rename to master/assets/js/55.a317e88a.js index 15f5d78da..1ce40c6f6 100644 --- a/master/assets/js/55.ef17ff5a.js +++ b/master/assets/js/55.a317e88a.js @@ -1 +1 @@ -(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 +(window.webpackJsonp=window.webpackJsonp||[]).push([[55],{475: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.001c2053.js b/master/assets/js/56.e96e956e.js similarity index 97% rename from master/assets/js/56.001c2053.js rename to master/assets/js/56.e96e956e.js index b0a281539..53bd33ce5 100644 --- a/master/assets/js/56.001c2053.js +++ b/master/assets/js/56.e96e956e.js @@ -1 +1 @@ -(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 +(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 diff --git a/master/assets/js/58.0d83cbcc.js b/master/assets/js/58.4c3e4a5c.js similarity index 96% rename from master/assets/js/58.0d83cbcc.js rename to master/assets/js/58.4c3e4a5c.js index 0d3ff1948..39db40015 100644 --- a/master/assets/js/58.0d83cbcc.js +++ b/master/assets/js/58.4c3e4a5c.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[58],{477: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:"disclosure"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#disclosure"}},[this._v("#")]),this._v(" Disclosure")]),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: '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"}})],1)}),[],!1,null,null,null);t.default=e.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[58],{476: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:"disclosure"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#disclosure"}},[this._v("#")]),this._v(" Disclosure")]),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: '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"}})],1)}),[],!1,null,null,null);t.default=e.exports}}]); \ No newline at end of file diff --git a/master/assets/js/59.85d39e4d.js b/master/assets/js/59.c442dfe3.js similarity index 98% rename from master/assets/js/59.85d39e4d.js rename to master/assets/js/59.c442dfe3.js index e235c410f..e3f4c9f53 100644 --- a/master/assets/js/59.85d39e4d.js +++ b/master/assets/js/59.c442dfe3.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[59],{476: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/60.1efa09b5.js b/master/assets/js/60.1d7774a4.js similarity index 96% rename from master/assets/js/60.1efa09b5.js rename to master/assets/js/60.1d7774a4.js index 0092eb77e..75d4422de 100644 --- a/master/assets/js/60.1efa09b5.js +++ b/master/assets/js/60.1d7774a4.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[60],{478: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:"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: '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"}})],1)}),[],!1,null,null,null);t.default=s.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[60],{480: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:"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: '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"}})],1)}),[],!1,null,null,null);t.default=s.exports}}]); \ No newline at end of file diff --git a/master/assets/js/61.1276be5e.js b/master/assets/js/61.ba9efda0.js similarity index 97% rename from master/assets/js/61.1276be5e.js rename to master/assets/js/61.ba9efda0.js index ecbc25bcd..5e82b0dfc 100644 --- a/master/assets/js/61.1276be5e.js +++ b/master/assets/js/61.ba9efda0.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[61],{479: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:"initial-animations"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#initial-animations"}},[this._v("#")]),this._v(" Initial animations")]),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 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"}})],1)}),[],!1,null,null,null);t.default=i.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[61],{478: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:"initial-animations"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#initial-animations"}},[this._v("#")]),this._v(" Initial animations")]),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 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"}})],1)}),[],!1,null,null,null);t.default=i.exports}}]); \ No newline at end of file diff --git a/master/assets/js/62.1ede4dc0.js b/master/assets/js/62.8b31df8f.js similarity index 97% rename from master/assets/js/62.1ede4dc0.js rename to master/assets/js/62.8b31df8f.js index a103178a5..385e1296b 100644 --- a/master/assets/js/62.1ede4dc0.js +++ b/master/assets/js/62.8b31df8f.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[62],{481:function(n,t,a){"use strict";a.r(t);var o=a(4),r=Object(o.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"yearly-quarters"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#yearly-quarters"}},[this._v("#")]),this._v(" Yearly quarters")]),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 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"}})],1)}),[],!1,null,null,null);t.default=r.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[62],{479:function(n,t,a){"use strict";a.r(t);var o=a(4),r=Object(o.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"yearly-quarters"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#yearly-quarters"}},[this._v("#")]),this._v(" Yearly quarters")]),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 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"}})],1)}),[],!1,null,null,null);t.default=r.exports}}]); \ No newline at end of file diff --git a/master/assets/js/63.48be32f8.js b/master/assets/js/63.b9811547.js similarity index 97% rename from master/assets/js/63.48be32f8.js rename to master/assets/js/63.b9811547.js index 83093ecb3..a3b2fa192 100644 --- a/master/assets/js/63.48be32f8.js +++ b/master/assets/js/63.b9811547.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[63],{480:function(n,a,t){"use strict";t.r(a);var o=t(4),e=Object(o.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"bar-chart"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#bar-chart"}},[this._v("#")]),this._v(" Bar Chart")]),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('Label ' + 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 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"}})],1)}),[],!1,null,null,null);a.default=e.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[63],{481:function(n,a,t){"use strict";t.r(a);var o=t(4),e=Object(o.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"bar-chart"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#bar-chart"}},[this._v("#")]),this._v(" Bar Chart")]),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('Label ' + 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 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"}})],1)}),[],!1,null,null,null);a.default=e.exports}}]); \ No newline at end of file diff --git a/master/assets/js/68.b215d346.js b/master/assets/js/68.09772b27.js similarity index 98% rename from master/assets/js/68.b215d346.js rename to master/assets/js/68.09772b27.js index 91c823be2..e9a5ec690 100644 --- a/master/assets/js/68.b215d346.js +++ b/master/assets/js/68.09772b27.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[68],{486: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:"rotation"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#rotation"}},[this._v("#")]),this._v(" Rotation")]),this._v(" "),n("chart-editor",{attrs:{code:"// \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"}})],1)}),[],!1,null,null,null);t.default=i.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[68],{489: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:"rotation"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#rotation"}},[this._v("#")]),this._v(" Rotation")]),this._v(" "),n("chart-editor",{attrs:{code:"// \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"}})],1)}),[],!1,null,null,null);t.default=i.exports}}]); \ No newline at end of file diff --git a/master/assets/js/69.a5061831.js b/master/assets/js/69.04293367.js similarity index 99% rename from master/assets/js/69.a5061831.js rename to master/assets/js/69.04293367.js index abc3466de..bf1331381 100644 --- a/master/assets/js/69.a5061831.js +++ b/master/assets/js/69.04293367.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[69],{488: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],{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 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/76.1235fabc.js b/master/assets/js/76.b5bdba5f.js similarity index 97% rename from master/assets/js/76.1235fabc.js rename to master/assets/js/76.b5bdba5f.js index 0fc895372..63ab13bc9 100644 --- a/master/assets/js/76.1235fabc.js +++ b/master/assets/js/76.b5bdba5f.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[76],{495: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:"callout"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#callout"}},[this._v("#")]),this._v(" Callout")]),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 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) <= 3 ? 'start' : maxIndex(ctx) >= 10 ? 'end' : 'center',\n y: 'center'\n },\n xAdjust: (ctx) => maxIndex(ctx) <= 3 ? 60 : 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"}})],1)}),[],!1,null,null,null);t.default=o.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[76],{494: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:"callout"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#callout"}},[this._v("#")]),this._v(" Callout")]),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 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) <= 3 ? 'start' : maxIndex(ctx) >= 10 ? 'end' : 'center',\n y: 'center'\n },\n xAdjust: (ctx) => maxIndex(ctx) <= 3 ? 60 : 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"}})],1)}),[],!1,null,null,null);t.default=o.exports}}]); \ No newline at end of file diff --git a/master/assets/js/77.cc78150a.js b/master/assets/js/77.7eb0fdd7.js similarity index 96% rename from master/assets/js/77.cc78150a.js rename to master/assets/js/77.7eb0fdd7.js index 59a345195..595799cfc 100644 --- a/master/assets/js/77.cc78150a.js +++ b/master/assets/js/77.7eb0fdd7.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[77],{494: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-canvas-as-content"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#using-canvas-as-content"}},[this._v("#")]),this._v(" Using canvas as content")]),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 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"}})],1)}),[],!1,null,null,null);t.default=e.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[77],{495: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-canvas-as-content"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#using-canvas-as-content"}},[this._v("#")]),this._v(" Using canvas as content")]),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 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"}})],1)}),[],!1,null,null,null);t.default=e.exports}}]); \ No newline at end of file diff --git a/master/assets/js/83.6908cb5f.js b/master/assets/js/83.0acb01fd.js similarity index 96% rename from master/assets/js/83.6908cb5f.js rename to master/assets/js/83.0acb01fd.js index 5aedbded6..c8740adcc 100644 --- a/master/assets/js/83.6908cb5f.js +++ b/master/assets/js/83.0acb01fd.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[83],{501: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:"animation"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#animation"}},[this._v("#")]),this._v(" Animation")]),this._v(" "),n("input",{staticStyle:{width:"100%"},attrs:{id:"update",type:"range"}}),this._v(" "),n("chart-editor",{attrs:{code:"// \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"}})],1)}),[],!1,null,null,null);t.default=o.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[83],{503: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:"animation"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#animation"}},[this._v("#")]),this._v(" Animation")]),this._v(" "),n("input",{staticStyle:{width:"100%"},attrs:{id:"update",type:"range"}}),this._v(" "),n("chart-editor",{attrs:{code:"// \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"}})],1)}),[],!1,null,null,null);t.default=o.exports}}]); \ No newline at end of file diff --git a/master/assets/js/84.fc76c759.js b/master/assets/js/84.d408f627.js similarity index 97% rename from master/assets/js/84.fc76c759.js rename to master/assets/js/84.d408f627.js index c1583e77a..2ca48ce73 100644 --- a/master/assets/js/84.fc76c759.js +++ b/master/assets/js/84.d408f627.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[84],{502:function(n,t,a){"use strict";a.r(t);var e=a(4),s=Object(e.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"average"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#average"}},[this._v("#")]),this._v(" Average")]),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 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"}})],1)}),[],!1,null,null,null);t.default=s.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[84],{501:function(n,t,a){"use strict";a.r(t);var e=a(4),s=Object(e.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"average"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#average"}},[this._v("#")]),this._v(" Average")]),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 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"}})],1)}),[],!1,null,null,null);t.default=s.exports}}]); \ No newline at end of file diff --git a/master/assets/js/85.373cac07.js b/master/assets/js/85.0d63e6f7.js similarity index 96% rename from master/assets/js/85.373cac07.js rename to master/assets/js/85.0d63e6f7.js index 126f82b18..88f9d9efd 100644 --- a/master/assets/js/85.373cac07.js +++ b/master/assets/js/85.0d63e6f7.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[85],{503:function(n,t,a){"use strict";a.r(t);var s=a(4),o=Object(s.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 = 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 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"}})],1)}),[],!1,null,null,null);t.default=o.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[85],{502:function(n,t,a){"use strict";a.r(t);var s=a(4),o=Object(s.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 = 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 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"}})],1)}),[],!1,null,null,null);t.default=o.exports}}]); \ No newline at end of file diff --git a/master/assets/js/86.ba7def2f.js b/master/assets/js/86.5e7fbdbe.js similarity index 98% rename from master/assets/js/86.ba7def2f.js rename to master/assets/js/86.5e7fbdbe.js index 132aef659..58568bac7 100644 --- a/master/assets/js/86.ba7def2f.js +++ b/master/assets/js/86.5e7fbdbe.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[86],{504: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:"callout"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#callout"}},[this._v("#")]),this._v(" Callout")]),this._v(" "),n("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 16;\nconst MIN = 20;\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 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"}})],1)}),[],!1,null,null,null);t.default=e.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[86],{505: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:"callout"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#callout"}},[this._v("#")]),this._v(" Callout")]),this._v(" "),n("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 16;\nconst MIN = 20;\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 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"}})],1)}),[],!1,null,null,null);t.default=e.exports}}]); \ No newline at end of file diff --git a/master/assets/js/87.452f4906.js b/master/assets/js/87.6e641f9f.js similarity index 97% rename from master/assets/js/87.452f4906.js rename to master/assets/js/87.6e641f9f.js index f2f2b9d01..91f57f07b 100644 --- a/master/assets/js/87.452f4906.js +++ b/master/assets/js/87.6e641f9f.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[87],{506:function(n,t,a){"use strict";a.r(t);var s=a(4),o=Object(s.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"using-canvas-as-labels"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#using-canvas-as-labels"}},[this._v("#")]),this._v(" Using canvas as 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};\n// \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"}})],1)}),[],!1,null,null,null);t.default=o.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[87],{504:function(n,t,a){"use strict";a.r(t);var s=a(4),o=Object(s.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"using-canvas-as-labels"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#using-canvas-as-labels"}},[this._v("#")]),this._v(" Using canvas as 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};\n// \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"}})],1)}),[],!1,null,null,null);t.default=o.exports}}]); \ No newline at end of file diff --git a/master/assets/js/88.46edf2b1.js b/master/assets/js/88.46cfdc74.js similarity index 96% rename from master/assets/js/88.46edf2b1.js rename to master/assets/js/88.46cfdc74.js index b8e187aa6..5c4ebe96e 100644 --- a/master/assets/js/88.46edf2b1.js +++ b/master/assets/js/88.46cfdc74.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[88],{505: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],{508: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.a4ac61b0.js b/master/assets/js/89.d22c6e87.js similarity index 98% rename from master/assets/js/89.a4ac61b0.js rename to master/assets/js/89.d22c6e87.js index 4f90a7042..c64b65026 100644 --- a/master/assets/js/89.a4ac61b0.js +++ b/master/assets/js/89.d22c6e87.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[89],{508: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/91.f328f6e0.js b/master/assets/js/91.cecbcb57.js similarity index 97% rename from master/assets/js/91.f328f6e0.js rename to master/assets/js/91.cecbcb57.js index 1ceaa4b47..74ef9110f 100644 --- a/master/assets/js/91.f328f6e0.js +++ b/master/assets/js/91.cecbcb57.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[91],{509:function(n,t,a){"use strict";a.r(t);var s=a(4),e=Object(s.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 = 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 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"}})],1)}),[],!1,null,null,null);t.default=e.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[91],{511:function(n,t,a){"use strict";a.r(t);var s=a(4),e=Object(s.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 = 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 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"}})],1)}),[],!1,null,null,null);t.default=e.exports}}]); \ No newline at end of file diff --git a/master/assets/js/92.70311316.js b/master/assets/js/92.c48a78e5.js similarity index 98% rename from master/assets/js/92.70311316.js rename to master/assets/js/92.c48a78e5.js index c1236ee62..9e8358909 100644 --- a/master/assets/js/92.70311316.js +++ b/master/assets/js/92.c48a78e5.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],{509: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.10568e1e.js similarity index 98% rename from master/assets/js/94.4b1c884d.js rename to master/assets/js/94.10568e1e.js index 34cde6916..42f0cc637 100644 --- a/master/assets/js/94.4b1c884d.js +++ b/master/assets/js/94.10568e1e.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],{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:"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.82ac96ac.js similarity index 98% rename from master/assets/js/95.0c8ab88d.js rename to master/assets/js/95.82ac96ac.js index 3a90a09cb..408e5ade4 100644 --- a/master/assets/js/95.0c8ab88d.js +++ b/master/assets/js/95.82ac96ac.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],{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:"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.41ea0cae.js similarity index 97% rename from master/assets/js/96.bce9cd31.js rename to master/assets/js/96.41ea0cae.js index 4b086d20e..209ae742f 100644 --- a/master/assets/js/96.bce9cd31.js +++ b/master/assets/js/96.41ea0cae.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],{515: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/97.7fe63a01.js b/master/assets/js/97.fb9701a8.js similarity index 97% rename from master/assets/js/97.7fe63a01.js rename to master/assets/js/97.fb9701a8.js index 13038df60..157e881bd 100644 --- a/master/assets/js/97.7fe63a01.js +++ b/master/assets/js/97.fb9701a8.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[97],{515: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 = 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 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"}})],1)}),[],!1,null,null,null);t.default=e.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[97],{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:"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 = 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 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"}})],1)}),[],!1,null,null,null);t.default=e.exports}}]); \ No newline at end of file diff --git a/master/assets/js/98.f5949a1c.js b/master/assets/js/98.5bb89e70.js similarity index 97% rename from master/assets/js/98.f5949a1c.js rename to master/assets/js/98.5bb89e70.js index 9a3e34f06..159375a0c 100644 --- a/master/assets/js/98.f5949a1c.js +++ b/master/assets/js/98.5bb89e70.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[98],{518: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:"combined-annotations"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#combined-annotations"}},[this._v("#")]),this._v(" Combined annotations")]),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 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"}})],1)}),[],!1,null,null,null);t.default=e.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[98],{516: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:"combined-annotations"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#combined-annotations"}},[this._v("#")]),this._v(" Combined annotations")]),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 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"}})],1)}),[],!1,null,null,null);t.default=e.exports}}]); \ No newline at end of file diff --git a/master/assets/js/99.08fe828f.js b/master/assets/js/99.b5a04aee.js similarity index 97% rename from master/assets/js/99.08fe828f.js rename to master/assets/js/99.b5a04aee.js index b5a3b32cd..6ba79e1cc 100644 --- a/master/assets/js/99.08fe828f.js +++ b/master/assets/js/99.b5a04aee.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[99],{516: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:"initial-animations"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#initial-animations"}},[this._v("#")]),this._v(" Initial animations")]),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 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"}})],1)}),[],!1,null,null,null);t.default=i.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[99],{518: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:"initial-animations"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#initial-animations"}},[this._v("#")]),this._v(" Initial animations")]),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 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"}})],1)}),[],!1,null,null,null);t.default=i.exports}}]); \ No newline at end of file diff --git a/master/assets/js/app.ddc47dbd.js b/master/assets/js/app.792bf0ce.js similarity index 74% rename from master/assets/js/app.ddc47dbd.js rename to master/assets/js/app.792bf0ce.js index 409fbd94c..51507b02d 100644 --- a/master/assets/js/app.ddc47dbd.js +++ b/master/assets/js/app.792bf0ce.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 m(n,t,e,o){var a=o&&o.options.stringifyQuery,i=t.query||{};try{i=g(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 g(n){if(Array.isArray(n))return n.map(g);if(n&&"object"==typeof n){var t={};for(var e in n)t[e]=g(n[e]);return t}return n}var y=m(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,g=r.redirectedFrom?m(null,H(r.redirectedFrom),null,e):r;c[b]=O(o,g,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,g);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-1c40ad9d":()=>e.e(23).then(e.bind(null,432)),"v-bc74aa06":()=>e.e(24).then(e.bind(null,433)),"v-15088ca1":()=>e.e(25).then(e.bind(null,434)),"v-25f1271d":()=>e.e(22).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-f13aec06":()=>e.e(35).then(e.bind(null,443)),"v-29e3487d":()=>e.e(34).then(e.bind(null,444)),"v-3e5dcf1d":()=>e.e(36).then(e.bind(null,445)),"v-35d1c17d":()=>e.e(37).then(e.bind(null,446)),"v-361cec5e":()=>e.e(38).then(e.bind(null,447)),"v-07090646":()=>e.e(39).then(e.bind(null,448)),"v-49180d06":()=>e.e(33).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-5dd3097d":()=>e.e(42).then(e.bind(null,452)),"v-86eb5006":()=>e.e(43).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-1b86f686":()=>e.e(48).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-51daecc6":()=>e.e(49).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-33db82fd":()=>e.e(14).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-fac884d6":()=>e.e(59).then(e.bind(null,476)),"v-366650ca":()=>e.e(58).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-f0a8046a":()=>e.e(63).then(e.bind(null,480)),"v-a827b1b2":()=>e.e(62).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-06766846":()=>e.e(66).then(e.bind(null,484)),"v-475451bd":()=>e.e(67).then(e.bind(null,485)),"v-14c8b49f":()=>e.e(68).then(e.bind(null,486)),"v-de7917b6":()=>e.e(70).then(e.bind(null,487)),"v-532157ca":()=>e.e(69).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-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-79f854d2":()=>e.e(77).then(e.bind(null,494)),"v-188d5d06":()=>e.e(76).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-4dd91745":()=>e.e(81).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-22325356":()=>e.e(88).then(e.bind(null,505)),"v-9e862306":()=>e.e(87).then(e.bind(null,506)),"v-76c7a746":()=>e.e(90).then(e.bind(null,507)),"v-c5c24e7a":()=>e.e(89).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-246c16bd":()=>e.e(99).then(e.bind(null,516)),"v-0fc2653f":()=>e.e(101).then(e.bind(null,517)),"v-21782935":()=>e.e(98).then(e.bind(null,518)),"v-dd2b401a":()=>e.e(100).then(e.bind(null,519)),"v-3ae674fd":()=>e.e(102).then(e.bind(null,520)),"v-45140bd3":()=>e.e(104).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 mt(n,t){"undefined"!=typeof window&&window.__VUEPRESS__&&(window.__VUEPRESS__[n]=t)}var gt=e(106),yt=e.n(gt),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 mt("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-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-25f1271d",path:"/api/interfaces/AnnotationPointCoordinates.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-25f1271d").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-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-49180d06",path:"/api/interfaces/EllipseAnnotationOptions.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-49180d06").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-5dd3097d",path:"/api/interfaces/PointAnnotationOptions.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-5dd3097d").then(e)}},{name:"v-86eb5006",path:"/api/interfaces/PolygonAnnotationOptions.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-86eb5006").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-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-4d1e5c5d",path:"/guide/migrationV3.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-4d1e5c5d").then(e)}},{name:"v-51daecc6",path:"/guide/migrationV1.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-51daecc6").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-33db82fd",path:"/guide/types/polygon.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-33db82fd").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-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-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-f0a8046a",path:"/samples/charts/bar.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-f0a8046a").then(e)}},{name:"v-a827b1b2",path:"/samples/box/quarters.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-a827b1b2").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-06766846",path:"/samples/ellipse/image.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-06766846").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-de7917b6",path:"/samples/interaction/dragging.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-de7917b6").then(e)}},{name:"v-532157ca",path:"/samples/interaction/cartesianplane.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-532157ca").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-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-79f854d2",path:"/samples/label/canvas.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-79f854d2").then(e)}},{name:"v-188d5d06",path:"/samples/label/callout.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-188d5d06").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-4dd91745",path:"/samples/label/lowerUpper.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-4dd91745").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-22325356",path:"/samples/line/curve.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-22325356").then(e)}},{name:"v-9e862306",path:"/samples/line/canvas.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-9e862306").then(e)}},{name:"v-76c7a746",path:"/samples/line/hook.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-76c7a746").then(e)}},{name:"v-c5c24e7a",path:"/samples/line/datasetBars.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-c5c24e7a").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-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-21782935",path:"/samples/point/combined.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-21782935").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-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: 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: 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: 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: 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: 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: 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: 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: 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: 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/26/2024, 4:18:36 PM",lastUpdatedTimestamp:1727367516e3,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/26/2024, 4:18:36 PM",lastUpdatedTimestamp:1727367516e3,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/26/2024, 4:18:36 PM",lastUpdatedTimestamp:1727367516e3,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/26/2024, 4:18:36 PM",lastUpdatedTimestamp:1727367516e3,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/26/2024, 4:18:36 PM",lastUpdatedTimestamp:1727367516e3,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/26/2024, 4:18:36 PM",lastUpdatedTimestamp:1727367516e3,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/26/2024, 4:18:36 PM",lastUpdatedTimestamp:1727367516e3,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:"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/26/2024, 4:18:36 PM",lastUpdatedTimestamp:1727367516e3,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:"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/26/2024, 4:18:36 PM",lastUpdatedTimestamp:1727367516e3,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/26/2024, 4:18:36 PM",lastUpdatedTimestamp:1727367516e3,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/26/2024, 4:18:36 PM",lastUpdatedTimestamp:1727367516e3,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/26/2024, 4:18:36 PM",lastUpdatedTimestamp:1727367516e3,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/26/2024, 4:18:36 PM",lastUpdatedTimestamp:1727367516e3,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/26/2024, 4:18:36 PM",lastUpdatedTimestamp:1727367516e3,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/26/2024, 4:18:36 PM",lastUpdatedTimestamp:1727367516e3,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/26/2024, 4:18:36 PM",lastUpdatedTimestamp:1727367516e3,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/26/2024, 4:18:36 PM",lastUpdatedTimestamp:1727367516e3,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:"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/26/2024, 4:18:36 PM",lastUpdatedTimestamp:1727367516e3,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:"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/26/2024, 4:18:36 PM",lastUpdatedTimestamp:1727367516e3,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/26/2024, 4:18:36 PM",lastUpdatedTimestamp:1727367516e3,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/26/2024, 4:18:36 PM",lastUpdatedTimestamp:1727367516e3,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:"Magic quadrant",frontmatter:{},regularPath:"/samples/box/gradient.html",relativePath:"samples/box/gradient.md",key:"v-fac884d6",path:"/samples/box/gradient.html",lastUpdated:"9/26/2024, 4:18:36 PM",lastUpdatedTimestamp:1727367516e3,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/26/2024, 4:18:36 PM",lastUpdatedTimestamp:1727367516e3,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:"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/26/2024, 4:18:36 PM",lastUpdatedTimestamp:1727367516e3,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/26/2024, 4:18:36 PM",lastUpdatedTimestamp:1727367516e3,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:"Bar Chart",frontmatter:{},regularPath:"/samples/charts/bar.html",relativePath:"samples/charts/bar.md",key:"v-f0a8046a",path:"/samples/charts/bar.html",lastUpdated:"9/26/2024, 4:18:36 PM",lastUpdatedTimestamp:1727367516e3,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:"Yearly quarters",frontmatter:{},regularPath:"/samples/box/quarters.html",relativePath:"samples/box/quarters.md",key:"v-a827b1b2",path:"/samples/box/quarters.html",lastUpdated:"9/26/2024, 4:18:36 PM",lastUpdatedTimestamp:1727367516e3,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:"Line Chart",frontmatter:{},regularPath:"/samples/charts/line.html",relativePath:"samples/charts/line.md",key:"v-1ac7de46",path:"/samples/charts/line.html",lastUpdated:"9/26/2024, 4:18:36 PM",lastUpdatedTimestamp:1727367516e3,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/26/2024, 4:18:36 PM",lastUpdatedTimestamp:1727367516e3,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:"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/26/2024, 4:18:36 PM",lastUpdatedTimestamp:1727367516e3,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:"Labeling",frontmatter:{},regularPath:"/samples/ellipse/label.html",relativePath:"samples/ellipse/label.md",key:"v-475451bd",path:"/samples/ellipse/label.html",lastUpdated:"9/26/2024, 4:18:36 PM",lastUpdatedTimestamp:1727367516e3,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/26/2024, 4:18:36 PM",lastUpdatedTimestamp:1727367516e3,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:"Dragging annotations",frontmatter:{},regularPath:"/samples/interaction/dragging.html",relativePath:"samples/interaction/dragging.md",key:"v-de7917b6",path:"/samples/interaction/dragging.html",lastUpdated:"9/26/2024, 4:18:36 PM",lastUpdatedTimestamp:1727367516e3,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:"Cartesian plane",frontmatter:{},regularPath:"/samples/interaction/cartesianplane.html",relativePath:"samples/interaction/cartesianplane.md",key:"v-532157ca",path:"/samples/interaction/cartesianplane.html",lastUpdated:"9/26/2024, 4:18:36 PM",lastUpdatedTimestamp:1727367516e3,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:"Interaction",frontmatter:{},regularPath:"/samples/interaction/interaction.html",relativePath:"samples/interaction/interaction.md",key:"v-0f11953d",path:"/samples/interaction/interaction.html",lastUpdated:"9/26/2024, 4:18:36 PM",lastUpdatedTimestamp:1727367516e3,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/26/2024, 4:18:36 PM",lastUpdatedTimestamp:1727367516e3,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/26/2024, 4:18:36 PM",lastUpdatedTimestamp:1727367516e3,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/26/2024, 4:18:36 PM",lastUpdatedTimestamp:1727367516e3,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/26/2024, 4:18:36 PM",lastUpdatedTimestamp:1727367516e3,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:"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/26/2024, 4:18:36 PM",lastUpdatedTimestamp:1727367516e3,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:"Callout",frontmatter:{},regularPath:"/samples/label/callout.html",relativePath:"samples/label/callout.md",key:"v-188d5d06",path:"/samples/label/callout.html",lastUpdated:"9/26/2024, 4:18:36 PM",lastUpdatedTimestamp:1727367516e3,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:"Fonts and colors",frontmatter:{},regularPath:"/samples/label/fontsColors.html",relativePath:"samples/label/fontsColors.md",key:"v-a53ecf06",path:"/samples/label/fontsColors.html",lastUpdated:"9/26/2024, 4:18:36 PM",lastUpdatedTimestamp:1727367516e3,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/26/2024, 4:18:36 PM",lastUpdatedTimestamp:1727367516e3,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/26/2024, 4:18:36 PM",lastUpdatedTimestamp:1727367516e3,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:"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/26/2024, 4:18:36 PM",lastUpdatedTimestamp:1727367516e3,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:"Point",frontmatter:{},regularPath:"/samples/label/point.html",relativePath:"samples/label/point.md",key:"v-5cbaa4bd",path:"/samples/label/point.html",lastUpdated:"9/26/2024, 4:18:36 PM",lastUpdatedTimestamp:1727367516e3,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/26/2024, 4:18:36 PM",lastUpdatedTimestamp:1727367516e3,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/26/2024, 4:18:36 PM",lastUpdatedTimestamp:1727367516e3,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/26/2024, 4:18:36 PM",lastUpdatedTimestamp:1727367516e3,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/26/2024, 4:18:36 PM",lastUpdatedTimestamp:1727367516e3,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:"Curve",frontmatter:{},regularPath:"/samples/line/curve.html",relativePath:"samples/line/curve.md",key:"v-22325356",path:"/samples/line/curve.html",lastUpdated:"9/26/2024, 4:18:36 PM",lastUpdatedTimestamp:1727367516e3,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:"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/26/2024, 4:18:36 PM",lastUpdatedTimestamp:1727367516e3,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:"Outside of chart",frontmatter:{},regularPath:"/samples/line/hook.html",relativePath:"samples/line/hook.md",key:"v-76c7a746",path:"/samples/line/hook.html",lastUpdated:"9/26/2024, 4:18:36 PM",lastUpdatedTimestamp:1727367516e3,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:"Annotating dataset bars",frontmatter:{},regularPath:"/samples/line/datasetBars.html",relativePath:"samples/line/datasetBars.md",key:"v-c5c24e7a",path:"/samples/line/datasetBars.html",lastUpdated:"9/26/2024, 4:18:36 PM",lastUpdatedTimestamp:1727367516e3,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:"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/26/2024, 4:18:36 PM",lastUpdatedTimestamp:1727367516e3,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/26/2024, 4:18:36 PM",lastUpdatedTimestamp:1727367516e3,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/26/2024, 4:18:36 PM",lastUpdatedTimestamp:1727367516e3,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/26/2024, 4:18:36 PM",lastUpdatedTimestamp:1727367516e3,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/26/2024, 4:18:36 PM",lastUpdatedTimestamp:1727367516e3,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/26/2024, 4:18:36 PM",lastUpdatedTimestamp:1727367516e3,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/26/2024, 4:18:36 PM",lastUpdatedTimestamp:1727367516e3,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:"Initial animations",frontmatter:{},regularPath:"/samples/point/initAnim.html",relativePath:"samples/point/initAnim.md",key:"v-246c16bd",path:"/samples/point/initAnim.html",lastUpdated:"9/26/2024, 4:18:36 PM",lastUpdatedTimestamp:1727367516e3,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/26/2024, 4:18:36 PM",lastUpdatedTimestamp:1727367516e3,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:"Combined annotations",frontmatter:{},regularPath:"/samples/point/combined.html",relativePath:"samples/point/combined.md",key:"v-21782935",path:"/samples/point/combined.html",lastUpdated:"9/26/2024, 4:18:36 PM",lastUpdatedTimestamp:1727367516e3,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:"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/26/2024, 4:18:36 PM",lastUpdatedTimestamp:1727367516e3,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/26/2024, 4:18:36 PM",lastUpdatedTimestamp:1727367516e3,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/26/2024, 4:18:36 PM",lastUpdatedTimestamp:1727367516e3,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/26/2024, 4:18:36 PM",lastUpdatedTimestamp:1727367516e3,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/26/2024, 4:18:36 PM",lastUpdatedTimestamp:1727367516e3,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/26/2024, 4:18:36 PM",lastUpdatedTimestamp:1727367516e3,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);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,g=r.redirectedFrom?m(null,H(r.redirectedFrom),null,e):r;c[b]=O(o,g,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,g);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-25f1271d":()=>e.e(22).then(e.bind(null,431)),"v-d5f286de":()=>e.e(21).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-7fae43e2":()=>e.e(29).then(e.bind(null,438)),"v-ec8d56c6":()=>e.e(28).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-29e3487d":()=>e.e(34).then(e.bind(null,444)),"v-3e5dcf1d":()=>e.e(36).then(e.bind(null,445)),"v-35d1c17d":()=>e.e(37).then(e.bind(null,446)),"v-f13aec06":()=>e.e(35).then(e.bind(null,447)),"v-361cec5e":()=>e.e(38).then(e.bind(null,448)),"v-42745613":()=>e.e(40).then(e.bind(null,449)),"v-16482446":()=>e.e(41).then(e.bind(null,450)),"v-07090646":()=>e.e(39).then(e.bind(null,451)),"v-5dd3097d":()=>e.e(42).then(e.bind(null,452)),"v-64ad1186":()=>e.e(45).then(e.bind(null,453)),"v-86eb5006":()=>e.e(43).then(e.bind(null,454)),"v-7b380066":()=>e.e(44).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-51daecc6":()=>e.e(49).then(e.bind(null,460)),"v-4d1e5c5d":()=>e.e(50).then(e.bind(null,461)),"v-121872fd":()=>e.e(4).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-33db82fd":()=>e.e(14).then(e.bind(null,471)),"v-942110c6":()=>e.e(54).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-ebb19754":()=>e.e(55).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-b3a5649a":()=>e.e(61).then(e.bind(null,478)),"v-a827b1b2":()=>e.e(62).then(e.bind(null,479)),"v-f46f9a86":()=>e.e(60).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-06766846":()=>e.e(66).then(e.bind(null,484)),"v-475451bd":()=>e.e(67).then(e.bind(null,485)),"v-532157ca":()=>e.e(69).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-14c8b49f":()=>e.e(68).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-e1c46312":()=>e.e(80).then(e.bind(null,498)),"v-4dd91745":()=>e.e(81).then(e.bind(null,499)),"v-5cbaa4bd":()=>e.e(82).then(e.bind(null,500)),"v-fe2fae0e":()=>e.e(84).then(e.bind(null,501)),"v-14b16052":()=>e.e(85).then(e.bind(null,502)),"v-25be76ab":()=>e.e(83).then(e.bind(null,503)),"v-9e862306":()=>e.e(87).then(e.bind(null,504)),"v-0d73d593":()=>e.e(86).then(e.bind(null,505)),"v-c5c24e7a":()=>e.e(89).then(e.bind(null,506)),"v-76c7a746":()=>e.e(90).then(e.bind(null,507)),"v-22325356":()=>e.e(88).then(e.bind(null,508)),"v-940803b2":()=>e.e(92).then(e.bind(null,509)),"v-2f3a8d3f":()=>e.e(93).then(e.bind(null,510)),"v-19c0057d":()=>e.e(91).then(e.bind(null,511)),"v-5f6c329d":()=>e.e(94).then(e.bind(null,512)),"v-bc3af7aa":()=>e.e(95).then(e.bind(null,513)),"v-13db7dfd":()=>e.e(97).then(e.bind(null,514)),"v-5eb79d3d":()=>e.e(96).then(e.bind(null,515)),"v-21782935":()=>e.e(98).then(e.bind(null,516)),"v-dd2b401a":()=>e.e(100).then(e.bind(null,517)),"v-246c16bd":()=>e.e(99).then(e.bind(null,518)),"v-3ae674fd":()=>e.e(102).then(e.bind(null,519)),"v-0fc2653f":()=>e.e(101).then(e.bind(null,520)),"v-45140bd3":()=>e.e(104).then(e.bind(null,521)),"v-39b04a87":()=>e.e(103).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 mt(n,t){"undefined"!=typeof window&&window.__VUEPRESS__&&(window.__VUEPRESS__[n]=t)}var gt=e(106),yt=e.n(gt),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 mt("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-25f1271d",path:"/api/interfaces/AnnotationPointCoordinates.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-25f1271d").then(e)}},{name:"v-d5f286de",path:"/api/interfaces/AnnotationPluginOptions.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-d5f286de").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-7fae43e2",path:"/api/interfaces/ContainedLabelOptions.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-7fae43e2").then(e)}},{name:"v-ec8d56c6",path:"/api/interfaces/CalloutOptions.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-ec8d56c6").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-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-f13aec06",path:"/api/interfaces/LabelAnnotationOptions.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-f13aec06").then(e)}},{name:"v-361cec5e",path:"/api/interfaces/LabelPositionObject.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-361cec5e").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-07090646",path:"/api/interfaces/LabelTypeOptions.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-07090646").then(e)}},{name:"v-5dd3097d",path:"/api/interfaces/PointAnnotationOptions.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-5dd3097d").then(e)}},{name:"v-64ad1186",path:"/guide/configuration.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-64ad1186").then(e)}},{name:"v-86eb5006",path:"/api/interfaces/PolygonAnnotationOptions.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-86eb5006").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-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-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-121872fd",path:"/guide/migrationV2.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-121872fd").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-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-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-ebb19754",path:"/",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-ebb19754").then(e)}},{path:"/index.html",redirect:"/"},{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-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-f46f9a86",path:"/samples/box/image.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-f46f9a86").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-06766846",path:"/samples/ellipse/image.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-06766846").then(e)}},{name:"v-475451bd",path:"/samples/ellipse/label.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-475451bd").then(e)}},{name:"v-532157ca",path:"/samples/interaction/cartesianplane.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-532157ca").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-14c8b49f",path:"/samples/ellipse/rotation.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-14c8b49f").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-e1c46312",path:"/samples/label/innerChart.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-e1c46312").then(e)}},{name:"v-4dd91745",path:"/samples/label/lowerUpper.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-4dd91745").then(e)}},{name:"v-5cbaa4bd",path:"/samples/label/point.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-5cbaa4bd").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-25be76ab",path:"/samples/line/animation.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-25be76ab").then(e)}},{name:"v-9e862306",path:"/samples/line/canvas.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-9e862306").then(e)}},{name:"v-0d73d593",path:"/samples/line/callout.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-0d73d593").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-22325356",path:"/samples/line/curve.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-22325356").then(e)}},{name:"v-940803b2",path:"/samples/line/labelVisibility.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-940803b2").then(e)}},{name:"v-2f3a8d3f",path:"/samples/line/limited.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-2f3a8d3f").then(e)}},{name:"v-19c0057d",path:"/samples/line/image.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-19c0057d").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-13db7dfd",path:"/samples/point/basic.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-13db7dfd").then(e)}},{name:"v-5eb79d3d",path:"/samples/line/visibility.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-5eb79d3d").then(e)}},{name:"v-21782935",path:"/samples/point/combined.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-21782935").then(e)}},{name:"v-dd2b401a",path:"/samples/point/outsideChartArea.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-dd2b401a").then(e)}},{name:"v-246c16bd",path:"/samples/point/initAnim.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-246c16bd").then(e)}},{name:"v-3ae674fd",path:"/samples/polygon/basic.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-3ae674fd").then(e)}},{name:"v-0fc2653f",path:"/samples/point/shadow.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-0fc2653f").then(e)}},{name:"v-45140bd3",path:"/samples/polygon/shadow.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-45140bd3").then(e)}},{name:"v-39b04a87",path:"/samples/polygon/outsideChartArea.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-39b04a87").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:"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: 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: 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: 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: 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: 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: 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: 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: 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: 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: 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: 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: 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:"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:"10/7/2024, 3:05:04 PM",lastUpdatedTimestamp:1728313504e3,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:"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: 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:"10/7/2024, 3:05:04 PM",lastUpdatedTimestamp:1728313504e3,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:"10/7/2024, 3:05:04 PM",lastUpdatedTimestamp:1728313504e3,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:"10/7/2024, 3:05:04 PM",lastUpdatedTimestamp:1728313504e3,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:"10/7/2024, 3:05:04 PM",lastUpdatedTimestamp:1728313504e3,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:"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:"10/7/2024, 3:05:04 PM",lastUpdatedTimestamp:1728313504e3,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:"10/7/2024, 3:05:04 PM",lastUpdatedTimestamp:1728313504e3,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:"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:"10/7/2024, 3:05:04 PM",lastUpdatedTimestamp:1728313504e3,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:"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:"10/7/2024, 3:05:04 PM",lastUpdatedTimestamp:1728313504e3,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:"10/7/2024, 3:05:04 PM",lastUpdatedTimestamp:1728313504e3,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:"10/7/2024, 3:05:04 PM",lastUpdatedTimestamp:1728313504e3,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:"10/7/2024, 3:05:04 PM",lastUpdatedTimestamp:1728313504e3,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:"10/7/2024, 3:05:04 PM",lastUpdatedTimestamp:1728313504e3,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:"10/7/2024, 3:05:04 PM",lastUpdatedTimestamp:1728313504e3,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:"10/7/2024, 3:05:04 PM",lastUpdatedTimestamp:1728313504e3,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:"10/7/2024, 3:05:04 PM",lastUpdatedTimestamp:1728313504e3,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:"10/7/2024, 3:05:04 PM",lastUpdatedTimestamp:1728313504e3,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:"10/7/2024, 3:05:04 PM",lastUpdatedTimestamp:1728313504e3,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:"Basic",frontmatter:{},regularPath:"/samples/box/basic.html",relativePath:"samples/box/basic.md",key:"v-54f14cdd",path:"/samples/box/basic.html",lastUpdated:"10/7/2024, 3:05:04 PM",lastUpdatedTimestamp:1728313504e3,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:"10/7/2024, 3:05:04 PM",lastUpdatedTimestamp:1728313504e3,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:"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:"10/7/2024, 3:05:04 PM",lastUpdatedTimestamp:1728313504e3,content:""},{title:"Disclosure",frontmatter:{},regularPath:"/samples/box/disclosure.html",relativePath:"samples/box/disclosure.md",key:"v-366650ca",path:"/samples/box/disclosure.html",lastUpdated:"10/7/2024, 3:05:04 PM",lastUpdatedTimestamp:1728313504e3,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:"10/7/2024, 3:05:04 PM",lastUpdatedTimestamp:1728313504e3,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:"Initial animations",frontmatter:{},regularPath:"/samples/box/initAnim.html",relativePath:"samples/box/initAnim.md",key:"v-b3a5649a",path:"/samples/box/initAnim.html",lastUpdated:"10/7/2024, 3:05:04 PM",lastUpdatedTimestamp:1728313504e3,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:"10/7/2024, 3:05:04 PM",lastUpdatedTimestamp:1728313504e3,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:"Using images as labels",frontmatter:{},regularPath:"/samples/box/image.html",relativePath:"samples/box/image.md",key:"v-f46f9a86",path:"/samples/box/image.html",lastUpdated:"10/7/2024, 3:05:04 PM",lastUpdatedTimestamp:1728313504e3,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:"Bar Chart",frontmatter:{},regularPath:"/samples/charts/bar.html",relativePath:"samples/charts/bar.md",key:"v-f0a8046a",path:"/samples/charts/bar.html",lastUpdated:"10/7/2024, 3:05:04 PM",lastUpdatedTimestamp:1728313504e3,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:"10/7/2024, 3:05:04 PM",lastUpdatedTimestamp:1728313504e3,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:"10/7/2024, 3:05:04 PM",lastUpdatedTimestamp:1728313504e3,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:"Using images as labels",frontmatter:{},regularPath:"/samples/ellipse/image.html",relativePath:"samples/ellipse/image.md",key:"v-06766846",path:"/samples/ellipse/image.html",lastUpdated:"10/7/2024, 3:05:04 PM",lastUpdatedTimestamp:1728313504e3,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:"Labeling",frontmatter:{},regularPath:"/samples/ellipse/label.html",relativePath:"samples/ellipse/label.md",key:"v-475451bd",path:"/samples/ellipse/label.html",lastUpdated:"10/7/2024, 3:05:04 PM",lastUpdatedTimestamp:1728313504e3,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:"Cartesian plane",frontmatter:{},regularPath:"/samples/interaction/cartesianplane.html",relativePath:"samples/interaction/cartesianplane.md",key:"v-532157ca",path:"/samples/interaction/cartesianplane.html",lastUpdated:"10/7/2024, 3:05:04 PM",lastUpdatedTimestamp:1728313504e3,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:"Dragging annotations",frontmatter:{},regularPath:"/samples/interaction/dragging.html",relativePath:"samples/interaction/dragging.md",key:"v-de7917b6",path:"/samples/interaction/dragging.html",lastUpdated:"10/7/2024, 3:05:04 PM",lastUpdatedTimestamp:1728313504e3,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:"10/7/2024, 3:05:04 PM",lastUpdatedTimestamp:1728313504e3,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:"Rotation",frontmatter:{},regularPath:"/samples/ellipse/rotation.html",relativePath:"samples/ellipse/rotation.md",key:"v-14c8b49f",path:"/samples/ellipse/rotation.html",lastUpdated:"10/7/2024, 3:05:04 PM",lastUpdatedTimestamp:1728313504e3,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:"Selecting annotations",frontmatter:{},regularPath:"/samples/interaction/selection.html",relativePath:"samples/interaction/selection.md",key:"v-8f774586",path:"/samples/interaction/selection.html",lastUpdated:"10/7/2024, 3:05:04 PM",lastUpdatedTimestamp:1728313504e3,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:"10/7/2024, 3:05:04 PM",lastUpdatedTimestamp:1728313504e3,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:"10/7/2024, 3:05:04 PM",lastUpdatedTimestamp:1728313504e3,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:"10/7/2024, 3:05:04 PM",lastUpdatedTimestamp:1728313504e3,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:"10/7/2024, 3:05:04 PM",lastUpdatedTimestamp:1728313504e3,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:"10/7/2024, 3:05:04 PM",lastUpdatedTimestamp:1728313504e3,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:"10/7/2024, 3:05:04 PM",lastUpdatedTimestamp:1728313504e3,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:"10/7/2024, 3:05:04 PM",lastUpdatedTimestamp:1728313504e3,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:"10/7/2024, 3:05:04 PM",lastUpdatedTimestamp:1728313504e3,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:"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:"10/7/2024, 3:05:04 PM",lastUpdatedTimestamp:1728313504e3,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:"Point",frontmatter:{},regularPath:"/samples/label/point.html",relativePath:"samples/label/point.md",key:"v-5cbaa4bd",path:"/samples/label/point.html",lastUpdated:"10/7/2024, 3:05:04 PM",lastUpdatedTimestamp:1728313504e3,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:"Average",frontmatter:{},regularPath:"/samples/line/average.html",relativePath:"samples/line/average.md",key:"v-fe2fae0e",path:"/samples/line/average.html",lastUpdated:"10/7/2024, 3:05:04 PM",lastUpdatedTimestamp:1728313504e3,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:"10/7/2024, 3:05:04 PM",lastUpdatedTimestamp:1728313504e3,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:"Animation",frontmatter:{},regularPath:"/samples/line/animation.html",relativePath:"samples/line/animation.md",key:"v-25be76ab",path:"/samples/line/animation.html",lastUpdated:"10/7/2024, 3:05:04 PM",lastUpdatedTimestamp:1728313504e3,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:"Using canvas as labels",frontmatter:{},regularPath:"/samples/line/canvas.html",relativePath:"samples/line/canvas.md",key:"v-9e862306",path:"/samples/line/canvas.html",lastUpdated:"10/7/2024, 3:05:04 PM",lastUpdatedTimestamp:1728313504e3,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:"Callout",frontmatter:{},regularPath:"/samples/line/callout.html",relativePath:"samples/line/callout.md",key:"v-0d73d593",path:"/samples/line/callout.html",lastUpdated:"10/7/2024, 3:05:04 PM",lastUpdatedTimestamp:1728313504e3,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:"Annotating dataset bars",frontmatter:{},regularPath:"/samples/line/datasetBars.html",relativePath:"samples/line/datasetBars.md",key:"v-c5c24e7a",path:"/samples/line/datasetBars.html",lastUpdated:"10/7/2024, 3:05:04 PM",lastUpdatedTimestamp:1728313504e3,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:"10/7/2024, 3:05:04 PM",lastUpdatedTimestamp:1728313504e3,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:"Curve",frontmatter:{},regularPath:"/samples/line/curve.html",relativePath:"samples/line/curve.md",key:"v-22325356",path:"/samples/line/curve.html",lastUpdated:"10/7/2024, 3:05:04 PM",lastUpdatedTimestamp:1728313504e3,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:"Label visibility",frontmatter:{},regularPath:"/samples/line/labelVisibility.html",relativePath:"samples/line/labelVisibility.md",key:"v-940803b2",path:"/samples/line/labelVisibility.html",lastUpdated:"10/7/2024, 3:05:04 PM",lastUpdatedTimestamp:1728313504e3,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:"Limited lines",frontmatter:{},regularPath:"/samples/line/limited.html",relativePath:"samples/line/limited.md",key:"v-2f3a8d3f",path:"/samples/line/limited.html",lastUpdated:"10/7/2024, 3:05:04 PM",lastUpdatedTimestamp:1728313504e3,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:"Using images as labels",frontmatter:{},regularPath:"/samples/line/image.html",relativePath:"samples/line/image.md",key:"v-19c0057d",path:"/samples/line/image.html",lastUpdated:"10/7/2024, 3:05:04 PM",lastUpdatedTimestamp:1728313504e3,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:"Lower and upper bounds",frontmatter:{},regularPath:"/samples/line/lowerUpper.html",relativePath:"samples/line/lowerUpper.md",key:"v-5f6c329d",path:"/samples/line/lowerUpper.html",lastUpdated:"10/7/2024, 3:05:04 PM",lastUpdatedTimestamp:1728313504e3,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:"10/7/2024, 3:05:04 PM",lastUpdatedTimestamp:1728313504e3,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:"Basic",frontmatter:{},regularPath:"/samples/point/basic.html",relativePath:"samples/point/basic.md",key:"v-13db7dfd",path:"/samples/point/basic.html",lastUpdated:"10/7/2024, 3:05:04 PM",lastUpdatedTimestamp:1728313504e3,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:"Line visibility",frontmatter:{},regularPath:"/samples/line/visibility.html",relativePath:"samples/line/visibility.md",key:"v-5eb79d3d",path:"/samples/line/visibility.html",lastUpdated:"10/7/2024, 3:05:04 PM",lastUpdatedTimestamp:1728313504e3,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:"Combined annotations",frontmatter:{},regularPath:"/samples/point/combined.html",relativePath:"samples/point/combined.md",key:"v-21782935",path:"/samples/point/combined.html",lastUpdated:"10/7/2024, 3:05:04 PM",lastUpdatedTimestamp:1728313504e3,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:"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:"10/7/2024, 3:05:04 PM",lastUpdatedTimestamp:1728313504e3,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:"Initial animations",frontmatter:{},regularPath:"/samples/point/initAnim.html",relativePath:"samples/point/initAnim.md",key:"v-246c16bd",path:"/samples/point/initAnim.html",lastUpdated:"10/7/2024, 3:05:04 PM",lastUpdatedTimestamp:1728313504e3,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:"Basic",frontmatter:{},regularPath:"/samples/polygon/basic.html",relativePath:"samples/polygon/basic.md",key:"v-3ae674fd",path:"/samples/polygon/basic.html",lastUpdated:"10/7/2024, 3:05:04 PM",lastUpdatedTimestamp:1728313504e3,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/point/shadow.html",relativePath:"samples/point/shadow.md",key:"v-0fc2653f",path:"/samples/point/shadow.html",lastUpdated:"10/7/2024, 3:05:04 PM",lastUpdatedTimestamp:1728313504e3,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:"Shadow",frontmatter:{},regularPath:"/samples/polygon/shadow.html",relativePath:"samples/polygon/shadow.md",key:"v-45140bd3",path:"/samples/polygon/shadow.html",lastUpdated:"10/7/2024, 3:05:04 PM",lastUpdatedTimestamp:1728313504e3,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:"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:"10/7/2024, 3:05:04 PM",lastUpdatedTimestamp:1728313504e3,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:"Stop",frontmatter:{},regularPath:"/samples/polygon/stop.html",relativePath:"samples/polygon/stop.md",key:"v-f2852e62",path:"/samples/polygon/stop.html",lastUpdated:"10/7/2024, 3:05:04 PM",lastUpdatedTimestamp:1728313504e3,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:"10/7/2024, 3:05:04 PM",lastUpdatedTimestamp:1728313504e3,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);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 me(n,t){return"start"===t?0:"end"===t?n:he(t)?pe(t)*n:n/2}function ge(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||"butt",n.setLineDash(t.borderDash),n.lineDashOffset=t.borderDashOffset,n.lineJoin=t.borderJoinStyle||"miter",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:ge(e.width,t.width),height:ge(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+me(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=ge(r,p),v=ge(s,p),m=[e,e+b,e+b,a],g=[o+v,i,o,i],y=[];for(let n=0;n<4;n++){const t=$e({x:m[n],y:g[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+ge(i,s)},d={x:c.x+l,y:c.y}):(c={x:e.x+ge(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-me(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 mo 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,m=po(f,e,p,u/o),g=po(f,e,p,1-h/o),y=new Path2D;n.beginPath(),y.moveTo(m.x,m.y),y.quadraticCurveTo(e.x,e.y,g.x,g.y),n.shadowColor=l.borderShadowColor,n.stroke(y),t.path=y,t.ctx=n,So(n,m,{angle:b,adjust:u},c),So(n,g,{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+ge(e,d.x,!1),y:l+ge(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())}mo.defaults={adjustScaleRange:!0,arrowHeads:{display:!1,end:Object.assign({},go),fill:!1,length:12,start:Object.assign({},go),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},mo.descriptors={arrowHeads:{start:{_fallback:!0},end:{_fallback:!0},_fallback:!0}},mo.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 mt("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),ma={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 me(n,t){return"start"===t?0:"end"===t?n:he(t)?pe(t)*n:n/2}function ge(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||"butt",n.setLineDash(t.borderDash),n.lineDashOffset=t.borderDashOffset,n.lineJoin=t.borderJoinStyle||"miter",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:ge(e.width,t.width),height:ge(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+me(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=ge(r,p),v=ge(s,p),m=[e,e+b,e+b,a],g=[o+v,i,o,i],y=[];for(let n=0;n<4;n++){const t=$e({x:m[n],y:g[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+ge(i,s)},d={x:c.x+l,y:c.y}):(c={x:e.x+ge(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-me(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 mo 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,m=po(f,e,p,u/o),g=po(f,e,p,1-h/o),y=new Path2D;n.beginPath(),y.moveTo(m.x,m.y),y.quadraticCurveTo(e.x,e.y,g.x,g.y),n.shadowColor=l.borderShadowColor,n.stroke(y),t.path=y,t.ctx=n,So(n,m,{angle:b,adjust:u},c),So(n,g,{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+ge(e,d.x,!1),y:l+ge(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())}mo.defaults={adjustScaleRange:!0,arrowHeads:{display:!1,end:Object.assign({},go),fill:!1,length:12,start:Object.assign({},go),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},mo.descriptors={arrowHeads:{start:{_fallback:!0},end:{_fallback:!0},_fallback:!0}},mo.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 mt("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),ma={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 af75182bd..4372c52d5 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.

+

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.

← →

- + diff --git a/master/guide/contributing.html b/master/guide/contributing.html index 21dbe3048..9183debe5 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).

- +
  • 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).

    + diff --git a/master/guide/developers.html b/master/guide/developers.html index 093bc5bde..1d6f95afa 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);
-

    +

    ← →

    - + diff --git a/master/guide/index.html b/master/guide/index.html index 454cffdc3..5265702dd 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).

    +

    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).

    Integration →

    - + diff --git a/master/guide/integration.html b/master/guide/integration.html index 15bde1b5a..00082c1b5 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);
-

    +

    ← →

    - + diff --git a/master/guide/migrationV1.html b/master/guide/migrationV1.html index 6cdbe2fb0..09e71eef9 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.

    +

    • '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.

    ←

    - + diff --git a/master/guide/migrationV2.html b/master/guide/migrationV2.html index 78088d587..6b0521011 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.

    +

    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.

    ← →

    - + diff --git a/master/guide/migrationV3.html b/master/guide/migrationV3.html index 5962d9e56..bd98e2b4e 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.

    +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.

    ← →

    - + diff --git a/master/guide/options.html b/master/guide/options.html index c2272bd9e..de2482f06 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.

    +};

    # 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.

    ← →

    - + diff --git a/master/guide/types/_commonInnerLabel.html b/master/guide/types/_commonInnerLabel.html index 7e4dd2a2f..8e599330a 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.

    - + (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.

    + diff --git a/master/guide/types/_commonOptions.html b/master/guide/types/_commonOptions.html index 3da110a9a..bd130a82e 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
    - + (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
    + diff --git a/master/guide/types/box.html b/master/guide/types/box.html index 99a256407..d898197b4 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.

    +};

    # 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.

    ← →

    - + diff --git a/master/guide/types/ellipse.html b/master/guide/types/ellipse.html index 923089d07..7a79f7697 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

    +};

    # 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

    ← →

    - + diff --git a/master/guide/types/label.html b/master/guide/types/label.html index 72339f214..fdd8db03b 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

    +};

    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

    ← →

    - + diff --git a/master/guide/types/line.html b/master/guide/types/line.html index f21652f9a..3a7024424 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.

    +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.

    ← →

    - + diff --git a/master/guide/types/point.html b/master/guide/types/point.html index 3f63b4c2f..4233384b5 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

    +};

    # 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

    ← →

    - + diff --git a/master/guide/types/polygon.html b/master/guide/types/polygon.html index 99b4fa6d1..1440c90f9 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

    +};

    # Element

    The following diagram is showing the element properties about a 'polygon' annotation:

    polygon

    ← →

    - + diff --git a/master/guide/usage.html b/master/guide/usage.html index fcbeb26c1..be7d874a7 100644 --- a/master/guide/usage.html +++ b/master/guide/usage.html @@ -7,7 +7,7 @@ - + @@ -91,7 +91,7 @@ } } } -};

    +};

    ← →

    - + diff --git a/master/index.html b/master/index.html index 874611cf2..928083e00 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 6dfdcef55..0215591d8 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]}) }] -};

    +};

    ← →

    - + diff --git a/master/samples/box/canvas.html b/master/samples/box/canvas.html index 7342362a2..a5bfa9870 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) }] -};

    +};

    ← →

    - + diff --git a/master/samples/box/disclosure.html b/master/samples/box/disclosure.html index 876d1680f..b610bf447 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) }] -};

    +};

    ← →

    - + diff --git a/master/samples/box/gradient.html b/master/samples/box/gradient.html index c33afe1b7..be4887979 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 }] -};

    +};

    ← →

    - + diff --git a/master/samples/box/image.html b/master/samples/box/image.html index 3f5fad239..a4d2e0f76 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) }] -};

    +};

    ← →

    - + diff --git a/master/samples/box/initAnim.html b/master/samples/box/initAnim.html index 86b16f830..1953fd2de 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) }] -};

    +};

    ← →

    - + diff --git a/master/samples/box/quarters.html b/master/samples/box/quarters.html index 4e4e92d8b..5c430c42b 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) }] -};

    +};

    ← →

    - + diff --git a/master/samples/charts/bar.html b/master/samples/charts/bar.html index a28fac4b1..11e5b142d 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), }] -};

    +};

    ← →

    - + diff --git a/master/samples/charts/line.html b/master/samples/charts/line.html index df322c3aa..4da771b14 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), }] -};

    +};

    ← →

    - + diff --git a/master/samples/ellipse/basic.html b/master/samples/ellipse/basic.html index 30020bfd9..57bcdfd36 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]}) }] -};

    +};

    ← →

    - + diff --git a/master/samples/ellipse/image.html b/master/samples/ellipse/image.html index 2a0c1f960..ec283dcaf 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) }] -};

    +};

    ← →

    - + diff --git a/master/samples/ellipse/label.html b/master/samples/ellipse/label.html index 497488861..f8f4168c5 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) }] -};

    +};

    ← →

    - + diff --git a/master/samples/ellipse/rotation.html b/master/samples/ellipse/rotation.html index c9e4adc28..34c3547c9 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 46f6dcf2e..20258085b 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 70147b50c..07ddc9b17 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 21a02bac6..cb4a06de0 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 45f2fd486..baeecdf44 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 6ac91f8f1..4b41fabb6 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 312ebf323..c90692bce 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 085f78d00..1a4a9f621 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 187222898..5e140e207 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 a24c5632e..06f621988 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 77d70bb57..c362bb1a2 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 1d8cd0a14..3ef3b10d9 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 a8be89e36..8e7548d94 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 7367b7823..24d3e92fe 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 613bdb0f0..d50f4d047 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 d9caa2f4b..b400e1f25 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 865218520..2d04ffb8b 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 ec7de2295..0cde620af 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 350b1b465..ab7fcedb9 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 97f876555..bd54da732 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 a3fd8784f..882c864e0 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 00839aa84..09eeb97d5 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 a9efce7d4..dbe9ca60a 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 6dbd96877..6b4a29b1d 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 6d117ac0b..072be55df 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 237e178aa..22363e121 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 370475691..bb1861bd1 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 353156219..5d45fa921 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 c6eefe941..2afefed5b 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 2b720b743..9c637a2ef 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 9c4a3aeb1..f881fe582 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 e0bf0465e..b031d4045 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 d7571a806..ca617e3b3 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 627eb8dbb..d36c66dfd 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 f2be7cb81..4f411a7bd 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 cbfa429a0..d23b0d5a4 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 be0b945a5..50e7e3bcb 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 1df6e8925..342170f83 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 2516646bc..4cc0c6c17 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)

    ←

    - +