diff --git a/master/404.html b/master/404.html index 3998da066..d6fd935e0 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 1314a4a3f..2971899af 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 093299188..dea2b0ade 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 eb1013d92..b947f2813 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 6e8324b63..a283222e5 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 8e2948256..97213eb17 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 a4a47d134..73e24bba2 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 9d51f8863..77aa88a4b 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 5cf6c277c..920f6c715 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 6848e0af5..86d6ba92e 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 65c1e025d..7386d859d 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 1b6beeb23..ec5282fc9 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 9622d56f5..83780820d 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 8445a2ca0..899cc6c20 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 cb9513bd7..0d8878cd9 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 49627d208..3f595cf8d 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 3234a5fb6..80b9355c7 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 4f06f7d56..36f638280 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 289c348e1..50288c0e9 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 f3402a5e8..17abfaf2e 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 af21f68e3..ec27a64ef 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 aaf14aea9..1adb79a4d 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 c206bde09..b726f214f 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 882b86cb6..82b248a76 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 d7107109a..3e4ab0fa2 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 a7430d05c..a8ea41fc3 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 446d96ee4..5c1982554 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 2557a5ce0..164625bcd 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 ce35e4244..b9b920785 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 22193bc76..8b9cf2c11 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/101.248c85ec.js b/master/assets/js/101.4e0d63b3.js similarity index 98% rename from master/assets/js/101.248c85ec.js rename to master/assets/js/101.4e0d63b3.js index 7453fa917..88b9faf9c 100644 --- a/master/assets/js/101.248c85ec.js +++ b/master/assets/js/101.4e0d63b3.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[101],{518:function(n,t,a){"use strict";a.r(t);var o=a(4),e=Object(o.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"shadow"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#shadow"}},[this._v("#")]),this._v(" Shadow")]),this._v(" "),n("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 8;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(5);\n\nconst labels = [];\nfor (let i = 0; i < DATA_COUNT; ++i) {\n labels.push('' + i);\n}\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: labels,\n datasets: [{\n data: Utils.numbers(numberCfg)\n }, {\n data: Utils.numbers(numberCfg)\n }, {\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'point',\n backgroundColor: 'rgba(0, 255, 255, 0.4)',\n backgroundShadowColor: 'black',\n borderColor: 'black',\n borderWidth: 3,\n scaleID: 'y',\n shadowBlur: 3,\n shadowOffsetX: 3,\n shadowOffsetY: 10,\n xValue: (ctx) => value(ctx, 0, 2, 'x'),\n yValue: (ctx) => value(ctx, 0, 2, 'y')\n};\n// \n\n// \nconst annotation2 = {\n type: 'point',\n backgroundColor: 'rgba(245, 245, 245, 0.5)',\n borderColor: 'red',\n borderShadowColor: 'gray',\n borderWidth: 5,\n pointStyle: 'triangle',\n radius: 25,\n scaleID: 'y',\n shadowBlur: 3,\n shadowOffsetX: 3,\n shadowOffsetY: 10,\n xValue: (ctx) => value(ctx, 1, 4, 'x'),\n yValue: (ctx) => value(ctx, 1, 4, 'y')\n};\n// \n\n// \nconst annotation3 = {\n type: 'point',\n borderColor: 'orange',\n borderShadowColor: 'black',\n borderWidth: 3,\n drawTime: 'beforeDraw',\n pointStyle: 'star',\n radius: 25,\n scaleID: 'y',\n shadowBlur: 3,\n shadowOffsetX: 3,\n shadowOffsetY: 10,\n xValue: (ctx) => value(ctx, 1, 6, 'x'),\n yValue: (ctx) => value(ctx, 1, 6, 'y')\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2,\n annotation3\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction value(ctx, datasetIndex, index, prop) {\n const meta = ctx.chart.getDatasetMeta(datasetIndex);\n const parsed = meta.controller.getParsed(index);\n return parsed ? parsed[prop] : NaN;\n}\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Add data',\n handler: function(chart) {\n chart.data.labels.push(chart.data.labels.length);\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.push(Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Remove data',\n handler: function(chart) {\n chart.data.labels.shift();\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.shift();\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config\n};\n"}})],1)}),[],!1,null,null,null);t.default=e.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[101],{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:"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.946a2041.js b/master/assets/js/102.00ff58b2.js similarity index 98% rename from master/assets/js/102.946a2041.js rename to master/assets/js/102.00ff58b2.js index 9822a8966..1543dfd36 100644 --- a/master/assets/js/102.946a2041.js +++ b/master/assets/js/102.00ff58b2.js @@ -1 +1 @@ -(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 +(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 diff --git a/master/assets/js/103.78ea1d29.js b/master/assets/js/103.839c7339.js similarity index 97% rename from master/assets/js/103.78ea1d29.js rename to master/assets/js/103.839c7339.js index e85d73396..e075114d2 100644 --- a/master/assets/js/103.78ea1d29.js +++ b/master/assets/js/103.839c7339.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[103],{520:function(n,t,a){"use strict";a.r(t);var o=a(4),e=Object(o.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"polygons-outside-of-chart-area"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#polygons-outside-of-chart-area"}},[this._v("#")]),this._v(" Polygons outside of chart area")]),this._v(" "),n("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 12;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(8);\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }, {\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'line',\n borderColor: 'lime',\n borderWidth: 2,\n scaleID: 'x',\n value: 3\n};\n// \n\n// \nconst annotation2 = {\n type: 'polygon',\n backgroundColor: 'lime',\n borderColor: 'black',\n borderWidth: 1,\n radius: 15,\n sides: 5,\n xValue: 3,\n xScaleID: 'x',\n yAdjust: 5,\n yValue: 0,\n yScaleID: 'y'\n};\n// \n\n// \nconst annotation3 = {\n type: 'polygon',\n backgroundColor: 'lime',\n borderColor: 'black',\n borderWidth: 1,\n pointStyle: 'triangle',\n radius: 15,\n rotation: 180,\n sides: 5,\n xValue: 3,\n xScaleID: 'x',\n yAdjust: -5,\n yValue: 100,\n yScaleID: 'y'\n};\n// \n\n/* */\nconst config = {\n type: 'bar',\n data,\n options: {\n layout: {\n padding: {\n top: 20\n }\n },\n scale: {\n y: {\n beginAtZero: true,\n max: 100,\n min: 0\n }\n },\n plugins: {\n annotation: {\n clip: false,\n common: {\n drawTime: 'afterDraw'\n },\n annotations: {\n annotation1,\n annotation2,\n annotation3\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n const xValue = Utils.rand(0, DATA_COUNT - 1);\n chart.options.plugins.annotation.annotations.annotation1.value = xValue;\n chart.options.plugins.annotation.annotations.annotation2.xValue = xValue;\n chart.options.plugins.annotation.annotations.annotation3.xValue = xValue;\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n"}})],1)}),[],!1,null,null,null);t.default=e.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[103],{521:function(n,t,a){"use strict";a.r(t);var o=a(4),e=Object(o.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"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.fded2a31.js b/master/assets/js/105.5036ace0.js similarity index 98% rename from master/assets/js/105.fded2a31.js rename to master/assets/js/105.5036ace0.js index 1f8983afb..3d0f31da5 100644 --- a/master/assets/js/105.fded2a31.js +++ b/master/assets/js/105.5036ace0.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[105],{521:function(n,t,a){"use strict";a.r(t);var o=a(4),e=Object(o.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"stop"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#stop"}},[this._v("#")]),this._v(" Stop")]),this._v(" "),n("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 8;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(5);\n\nconst labels = [];\nfor (let i = 0; i < DATA_COUNT; ++i) {\n labels.push('' + i);\n}\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: labels,\n datasets: [{\n data: Utils.numbers(numberCfg)\n }, {\n data: Utils.numbers(numberCfg)\n }, {\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'polygon',\n backgroundColor: 'white',\n borderColor: 'red',\n borderJoinStyle: 'round',\n borderWidth: 7,\n radius: 40,\n rotation: 180,\n xValue: (ctx) => value(ctx, 0, 2, 'x'),\n yValue: (ctx) => value(ctx, 0, 2, 'y')\n};\n// \n\n// \nconst annotation2 = {\n type: 'polygon',\n backgroundColor: 'white',\n borderColor: 'red',\n borderJoinStyle: 'round',\n borderWidth: 7,\n radius: 40,\n xValue: (ctx) => value(ctx, 0, 4, 'x'),\n yValue: (ctx) => value(ctx, 0, 4, 'y')\n};\n// \n\n// \nconst annotation3 = {\n type: 'label',\n color: 'black',\n content: '!',\n font: {\n size: 40,\n family: 'Arial',\n weight: 'bold'\n },\n xValue: (ctx) => value(ctx, 0, 4, 'x'),\n yValue: (ctx) => value(ctx, 0, 4, 'y')\n};\n// \n\n// \nconst annotation4 = {\n type: 'polygon',\n backgroundColor: 'red',\n borderColor: 'white',\n borderWidth: 4,\n radius: 40,\n rotation: 22.5,\n sides: 8,\n xValue: (ctx) => value(ctx, 0, 6, 'x'),\n yValue: (ctx) => value(ctx, 0, 6, 'y')\n};\n// \n\n// \nconst annotation5 = {\n type: 'label',\n color: 'white',\n content: 'STOP',\n font: {\n size: 24\n },\n xValue: (ctx) => value(ctx, 0, 6, 'x'),\n yValue: (ctx) => value(ctx, 0, 6, 'y')\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n y: {\n beginAtZero: true,\n max: 120,\n min: 0\n }\n },\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2,\n annotation3,\n annotation4,\n annotation5\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction value(ctx, datasetIndex, index, prop) {\n const meta = ctx.chart.getDatasetMeta(datasetIndex);\n const parsed = meta.controller.getParsed(index);\n return parsed ? parsed[prop] : NaN;\n}\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Add data',\n handler: function(chart) {\n chart.data.labels.push(chart.data.labels.length);\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.push(Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Remove data',\n handler: function(chart) {\n chart.data.labels.shift();\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.shift();\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config\n};\n"}})],1)}),[],!1,null,null,null);t.default=e.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[105],{522:function(n,t,a){"use strict";a.r(t);var o=a(4),e=Object(o.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"stop"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#stop"}},[this._v("#")]),this._v(" Stop")]),this._v(" "),n("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 8;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(5);\n\nconst labels = [];\nfor (let i = 0; i < DATA_COUNT; ++i) {\n labels.push('' + i);\n}\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: labels,\n datasets: [{\n data: Utils.numbers(numberCfg)\n }, {\n data: Utils.numbers(numberCfg)\n }, {\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'polygon',\n backgroundColor: 'white',\n borderColor: 'red',\n borderJoinStyle: 'round',\n borderWidth: 7,\n radius: 40,\n rotation: 180,\n xValue: (ctx) => value(ctx, 0, 2, 'x'),\n yValue: (ctx) => value(ctx, 0, 2, 'y')\n};\n// \n\n// \nconst annotation2 = {\n type: 'polygon',\n backgroundColor: 'white',\n borderColor: 'red',\n borderJoinStyle: 'round',\n borderWidth: 7,\n radius: 40,\n xValue: (ctx) => value(ctx, 0, 4, 'x'),\n yValue: (ctx) => value(ctx, 0, 4, 'y')\n};\n// \n\n// \nconst annotation3 = {\n type: 'label',\n color: 'black',\n content: '!',\n font: {\n size: 40,\n family: 'Arial',\n weight: 'bold'\n },\n xValue: (ctx) => value(ctx, 0, 4, 'x'),\n yValue: (ctx) => value(ctx, 0, 4, 'y')\n};\n// \n\n// \nconst annotation4 = {\n type: 'polygon',\n backgroundColor: 'red',\n borderColor: 'white',\n borderWidth: 4,\n radius: 40,\n rotation: 22.5,\n sides: 8,\n xValue: (ctx) => value(ctx, 0, 6, 'x'),\n yValue: (ctx) => value(ctx, 0, 6, 'y')\n};\n// \n\n// \nconst annotation5 = {\n type: 'label',\n color: 'white',\n content: 'STOP',\n font: {\n size: 24\n },\n xValue: (ctx) => value(ctx, 0, 6, 'x'),\n yValue: (ctx) => value(ctx, 0, 6, 'y')\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n y: {\n beginAtZero: true,\n max: 120,\n min: 0\n }\n },\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2,\n annotation3,\n annotation4,\n annotation5\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction value(ctx, datasetIndex, index, prop) {\n const meta = ctx.chart.getDatasetMeta(datasetIndex);\n const parsed = meta.controller.getParsed(index);\n return parsed ? parsed[prop] : NaN;\n}\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Add data',\n handler: function(chart) {\n chart.data.labels.push(chart.data.labels.length);\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.push(Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Remove data',\n handler: function(chart) {\n chart.data.labels.shift();\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.shift();\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config\n};\n"}})],1)}),[],!1,null,null,null);t.default=e.exports}}]); \ No newline at end of file diff --git a/master/assets/js/106.eb4cdb2a.js b/master/assets/js/106.e8e3360f.js similarity index 99% rename from master/assets/js/106.eb4cdb2a.js rename to master/assets/js/106.e8e3360f.js index 7d735657b..5d662de83 100644 --- a/master/assets/js/106.eb4cdb2a.js +++ b/master/assets/js/106.e8e3360f.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[106],{522: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/11.a1c3f303.js b/master/assets/js/11.b19b88df.js similarity index 99% rename from master/assets/js/11.a1c3f303.js rename to master/assets/js/11.b19b88df.js index 2eab59749..19a3e10e2 100644 --- a/master/assets/js/11.a1c3f303.js +++ b/master/assets/js/11.b19b88df.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[11],{263:function(t,e,o){t.exports=o.p+"assets/img/elementLabelProps.97ea168e.png"},467:function(t,e,o){"use strict";o.r(e);var n=o(4),a=Object(n.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"label-annotations"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#label-annotations"}},[t._v("#")]),t._v(" Label Annotations")]),t._v(" "),e("p",[t._v("Label annotations are used to add contents on the chart area. This can be useful for describing values that are of interest.")]),t._v(" "),e("chart-editor",{attrs:{code:"/* */\nconst options = {\n plugins: {\n annotation: {\n annotations: {\n label1: {\n type: 'label',\n xValue: 2.5,\n yValue: 60,\n backgroundColor: 'rgba(245,245,245)',\n content: ['This is my text', 'This is my text, second line'],\n font: {\n size: 18\n }\n }\n }\n }\n }\n};\n/* */\n\n/* */\nconst config = {\n type: 'line',\n data: {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\n datasets: [{\n label: 'My First Dataset',\n data: [65, 59, 80, 81, 56, 55, 40],\n fill: false,\n borderColor: 'rgb(75, 192, 192)',\n tension: 0.1\n }]\n },\n options\n};\n/* */\n\nmodule.exports = {\n config\n};\n"}}),e("h2",{attrs:{id:"configuration"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#configuration"}},[t._v("#")]),t._v(" Configuration")]),t._v(" "),e("h3",{attrs:{id:"label-annotation-specific-options"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#label-annotation-specific-options"}},[t._v("#")]),t._v(" Label annotation specific options")]),t._v(" "),e("p",[t._v("The following options are available for label annotations.")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"center"}},[e("RouterLink",{attrs:{to:"/guide/options.html#scriptable-options"}},[t._v("Scriptable")])],1),t._v(" "),e("th",[t._v("Default")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("backgroundShadowColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#color"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'transparent'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderCapStyle")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'butt'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderJoinStyle")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'miter'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#borderradius"}},[e("code",[t._v("borderRadius")])])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v(" | "),e("code",[t._v("object")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderWidth")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#callout"}},[e("code",[t._v("callout")])])]),t._v(" "),e("td",[e("code",[t._v("object")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td")]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("color")])])]),t._v(" "),e("td",[e("a",{attrs:{href:"../options#color"}},[e("code",[t._v("Color")]),t._v("|"),e("code",[t._v("Color[]")])])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'black'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("content")])])]),t._v(" "),e("td",[e("code",[t._v("string")]),t._v("|"),e("code",[t._v("string[]")]),t._v("|"),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/Image",target:"_blank",rel:"noopener noreferrer"}},[e("code",[t._v("Image")]),e("OutboundLink")],1),t._v("|"),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement",target:"_blank",rel:"noopener noreferrer"}},[e("code",[t._v("HTMLCanvasElement")]),e("OutboundLink")],1)]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("null")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("font")])])]),t._v(" "),e("td",[e("a",{attrs:{href:"../options#font"}},[e("code",[t._v("Font")]),t._v("|"),e("code",[t._v("Font[]")])])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("{}")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("height")])])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v("|"),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("opacity")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("padding")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#padding"}},[e("code",[t._v("Padding")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("6")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#position"}},[e("code",[t._v("position")])])]),t._v(" "),e("td",[e("code",[t._v("string")]),t._v("|"),e("code",[t._v("{x: string, y: string}")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'center'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("rotation")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("textAlign")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'center'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("textStrokeColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#color"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("textStrokeWidth")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("width")])])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v("|"),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("xAdjust")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("xValue")])])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v(" | "),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("yAdjust")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("yValue")])])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v(" | "),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])])])]),t._v(" "),e("h3",{attrs:{id:"common-options-to-all-annotations"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#common-options-to-all-annotations"}},[t._v("#")]),t._v(" Common options to all annotations")]),t._v(" "),e("p",[t._v("The following options are available for all annotations.")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"center"}},[e("RouterLink",{attrs:{to:"/guide/options.html#scriptable-options"}},[t._v("Scriptable")])],1),t._v(" "),e("th",[t._v("Default")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("adjustScaleRange")])])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("true")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("backgroundColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#color"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("options.color")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#color"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("options.color")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderDash")])])]),t._v(" "),e("td",[e("code",[t._v("number[]")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("[]")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderDashOffset")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderShadowColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#color"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'transparent'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("display")])])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("true")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("drawTime")])])]),t._v(" "),e("td",[e("code",[t._v("string")]),t._v("|"),e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'afterDatasetsDraw'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("hitTolerance")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("RouterLink",{attrs:{to:"/guide/configuration.html#common"}},[e("code",[t._v("init")])])],1),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("RouterLink",{attrs:{to:"/guide/configuration.html#initial-animation"}},[t._v("See initial animation")])],1),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("id")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("No")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("shadowBlur")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("shadowOffsetX")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("shadowOffsetY")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("xMax")])])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v(" | "),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("xMin")])])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v(" | "),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("xScaleID")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("yMin")])])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v(" | "),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("yMax")])])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v(" | "),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("yScaleID")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("z")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])])])]),t._v(" "),e("h3",{attrs:{id:"general"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#general"}},[t._v("#")]),t._v(" General")]),t._v(" "),e("p",[t._v("If one of the axes does not match an axis in the chart, the content will be rendered in the center of the chart. The 2 coordinates, xValue, yValue are optional. If not specified, the content will be rendered in the center of the scale dimension.")]),t._v(" "),e("p",[t._v("The 4 coordinates, xMin, xMax, yMin, yMax are optional. If not specified, the box is expanded out to the edges in the respective direction and the box size is used to calculated the center of the point.")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("adjustScaleRange")])]),t._v(" "),e("td",[t._v("Should the scale range be adjusted if this annotation is out of range.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("content")])]),t._v(" "),e("td",[t._v("The content to show in the text annotation.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("display")])]),t._v(" "),e("td",[t._v("Whether or not this annotation is visible.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("drawTime")])]),t._v(" "),e("td",[t._v("See "),e("RouterLink",{attrs:{to:"/guide/options.html#draw-time"}},[t._v("drawTime")]),t._v(".")],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("height")])]),t._v(" "),e("td",[t._v("Overrides the height of the image or canvas element. Could be set in pixel by a number, or in percentage of current height of image or canvas element by a string. If undefined, uses the height of the image or canvas element. It is used only when the content is an image or canvas element.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("hitTolerance")])]),t._v(" "),e("td",[t._v("Amount of pixels to interact with annotations within some distance of the mouse point.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("id")])]),t._v(" "),e("td",[t._v("Identifies a unique id for the annotation and it will be stored in the element context. When the annotations are defined by an object, the id is automatically set using the key used to store the annotations in the object. When the annotations are configured by an array, the id, passed by this option in the annotation, will be used.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("padding")])]),t._v(" "),e("td",[t._v("The padding to add around the text label.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("rotation")])]),t._v(" "),e("td",[t._v("Rotation of the label in degrees.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("textAlign")])]),t._v(" "),e("td",[t._v("Text alignment of label content when there's more than one line. Possible options are: "),e("code",[t._v("'left'")]),t._v(", "),e("code",[t._v("'start'")]),t._v(", "),e("code",[t._v("'center'")]),t._v(", "),e("code",[t._v("'end'")]),t._v(", "),e("code",[t._v("'right'")]),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("width")])]),t._v(" "),e("td",[t._v("Overrides the width of the image or canvas element. Could be set in pixel by a number, or in percentage of current width of image or canvas element by a string. If undefined, uses the width of the image or canvas element. It is used only when the content is an image or canvas element.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("xAdjust")])]),t._v(" "),e("td",[t._v("Adjustment along x-axis (left-right) of label relative to computed position. Negative values move the label left, positive right.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("xMax")])]),t._v(" "),e("td",[t._v("Right edge of the box in units along the x axis.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("xMin")])]),t._v(" "),e("td",[t._v("Left edge of the box in units along the x axis.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("xScaleID")])]),t._v(" "),e("td",[t._v("ID of the X scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as "),e("code",[t._v("'x'")]),t._v(" axis. If more than one scale has been defined in the chart as "),e("code",[t._v("'x'")]),t._v(" axis, the option is mandatory to select the right scale.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("xValue")])]),t._v(" "),e("td",[t._v("X coordinate of the point in units along the x axis.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("yAdjust")])]),t._v(" "),e("td",[t._v("Adjustment along y-axis (top-bottom) of label relative to computed position. Negative values move the label up, positive down.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("yMax")])]),t._v(" "),e("td",[t._v("Bottom edge of the box in units along the y axis.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("yMin")])]),t._v(" "),e("td",[t._v("Top edge of the box in units along the y axis.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("yScaleID")])]),t._v(" "),e("td",[t._v("ID of the Y scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as "),e("code",[t._v("'y'")]),t._v(" axis. If more than one scale has been defined in the chart as "),e("code",[t._v("'y'")]),t._v(" axis, the option is mandatory to select the right scale.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("yValue")])]),t._v(" "),e("td",[t._v("Y coordinate of the point in units along the y axis.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("z")])]),t._v(" "),e("td",[t._v("The "),e("code",[t._v("z")]),t._v(" property determines the drawing stack level of the label annotation element. All visible elements will be drawn in ascending order of "),e("code",[t._v("z")]),t._v(" option, with the same "),e("code",[t._v("drawTime")]),t._v(" option.")])])])]),t._v(" "),e("h3",{attrs:{id:"styling"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#styling"}},[t._v("#")]),t._v(" Styling")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("backgroundColor")])]),t._v(" "),e("td",[t._v("Fill color.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("backgroundShadowColor")])]),t._v(" "),e("td",[t._v("The color of shadow. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowColor",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderCapStyle")])]),t._v(" "),e("td",[t._v("Cap style of the border line. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineCap",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderColor")])]),t._v(" "),e("td",[t._v("Stroke color.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderDash")])]),t._v(" "),e("td",[t._v("Length and spacing of dashes. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/setLineDash",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderDashOffset")])]),t._v(" "),e("td",[t._v("Offset for border line dashes. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineDashOffset",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderJoinStyle")])]),t._v(" "),e("td",[t._v("Border line join style. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineJoin",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderShadowColor")])]),t._v(" "),e("td",[t._v("The color of the border shadow. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowColor",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderWidth")])]),t._v(" "),e("td",[t._v("Stroke width (in pixels).")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("color")])]),t._v(" "),e("td",[t._v("Text color. When the label to draw has multiple lines, you can use different color for each line of the label. This is enabled configuring an array of colors. When the lines are more than the configured colors, the last configuration of this option is used for all remaining lines.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("font")])]),t._v(" "),e("td",[t._v("Text font. When the label to draw has multiple lines, you can use different font for each line of the label. This is enabled configuring an array of fonts. When the lines are more than the configured fonts, the last configuration of this option is used for all remaining lines.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("opacity")])]),t._v(" "),e("td",[t._v("Overrides the opacity of the image or canvas element. Could be set a number in the range 0.0 to 1.0, inclusive. If undefined, uses the opacity of the image or canvas element. It is used only when the content is an image or canvas element.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("shadowBlur")])]),t._v(" "),e("td",[t._v("The amount of blur applied to shadow of the box where the label is located. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowBlur",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("shadowOffsetX")])]),t._v(" "),e("td",[t._v("The distance that shadow, of the box where the label is located, will be offset horizontally. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowOffsetX",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("shadowOffsetY")])]),t._v(" "),e("td",[t._v("The distance that shadow, of the box where the label is located, will be offset vertically. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowOffsetY",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("textStrokeColor")])]),t._v(" "),e("td",[t._v("The color of the stroke around the text.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("textStrokeWidth")])]),t._v(" "),e("td",[t._v("Stroke width around the text.")])])])]),t._v(" "),e("h3",{attrs:{id:"position"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#position"}},[t._v("#")]),t._v(" Position")]),t._v(" "),e("p",[t._v("A position can be set in 2 different values types:")]),t._v(" "),e("ol",[e("li",[e("code",[t._v("'start'")]),t._v(", "),e("code",[t._v("'center'")]),t._v(", "),e("code",[t._v("'end'")]),t._v(" which are defining where the label will be located")]),t._v(" "),e("li",[t._v("a "),e("code",[t._v("string")]),t._v(", in percentage format "),e("code",[t._v("'number%'")]),t._v(", is representing the percentage on the size where the label will be located")])]),t._v(" "),e("p",[t._v("If this value is a string (possible options are "),e("code",[t._v("'start'")]),t._v(", "),e("code",[t._v("'center'")]),t._v(", "),e("code",[t._v("'end'")]),t._v(" or a string in percentage format), it is applied to vertical and horizontal position in the box.")]),t._v(" "),e("p",[t._v("If this value is an object, the "),e("code",[t._v("x")]),t._v(" property defines the horizontal alignment in the label, with respect to the selected point. Similarly, the "),e("code",[t._v("y")]),t._v(" property defines the vertical alignment in the label, with respect to the selected point. Possible options for both properties are "),e("code",[t._v("'start'")]),t._v(", "),e("code",[t._v("'center'")]),t._v(", "),e("code",[t._v("'end'")]),t._v(", a string in percentage format. Omitted property have value of the default, "),e("code",[t._v("'center'")]),t._v(".")]),t._v(" "),e("h4",{attrs:{id:"borderradius"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#borderradius"}},[t._v("#")]),t._v(" borderRadius")]),t._v(" "),e("p",[t._v("If this value is a number, it is applied to all corners of the rectangle (topLeft, topRight, bottomLeft, bottomRight). If this value is an object, the "),e("code",[t._v("topLeft")]),t._v(" property defines the top-left corners border radius. Similarly, the "),e("code",[t._v("topRight")]),t._v(", "),e("code",[t._v("bottomLeft")]),t._v(", and "),e("code",[t._v("bottomRight")]),t._v(" properties can also be specified. Omitted corners have radius of 0.")]),t._v(" "),e("h2",{attrs:{id:"callout"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#callout"}},[t._v("#")]),t._v(" Callout")]),t._v(" "),e("p",[t._v("A callout connects the label by a line to the selected point.")]),t._v(" "),e("p",[t._v("Namespace: "),e("code",[t._v("options.annotations[annotationID].callout")]),t._v(", it defines options for the callout on the annotation label.")]),t._v(" "),e("chart-editor",{attrs:{code:"/* */\nconst options = {\n plugins: {\n annotation: {\n annotations: {\n label1: {\n type: 'label',\n xValue: 2.5,\n yValue: 60,\n xAdjust: 290,\n yAdjust: -100,\n backgroundColor: 'rgba(245,245,245)',\n content: ['In this point of time,', 'something happened'],\n textAlign: 'start',\n font: {\n size: 18\n },\n callout: {\n display: true,\n side: 10\n }\n }\n }\n }\n }\n};\n/* */\n\n/* */\nconst config = {\n type: 'line',\n data: {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\n datasets: [{\n label: 'My First Dataset',\n data: [65, 59, 80, 81, 56, 55, 40],\n fill: false,\n borderColor: 'rgb(75, 192, 192)',\n tension: 0.1\n }]\n },\n options\n};\n/* */\n\nmodule.exports = {\n config\n};\n"}}),e("p",[t._v("All of these options can be "),e("RouterLink",{attrs:{to:"/guide/options.html#scriptable-options"}},[t._v("Scriptable")]),t._v(".")],1),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"center"}},[t._v("Default")]),t._v(" "),e("th",[t._v("Notes")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("borderCapStyle")])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("'butt'")])]),t._v(" "),e("td",[t._v("Cap style of the border line of callout. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineCap",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderColor")])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#color"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("undefined")])]),t._v(" "),e("td",[t._v("Stroke color of the pointer of the callout.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderDash")])]),t._v(" "),e("td",[e("code",[t._v("number[]")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("[]")])]),t._v(" "),e("td",[t._v("Length and spacing of dashes of callout. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/setLineDash",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderDashOffset")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("0")])]),t._v(" "),e("td",[t._v("Offset for line dashes of callout. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineDashOffset",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderJoinStyle")])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("'miter'")])]),t._v(" "),e("td",[t._v("Border line join style of the callout. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineJoin",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderWidth")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("1")])]),t._v(" "),e("td",[t._v("Stroke width of the pointer of the callout.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("display")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("false")])]),t._v(" "),e("td",[t._v("If true, the callout is drawn.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("margin")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("5")])]),t._v(" "),e("td",[t._v("Amount of pixels between the label and the callout separator.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("position")])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("'auto'")])]),t._v(" "),e("td",[t._v("The position of callout, with respect to the label. Could be "),e("code",[t._v("left")]),t._v(", "),e("code",[t._v("top")]),t._v(", "),e("code",[t._v("right")]),t._v(", "),e("code",[t._v("bottom")]),t._v(" or "),e("code",[t._v("auto")]),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("side")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("5")])]),t._v(" "),e("td",[t._v("Width of the starter line of callout pointer.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("start")])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v("|"),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("'50%'")])]),t._v(" "),e("td",[t._v("The percentage of the separator dimension to use as starting point for callout pointer. Could be set in pixel by a number, or in percentage of the separator dimension by a string.")])])])]),t._v(" "),e("h2",{attrs:{id:"element"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#element"}},[t._v("#")]),t._v(" Element")]),t._v(" "),e("p",[t._v("The following diagram is showing the element properties about a "),e("code",[t._v("'label'")]),t._v(" annotation:")]),t._v(" "),e("p",[e("img",{attrs:{src:o(263),alt:"label"}})])],1)}),[],!1,null,null,null);e.default=a.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[11],{263:function(t,e,o){t.exports=o.p+"assets/img/elementLabelProps.97ea168e.png"},468:function(t,e,o){"use strict";o.r(e);var n=o(4),a=Object(n.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"label-annotations"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#label-annotations"}},[t._v("#")]),t._v(" Label Annotations")]),t._v(" "),e("p",[t._v("Label annotations are used to add contents on the chart area. This can be useful for describing values that are of interest.")]),t._v(" "),e("chart-editor",{attrs:{code:"/* */\nconst options = {\n plugins: {\n annotation: {\n annotations: {\n label1: {\n type: 'label',\n xValue: 2.5,\n yValue: 60,\n backgroundColor: 'rgba(245,245,245)',\n content: ['This is my text', 'This is my text, second line'],\n font: {\n size: 18\n }\n }\n }\n }\n }\n};\n/* */\n\n/* */\nconst config = {\n type: 'line',\n data: {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\n datasets: [{\n label: 'My First Dataset',\n data: [65, 59, 80, 81, 56, 55, 40],\n fill: false,\n borderColor: 'rgb(75, 192, 192)',\n tension: 0.1\n }]\n },\n options\n};\n/* */\n\nmodule.exports = {\n config\n};\n"}}),e("h2",{attrs:{id:"configuration"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#configuration"}},[t._v("#")]),t._v(" Configuration")]),t._v(" "),e("h3",{attrs:{id:"label-annotation-specific-options"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#label-annotation-specific-options"}},[t._v("#")]),t._v(" Label annotation specific options")]),t._v(" "),e("p",[t._v("The following options are available for label annotations.")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"center"}},[e("RouterLink",{attrs:{to:"/guide/options.html#scriptable-options"}},[t._v("Scriptable")])],1),t._v(" "),e("th",[t._v("Default")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("backgroundShadowColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#color"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'transparent'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderCapStyle")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'butt'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderJoinStyle")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'miter'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#borderradius"}},[e("code",[t._v("borderRadius")])])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v(" | "),e("code",[t._v("object")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderWidth")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#callout"}},[e("code",[t._v("callout")])])]),t._v(" "),e("td",[e("code",[t._v("object")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td")]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("color")])])]),t._v(" "),e("td",[e("a",{attrs:{href:"../options#color"}},[e("code",[t._v("Color")]),t._v("|"),e("code",[t._v("Color[]")])])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'black'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("content")])])]),t._v(" "),e("td",[e("code",[t._v("string")]),t._v("|"),e("code",[t._v("string[]")]),t._v("|"),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/Image",target:"_blank",rel:"noopener noreferrer"}},[e("code",[t._v("Image")]),e("OutboundLink")],1),t._v("|"),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement",target:"_blank",rel:"noopener noreferrer"}},[e("code",[t._v("HTMLCanvasElement")]),e("OutboundLink")],1)]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("null")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("font")])])]),t._v(" "),e("td",[e("a",{attrs:{href:"../options#font"}},[e("code",[t._v("Font")]),t._v("|"),e("code",[t._v("Font[]")])])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("{}")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("height")])])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v("|"),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("opacity")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("padding")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#padding"}},[e("code",[t._v("Padding")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("6")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#position"}},[e("code",[t._v("position")])])]),t._v(" "),e("td",[e("code",[t._v("string")]),t._v("|"),e("code",[t._v("{x: string, y: string}")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'center'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("rotation")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("textAlign")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'center'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("textStrokeColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#color"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("textStrokeWidth")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("width")])])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v("|"),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("xAdjust")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("xValue")])])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v(" | "),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("yAdjust")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("yValue")])])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v(" | "),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])])])]),t._v(" "),e("h3",{attrs:{id:"common-options-to-all-annotations"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#common-options-to-all-annotations"}},[t._v("#")]),t._v(" Common options to all annotations")]),t._v(" "),e("p",[t._v("The following options are available for all annotations.")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"center"}},[e("RouterLink",{attrs:{to:"/guide/options.html#scriptable-options"}},[t._v("Scriptable")])],1),t._v(" "),e("th",[t._v("Default")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("adjustScaleRange")])])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("true")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("backgroundColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#color"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("options.color")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#color"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("options.color")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderDash")])])]),t._v(" "),e("td",[e("code",[t._v("number[]")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("[]")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderDashOffset")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderShadowColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#color"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'transparent'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("display")])])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("true")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("drawTime")])])]),t._v(" "),e("td",[e("code",[t._v("string")]),t._v("|"),e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'afterDatasetsDraw'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("hitTolerance")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("RouterLink",{attrs:{to:"/guide/configuration.html#common"}},[e("code",[t._v("init")])])],1),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("RouterLink",{attrs:{to:"/guide/configuration.html#initial-animation"}},[t._v("See initial animation")])],1),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("id")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("No")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("shadowBlur")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("shadowOffsetX")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("shadowOffsetY")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("xMax")])])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v(" | "),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("xMin")])])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v(" | "),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("xScaleID")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("yMin")])])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v(" | "),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("yMax")])])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v(" | "),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("yScaleID")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("z")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])])])]),t._v(" "),e("h3",{attrs:{id:"general"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#general"}},[t._v("#")]),t._v(" General")]),t._v(" "),e("p",[t._v("If one of the axes does not match an axis in the chart, the content will be rendered in the center of the chart. The 2 coordinates, xValue, yValue are optional. If not specified, the content will be rendered in the center of the scale dimension.")]),t._v(" "),e("p",[t._v("The 4 coordinates, xMin, xMax, yMin, yMax are optional. If not specified, the box is expanded out to the edges in the respective direction and the box size is used to calculated the center of the point.")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("adjustScaleRange")])]),t._v(" "),e("td",[t._v("Should the scale range be adjusted if this annotation is out of range.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("content")])]),t._v(" "),e("td",[t._v("The content to show in the text annotation.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("display")])]),t._v(" "),e("td",[t._v("Whether or not this annotation is visible.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("drawTime")])]),t._v(" "),e("td",[t._v("See "),e("RouterLink",{attrs:{to:"/guide/options.html#draw-time"}},[t._v("drawTime")]),t._v(".")],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("height")])]),t._v(" "),e("td",[t._v("Overrides the height of the image or canvas element. Could be set in pixel by a number, or in percentage of current height of image or canvas element by a string. If undefined, uses the height of the image or canvas element. It is used only when the content is an image or canvas element.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("hitTolerance")])]),t._v(" "),e("td",[t._v("Amount of pixels to interact with annotations within some distance of the mouse point.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("id")])]),t._v(" "),e("td",[t._v("Identifies a unique id for the annotation and it will be stored in the element context. When the annotations are defined by an object, the id is automatically set using the key used to store the annotations in the object. When the annotations are configured by an array, the id, passed by this option in the annotation, will be used.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("padding")])]),t._v(" "),e("td",[t._v("The padding to add around the text label.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("rotation")])]),t._v(" "),e("td",[t._v("Rotation of the label in degrees.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("textAlign")])]),t._v(" "),e("td",[t._v("Text alignment of label content when there's more than one line. Possible options are: "),e("code",[t._v("'left'")]),t._v(", "),e("code",[t._v("'start'")]),t._v(", "),e("code",[t._v("'center'")]),t._v(", "),e("code",[t._v("'end'")]),t._v(", "),e("code",[t._v("'right'")]),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("width")])]),t._v(" "),e("td",[t._v("Overrides the width of the image or canvas element. Could be set in pixel by a number, or in percentage of current width of image or canvas element by a string. If undefined, uses the width of the image or canvas element. It is used only when the content is an image or canvas element.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("xAdjust")])]),t._v(" "),e("td",[t._v("Adjustment along x-axis (left-right) of label relative to computed position. Negative values move the label left, positive right.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("xMax")])]),t._v(" "),e("td",[t._v("Right edge of the box in units along the x axis.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("xMin")])]),t._v(" "),e("td",[t._v("Left edge of the box in units along the x axis.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("xScaleID")])]),t._v(" "),e("td",[t._v("ID of the X scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as "),e("code",[t._v("'x'")]),t._v(" axis. If more than one scale has been defined in the chart as "),e("code",[t._v("'x'")]),t._v(" axis, the option is mandatory to select the right scale.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("xValue")])]),t._v(" "),e("td",[t._v("X coordinate of the point in units along the x axis.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("yAdjust")])]),t._v(" "),e("td",[t._v("Adjustment along y-axis (top-bottom) of label relative to computed position. Negative values move the label up, positive down.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("yMax")])]),t._v(" "),e("td",[t._v("Bottom edge of the box in units along the y axis.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("yMin")])]),t._v(" "),e("td",[t._v("Top edge of the box in units along the y axis.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("yScaleID")])]),t._v(" "),e("td",[t._v("ID of the Y scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as "),e("code",[t._v("'y'")]),t._v(" axis. If more than one scale has been defined in the chart as "),e("code",[t._v("'y'")]),t._v(" axis, the option is mandatory to select the right scale.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("yValue")])]),t._v(" "),e("td",[t._v("Y coordinate of the point in units along the y axis.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("z")])]),t._v(" "),e("td",[t._v("The "),e("code",[t._v("z")]),t._v(" property determines the drawing stack level of the label annotation element. All visible elements will be drawn in ascending order of "),e("code",[t._v("z")]),t._v(" option, with the same "),e("code",[t._v("drawTime")]),t._v(" option.")])])])]),t._v(" "),e("h3",{attrs:{id:"styling"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#styling"}},[t._v("#")]),t._v(" Styling")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("backgroundColor")])]),t._v(" "),e("td",[t._v("Fill color.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("backgroundShadowColor")])]),t._v(" "),e("td",[t._v("The color of shadow. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowColor",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderCapStyle")])]),t._v(" "),e("td",[t._v("Cap style of the border line. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineCap",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderColor")])]),t._v(" "),e("td",[t._v("Stroke color.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderDash")])]),t._v(" "),e("td",[t._v("Length and spacing of dashes. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/setLineDash",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderDashOffset")])]),t._v(" "),e("td",[t._v("Offset for border line dashes. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineDashOffset",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderJoinStyle")])]),t._v(" "),e("td",[t._v("Border line join style. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineJoin",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderShadowColor")])]),t._v(" "),e("td",[t._v("The color of the border shadow. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowColor",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderWidth")])]),t._v(" "),e("td",[t._v("Stroke width (in pixels).")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("color")])]),t._v(" "),e("td",[t._v("Text color. When the label to draw has multiple lines, you can use different color for each line of the label. This is enabled configuring an array of colors. When the lines are more than the configured colors, the last configuration of this option is used for all remaining lines.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("font")])]),t._v(" "),e("td",[t._v("Text font. When the label to draw has multiple lines, you can use different font for each line of the label. This is enabled configuring an array of fonts. When the lines are more than the configured fonts, the last configuration of this option is used for all remaining lines.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("opacity")])]),t._v(" "),e("td",[t._v("Overrides the opacity of the image or canvas element. Could be set a number in the range 0.0 to 1.0, inclusive. If undefined, uses the opacity of the image or canvas element. It is used only when the content is an image or canvas element.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("shadowBlur")])]),t._v(" "),e("td",[t._v("The amount of blur applied to shadow of the box where the label is located. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowBlur",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("shadowOffsetX")])]),t._v(" "),e("td",[t._v("The distance that shadow, of the box where the label is located, will be offset horizontally. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowOffsetX",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("shadowOffsetY")])]),t._v(" "),e("td",[t._v("The distance that shadow, of the box where the label is located, will be offset vertically. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowOffsetY",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("textStrokeColor")])]),t._v(" "),e("td",[t._v("The color of the stroke around the text.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("textStrokeWidth")])]),t._v(" "),e("td",[t._v("Stroke width around the text.")])])])]),t._v(" "),e("h3",{attrs:{id:"position"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#position"}},[t._v("#")]),t._v(" Position")]),t._v(" "),e("p",[t._v("A position can be set in 2 different values types:")]),t._v(" "),e("ol",[e("li",[e("code",[t._v("'start'")]),t._v(", "),e("code",[t._v("'center'")]),t._v(", "),e("code",[t._v("'end'")]),t._v(" which are defining where the label will be located")]),t._v(" "),e("li",[t._v("a "),e("code",[t._v("string")]),t._v(", in percentage format "),e("code",[t._v("'number%'")]),t._v(", is representing the percentage on the size where the label will be located")])]),t._v(" "),e("p",[t._v("If this value is a string (possible options are "),e("code",[t._v("'start'")]),t._v(", "),e("code",[t._v("'center'")]),t._v(", "),e("code",[t._v("'end'")]),t._v(" or a string in percentage format), it is applied to vertical and horizontal position in the box.")]),t._v(" "),e("p",[t._v("If this value is an object, the "),e("code",[t._v("x")]),t._v(" property defines the horizontal alignment in the label, with respect to the selected point. Similarly, the "),e("code",[t._v("y")]),t._v(" property defines the vertical alignment in the label, with respect to the selected point. Possible options for both properties are "),e("code",[t._v("'start'")]),t._v(", "),e("code",[t._v("'center'")]),t._v(", "),e("code",[t._v("'end'")]),t._v(", a string in percentage format. Omitted property have value of the default, "),e("code",[t._v("'center'")]),t._v(".")]),t._v(" "),e("h4",{attrs:{id:"borderradius"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#borderradius"}},[t._v("#")]),t._v(" borderRadius")]),t._v(" "),e("p",[t._v("If this value is a number, it is applied to all corners of the rectangle (topLeft, topRight, bottomLeft, bottomRight). If this value is an object, the "),e("code",[t._v("topLeft")]),t._v(" property defines the top-left corners border radius. Similarly, the "),e("code",[t._v("topRight")]),t._v(", "),e("code",[t._v("bottomLeft")]),t._v(", and "),e("code",[t._v("bottomRight")]),t._v(" properties can also be specified. Omitted corners have radius of 0.")]),t._v(" "),e("h2",{attrs:{id:"callout"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#callout"}},[t._v("#")]),t._v(" Callout")]),t._v(" "),e("p",[t._v("A callout connects the label by a line to the selected point.")]),t._v(" "),e("p",[t._v("Namespace: "),e("code",[t._v("options.annotations[annotationID].callout")]),t._v(", it defines options for the callout on the annotation label.")]),t._v(" "),e("chart-editor",{attrs:{code:"/* */\nconst options = {\n plugins: {\n annotation: {\n annotations: {\n label1: {\n type: 'label',\n xValue: 2.5,\n yValue: 60,\n xAdjust: 290,\n yAdjust: -100,\n backgroundColor: 'rgba(245,245,245)',\n content: ['In this point of time,', 'something happened'],\n textAlign: 'start',\n font: {\n size: 18\n },\n callout: {\n display: true,\n side: 10\n }\n }\n }\n }\n }\n};\n/* */\n\n/* */\nconst config = {\n type: 'line',\n data: {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\n datasets: [{\n label: 'My First Dataset',\n data: [65, 59, 80, 81, 56, 55, 40],\n fill: false,\n borderColor: 'rgb(75, 192, 192)',\n tension: 0.1\n }]\n },\n options\n};\n/* */\n\nmodule.exports = {\n config\n};\n"}}),e("p",[t._v("All of these options can be "),e("RouterLink",{attrs:{to:"/guide/options.html#scriptable-options"}},[t._v("Scriptable")]),t._v(".")],1),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"center"}},[t._v("Default")]),t._v(" "),e("th",[t._v("Notes")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("borderCapStyle")])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("'butt'")])]),t._v(" "),e("td",[t._v("Cap style of the border line of callout. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineCap",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderColor")])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#color"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("undefined")])]),t._v(" "),e("td",[t._v("Stroke color of the pointer of the callout.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderDash")])]),t._v(" "),e("td",[e("code",[t._v("number[]")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("[]")])]),t._v(" "),e("td",[t._v("Length and spacing of dashes of callout. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/setLineDash",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderDashOffset")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("0")])]),t._v(" "),e("td",[t._v("Offset for line dashes of callout. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineDashOffset",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderJoinStyle")])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("'miter'")])]),t._v(" "),e("td",[t._v("Border line join style of the callout. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineJoin",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderWidth")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("1")])]),t._v(" "),e("td",[t._v("Stroke width of the pointer of the callout.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("display")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("false")])]),t._v(" "),e("td",[t._v("If true, the callout is drawn.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("margin")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("5")])]),t._v(" "),e("td",[t._v("Amount of pixels between the label and the callout separator.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("position")])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("'auto'")])]),t._v(" "),e("td",[t._v("The position of callout, with respect to the label. Could be "),e("code",[t._v("left")]),t._v(", "),e("code",[t._v("top")]),t._v(", "),e("code",[t._v("right")]),t._v(", "),e("code",[t._v("bottom")]),t._v(" or "),e("code",[t._v("auto")]),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("side")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("5")])]),t._v(" "),e("td",[t._v("Width of the starter line of callout pointer.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("start")])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v("|"),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("'50%'")])]),t._v(" "),e("td",[t._v("The percentage of the separator dimension to use as starting point for callout pointer. Could be set in pixel by a number, or in percentage of the separator dimension by a string.")])])])]),t._v(" "),e("h2",{attrs:{id:"element"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#element"}},[t._v("#")]),t._v(" Element")]),t._v(" "),e("p",[t._v("The following diagram is showing the element properties about a "),e("code",[t._v("'label'")]),t._v(" annotation:")]),t._v(" "),e("p",[e("img",{attrs:{src:o(263),alt:"label"}})])],1)}),[],!1,null,null,null);e.default=a.exports}}]); \ No newline at end of file diff --git a/master/assets/js/12.f12b5e5f.js b/master/assets/js/12.69bc9db8.js similarity index 99% rename from master/assets/js/12.f12b5e5f.js rename to master/assets/js/12.69bc9db8.js index a8ff59c49..d49c063d4 100644 --- a/master/assets/js/12.f12b5e5f.js +++ b/master/assets/js/12.69bc9db8.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[12],{264:function(e,t,o){e.exports=o.p+"assets/img/elementLineProps.67f9d0c4.png"},468:function(e,t,o){"use strict";o.r(t);var n=o(4),r=Object(n.a)({},(function(){var e=this,t=e._self._c;return t("ContentSlotsDistributor",{attrs:{"slot-key":e.$parent.slotKey}},[t("h1",{attrs:{id:"line-annotations"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#line-annotations"}},[e._v("#")]),e._v(" Line Annotations")]),e._v(" "),t("p",[e._v("Line annotations are used to draw lines on the chart area. This can be useful for highlighting information such as a threshold.")]),e._v(" "),t("chart-editor",{attrs:{code:"/* */\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"}}),t("h2",{attrs:{id:"configuration"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#configuration"}},[e._v("#")]),e._v(" Configuration")]),e._v(" "),t("h3",{attrs:{id:"line-annotation-specific-options"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#line-annotation-specific-options"}},[e._v("#")]),e._v(" Line annotation specific options")]),e._v(" "),t("p",[e._v("The following options are available for line annotations.")]),e._v(" "),t("table",[t("thead",[t("tr",[t("th",[e._v("Name")]),e._v(" "),t("th",[e._v("Type")]),e._v(" "),t("th",{staticStyle:{"text-align":"center"}},[t("RouterLink",{attrs:{to:"/guide/options.html#scriptable-options"}},[e._v("Scriptable")])],1),e._v(" "),t("th",[e._v("Default")])])]),e._v(" "),t("tbody",[t("tr",[t("td",[t("a",{attrs:{href:"#arrow-heads"}},[t("code",[e._v("arrowHeads")])])]),e._v(" "),t("td",[t("code",[e._v("{start: object, end:object}")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[e._v("Yes")]),e._v(" "),t("td")]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#styling"}},[t("code",[e._v("borderWidth")])])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[e._v("Yes")]),e._v(" "),t("td",[t("code",[e._v("2")])])]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#general"}},[t("code",[e._v("controlPoint")])])]),e._v(" "),t("td",[t("code",[e._v("number")]),e._v(" | "),t("code",[e._v("string")]),e._v(" | "),t("code",[e._v("{x: number | string, y: number | string}")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[e._v("Yes")]),e._v(" "),t("td",[t("code",[e._v("{y:'-50%'}")])])]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#general"}},[t("code",[e._v("curve")])])]),e._v(" "),t("td",[t("code",[e._v("boolean")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[e._v("Yes")]),e._v(" "),t("td",[t("code",[e._v("false")])])]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#positioning"}},[t("code",[e._v("endValue")])])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[e._v("Yes")]),e._v(" "),t("td",[t("code",[e._v("undefined")])])]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#label"}},[t("code",[e._v("label")])])]),e._v(" "),t("td",[t("code",[e._v("object")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[e._v("Yes")]),e._v(" "),t("td")]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#positioning"}},[t("code",[e._v("scaleID")])])]),e._v(" "),t("td",[t("code",[e._v("string")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[e._v("Yes")]),e._v(" "),t("td",[t("code",[e._v("undefined")])])]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#positioning"}},[t("code",[e._v("value")])])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[e._v("Yes")]),e._v(" "),t("td",[t("code",[e._v("undefined")])])])])]),e._v(" "),t("h3",{attrs:{id:"common-options-to-all-annotations"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#common-options-to-all-annotations"}},[e._v("#")]),e._v(" Common options to all annotations")]),e._v(" "),t("p",[e._v("The following options are available for all annotations.")]),e._v(" "),t("table",[t("thead",[t("tr",[t("th",[e._v("Name")]),e._v(" "),t("th",[e._v("Type")]),e._v(" "),t("th",{staticStyle:{"text-align":"center"}},[t("RouterLink",{attrs:{to:"/guide/options.html#scriptable-options"}},[e._v("Scriptable")])],1),e._v(" "),t("th",[e._v("Default")])])]),e._v(" "),t("tbody",[t("tr",[t("td",[t("a",{attrs:{href:"#general"}},[t("code",[e._v("adjustScaleRange")])])]),e._v(" "),t("td",[t("code",[e._v("boolean")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[e._v("Yes")]),e._v(" "),t("td",[t("code",[e._v("true")])])]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#styling"}},[t("code",[e._v("backgroundColor")])])]),e._v(" "),t("td",[t("RouterLink",{attrs:{to:"/guide/options.html#color"}},[t("code",[e._v("Color")])])],1),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[e._v("Yes")]),e._v(" "),t("td",[t("code",[e._v("options.color")])])]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#styling"}},[t("code",[e._v("borderColor")])])]),e._v(" "),t("td",[t("RouterLink",{attrs:{to:"/guide/options.html#color"}},[t("code",[e._v("Color")])])],1),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[e._v("Yes")]),e._v(" "),t("td",[t("code",[e._v("options.color")])])]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#styling"}},[t("code",[e._v("borderDash")])])]),e._v(" "),t("td",[t("code",[e._v("number[]")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[e._v("Yes")]),e._v(" "),t("td",[t("code",[e._v("[]")])])]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#styling"}},[t("code",[e._v("borderDashOffset")])])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[e._v("Yes")]),e._v(" "),t("td",[t("code",[e._v("0")])])]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#styling"}},[t("code",[e._v("borderShadowColor")])])]),e._v(" "),t("td",[t("RouterLink",{attrs:{to:"/guide/options.html#color"}},[t("code",[e._v("Color")])])],1),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[e._v("Yes")]),e._v(" "),t("td",[t("code",[e._v("'transparent'")])])]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#general"}},[t("code",[e._v("display")])])]),e._v(" "),t("td",[t("code",[e._v("boolean")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[e._v("Yes")]),e._v(" "),t("td",[t("code",[e._v("true")])])]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#general"}},[t("code",[e._v("drawTime")])])]),e._v(" "),t("td",[t("code",[e._v("string")]),e._v("|"),t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[e._v("Yes")]),e._v(" "),t("td",[t("code",[e._v("'afterDatasetsDraw'")])])]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#general"}},[t("code",[e._v("hitTolerance")])])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[e._v("Yes")]),e._v(" "),t("td",[t("code",[e._v("0")])])]),e._v(" "),t("tr",[t("td",[t("RouterLink",{attrs:{to:"/guide/configuration.html#common"}},[t("code",[e._v("init")])])],1),e._v(" "),t("td",[t("code",[e._v("boolean")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("RouterLink",{attrs:{to:"/guide/configuration.html#initial-animation"}},[e._v("See initial animation")])],1),e._v(" "),t("td",[t("code",[e._v("undefined")])])]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#general"}},[t("code",[e._v("id")])])]),e._v(" "),t("td",[t("code",[e._v("string")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[e._v("No")]),e._v(" "),t("td",[t("code",[e._v("undefined")])])]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#styling"}},[t("code",[e._v("shadowBlur")])])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[e._v("Yes")]),e._v(" "),t("td",[t("code",[e._v("0")])])]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#styling"}},[t("code",[e._v("shadowOffsetX")])])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[e._v("Yes")]),e._v(" "),t("td",[t("code",[e._v("0")])])]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#styling"}},[t("code",[e._v("shadowOffsetY")])])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[e._v("Yes")]),e._v(" "),t("td",[t("code",[e._v("0")])])]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#general"}},[t("code",[e._v("xMax")])])]),e._v(" "),t("td",[t("code",[e._v("number")]),e._v(" | "),t("code",[e._v("string")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[e._v("Yes")]),e._v(" "),t("td",[t("code",[e._v("undefined")])])]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#general"}},[t("code",[e._v("xMin")])])]),e._v(" "),t("td",[t("code",[e._v("number")]),e._v(" | "),t("code",[e._v("string")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[e._v("Yes")]),e._v(" "),t("td",[t("code",[e._v("undefined")])])]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#general"}},[t("code",[e._v("xScaleID")])])]),e._v(" "),t("td",[t("code",[e._v("string")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[e._v("Yes")]),e._v(" "),t("td",[t("code",[e._v("undefined")])])]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#general"}},[t("code",[e._v("yMin")])])]),e._v(" "),t("td",[t("code",[e._v("number")]),e._v(" | "),t("code",[e._v("string")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[e._v("Yes")]),e._v(" "),t("td",[t("code",[e._v("undefined")])])]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#general"}},[t("code",[e._v("yMax")])])]),e._v(" "),t("td",[t("code",[e._v("number")]),e._v(" | "),t("code",[e._v("string")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[e._v("Yes")]),e._v(" "),t("td",[t("code",[e._v("undefined")])])]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#general"}},[t("code",[e._v("yScaleID")])])]),e._v(" "),t("td",[t("code",[e._v("string")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[e._v("Yes")]),e._v(" "),t("td",[t("code",[e._v("undefined")])])]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#general"}},[t("code",[e._v("z")])])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[e._v("Yes")]),e._v(" "),t("td",[t("code",[e._v("0")])])])])]),e._v(" "),t("h3",{attrs:{id:"general"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#general"}},[e._v("#")]),e._v(" General")]),e._v(" "),t("p",[e._v("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:")]),e._v(" "),t("ol",[t("li",[e._v("if "),t("code",[e._v("scaleID")]),e._v(" is not resolved, the line will take the entire chart dimension, from the top-left vertex to the bottom-right vertex of the chart")]),e._v(" "),t("li",[e._v("if "),t("code",[e._v("xScaleID")]),e._v(" is not resolved, the line will take the entire chart width")]),e._v(" "),t("li",[e._v("if "),t("code",[e._v("yScaleID")]),e._v(" is not resolved, the line will take the entire chart height")])]),e._v(" "),t("p",[e._v("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.")]),e._v(" "),t("p",[e._v("The "),t("code",[e._v("id")]),e._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.")]),e._v(" "),t("h4",{attrs:{id:"positioning"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#positioning"}},[e._v("#")]),e._v(" Positioning")]),e._v(" "),t("p",[e._v("The line can be positioned in two different ways. If "),t("code",[e._v("scaleID")]),e._v(" is set, then "),t("code",[e._v("value")]),e._v(" and "),t("code",[e._v("endValue")]),e._v(" must also be set to indicate the endpoints of the line. The line will be perpendicular to the axis identified by "),t("code",[e._v("scaleID")]),e._v(".")]),e._v(" "),t("p",[e._v("If "),t("code",[e._v("scaleID")]),e._v(" is unset, then "),t("code",[e._v("xScaleID")]),e._v(" and "),t("code",[e._v("yScaleID")]),e._v(" are used to draw a line from "),t("code",[e._v("(xMin, yMin)")]),e._v(" to "),t("code",[e._v("(xMax, yMax)")]),e._v(".")]),e._v(" "),t("table",[t("thead",[t("tr",[t("th",[e._v("Name")]),e._v(" "),t("th",[e._v("Description")])])]),e._v(" "),t("tbody",[t("tr",[t("td",[t("code",[e._v("adjustScaleRange")])]),e._v(" "),t("td",[e._v("Should the scale range be adjusted if this annotation is out of range.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("controlPoint")])]),e._v(" "),t("td",[e._v("if "),t("code",[e._v("curve")]),e._v(" is enabled, it configures the control point to drawn the curve, calculated in pixels. It can be set by a string in percentage format "),t("code",[e._v("'number%'")]),e._v(" which are representing the percentage of the distance between the start and end point from the center.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("curve")])]),e._v(" "),t("td",[e._v("Whether or not a quadratic "),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Glossary/Bezier_curve",target:"_blank",rel:"noopener noreferrer"}},[e._v("Bézier curve"),t("OutboundLink")],1),e._v(" is drawn.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("display")])]),e._v(" "),t("td",[e._v("Whether or not this annotation is visible.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("drawTime")])]),e._v(" "),t("td",[e._v("See "),t("RouterLink",{attrs:{to:"/guide/options.html#draw-time"}},[e._v("drawTime")]),e._v(".")],1)]),e._v(" "),t("tr",[t("td",[t("code",[e._v("endValue")])]),e._v(" "),t("td",[e._v("End two of the line when a single scale is specified.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("hitTolerance")])]),e._v(" "),t("td",[e._v("Amount of pixels to interact with annotations within some distance of the mouse point.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("id")])]),e._v(" "),t("td",[e._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.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("scaleID")])]),e._v(" "),t("td",[e._v("ID of the scale in single scale mode. If unset, "),t("code",[e._v("xScaleID")]),e._v(" and "),t("code",[e._v("yScaleID")]),e._v(" are used.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("value")])]),e._v(" "),t("td",[e._v("End one of the line when a single scale is specified.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("xMax")])]),e._v(" "),t("td",[e._v("X coordinate of end two of the line in units along the x axis.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("xMin")])]),e._v(" "),t("td",[e._v("X coordinate of end one of the line in units along the x axis.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("xScaleID")])]),e._v(" "),t("td",[e._v("ID of the X scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as "),t("code",[e._v("'x'")]),e._v(" axis. If more than one scale has been defined in the chart as "),t("code",[e._v("'x'")]),e._v(" axis, the option is mandatory to select the right scale.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("yMax")])]),e._v(" "),t("td",[e._v("Y coordinate of end two of the line in units along the y axis.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("yMin")])]),e._v(" "),t("td",[e._v("Y coordinate of end one of the line in units along the y axis.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("yScaleID")])]),e._v(" "),t("td",[e._v("ID of the Y scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as "),t("code",[e._v("'y'")]),e._v(" axis. If more than one scale has been defined in the chart as "),t("code",[e._v("'y'")]),e._v(" axis, the option is mandatory to select the right scale.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("z")])]),e._v(" "),t("td",[e._v("The "),t("code",[e._v("z")]),e._v(" property determines the drawing stack level of the line annotation element. All visible elements will be drawn in ascending order of "),t("code",[e._v("z")]),e._v(" option, with the same "),t("code",[e._v("drawTime")]),e._v(" option.")])])])]),e._v(" "),t("h3",{attrs:{id:"styling"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#styling"}},[e._v("#")]),e._v(" Styling")]),e._v(" "),t("table",[t("thead",[t("tr",[t("th",[e._v("Name")]),e._v(" "),t("th",[e._v("Description")])])]),e._v(" "),t("tbody",[t("tr",[t("td",[t("code",[e._v("borderColor")])]),e._v(" "),t("td",[e._v("Stroke color.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("borderDash")])]),e._v(" "),t("td",[e._v("Length and spacing of dashes. See "),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/setLineDash",target:"_blank",rel:"noopener noreferrer"}},[e._v("MDN"),t("OutboundLink")],1),e._v(".")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("borderDashOffset")])]),e._v(" "),t("td",[e._v("Offset for line dashes. See "),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineDashOffset",target:"_blank",rel:"noopener noreferrer"}},[e._v("MDN"),t("OutboundLink")],1),e._v(".")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("borderShadowColor")])]),e._v(" "),t("td",[e._v("The color of shadow. See "),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowColor",target:"_blank",rel:"noopener noreferrer"}},[e._v("MDN"),t("OutboundLink")],1),e._v(".")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("borderWidth")])]),e._v(" "),t("td",[e._v("Stroke width.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("shadowBlur")])]),e._v(" "),t("td",[e._v("The amount of blur applied to shadow. See "),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowBlur",target:"_blank",rel:"noopener noreferrer"}},[e._v("MDN"),t("OutboundLink")],1),e._v(".")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("shadowOffsetX")])]),e._v(" "),t("td",[e._v("The distance that shadow will be offset horizontally. See "),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowOffsetX",target:"_blank",rel:"noopener noreferrer"}},[e._v("MDN"),t("OutboundLink")],1),e._v(".")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("shadowOffsetY")])]),e._v(" "),t("td",[e._v("The distance that shadow will be offset vertically. See "),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowOffsetY",target:"_blank",rel:"noopener noreferrer"}},[e._v("MDN"),t("OutboundLink")],1),e._v(".")])])])]),e._v(" "),t("h2",{attrs:{id:"label"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#label"}},[e._v("#")]),e._v(" Label")]),e._v(" "),t("p",[e._v("Namespace: "),t("code",[e._v("options.annotations[annotationID].label")]),e._v(", it defines options for the line annotation label.")]),e._v(" "),t("p",[e._v("All of these options can be "),t("RouterLink",{attrs:{to:"/guide/options.html#scriptable-options"}},[e._v("Scriptable")])],1),e._v(" "),t("table",[t("thead",[t("tr",[t("th",[e._v("Name")]),e._v(" "),t("th",[e._v("Type")]),e._v(" "),t("th",{staticStyle:{"text-align":"center"}},[e._v("Default")]),e._v(" "),t("th",[e._v("Notes")])])]),e._v(" "),t("tbody",[t("tr",[t("td",[t("code",[e._v("backgroundColor")])]),e._v(" "),t("td",[t("RouterLink",{attrs:{to:"/guide/options.html#color"}},[t("code",[e._v("Color")])])],1),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("'rgba(0,0,0,0.8)'")])]),e._v(" "),t("td",[e._v("Background color of the label container.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("backgroundShadowColor")])]),e._v(" "),t("td",[t("RouterLink",{attrs:{to:"/guide/options.html#color"}},[t("code",[e._v("Color")])])],1),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("'transparent'")])]),e._v(" "),t("td",[e._v("The color of shadow of the box where the label is located. See "),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowColor",target:"_blank",rel:"noopener noreferrer"}},[e._v("MDN"),t("OutboundLink")],1),e._v(".")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("borderCapStyle")])]),e._v(" "),t("td",[t("code",[e._v("string")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("'butt'")])]),e._v(" "),t("td",[e._v("Cap style of the border line. See "),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineCap",target:"_blank",rel:"noopener noreferrer"}},[e._v("MDN"),t("OutboundLink")],1),e._v(".")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("borderColor")])]),e._v(" "),t("td",[t("RouterLink",{attrs:{to:"/guide/options.html#color"}},[t("code",[e._v("Color")])])],1),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("black")])]),e._v(" "),t("td",[e._v("The border line color.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("borderDash")])]),e._v(" "),t("td",[t("code",[e._v("number[]")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("[]")])]),e._v(" "),t("td",[e._v("Length and spacing of dashes. See "),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/setLineDash",target:"_blank",rel:"noopener noreferrer"}},[e._v("MDN"),t("OutboundLink")],1),e._v(".")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("borderDashOffset")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("0")])]),e._v(" "),t("td",[e._v("Offset for border line dashes. See "),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineDashOffset",target:"_blank",rel:"noopener noreferrer"}},[e._v("MDN"),t("OutboundLink")],1),e._v(".")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("borderJoinStyle")])]),e._v(" "),t("td",[t("code",[e._v("string")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("'miter'")])]),e._v(" "),t("td",[e._v("Border line join style. See "),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineJoin",target:"_blank",rel:"noopener noreferrer"}},[e._v("MDN"),t("OutboundLink")],1),e._v(".")])]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#borderradius"}},[t("code",[e._v("borderRadius")])])]),e._v(" "),t("td",[t("code",[e._v("number")]),e._v(" | "),t("code",[e._v("object")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("6")])]),e._v(" "),t("td",[e._v("Radius of label box corners in pixels.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("borderShadowColor")])]),e._v(" "),t("td",[t("RouterLink",{attrs:{to:"/guide/options.html#color"}},[t("code",[e._v("Color")])])],1),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("'transparent'")])]),e._v(" "),t("td",[e._v("The color of border shadow of the box where the label is located. See "),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowColor",target:"_blank",rel:"noopener noreferrer"}},[e._v("MDN"),t("OutboundLink")],1),e._v(".")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("borderWidth")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("0")])]),e._v(" "),t("td",[e._v("The border line width (in pixels).")])]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#callout"}},[t("code",[e._v("callout")])])]),e._v(" "),t("td",[t("code",[e._v("object")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}}),e._v(" "),t("td",[e._v("Can connect the label to the line. See "),t("a",{attrs:{href:"#callout"}},[e._v("callout")]),e._v(".")])]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#fonts-and-colors"}},[t("code",[e._v("color")])])]),e._v(" "),t("td",[t("a",{attrs:{href:"../options#color"}},[t("code",[e._v("Color")]),e._v("|"),t("code",[e._v("Color[]")])])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("'#fff'")])]),e._v(" "),t("td",[e._v("Text color.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("content")])]),e._v(" "),t("td",[t("code",[e._v("string")]),e._v("|"),t("code",[e._v("string[]")]),e._v("|"),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/Image",target:"_blank",rel:"noopener noreferrer"}},[t("code",[e._v("Image")]),t("OutboundLink")],1),e._v("|"),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement",target:"_blank",rel:"noopener noreferrer"}},[t("code",[e._v("HTMLCanvasElement")]),t("OutboundLink")],1)]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("null")])]),e._v(" "),t("td",[e._v("The content to show in the label.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("display")])]),e._v(" "),t("td",[t("code",[e._v("boolean")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("false")])]),e._v(" "),t("td",[e._v("Whether or not the label is shown.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("drawTime")])]),e._v(" "),t("td",[t("code",[e._v("string")]),e._v("|"),t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("options.drawTime")])]),e._v(" "),t("td",[e._v("See "),t("a",{attrs:{href:"../options#draw-time"}},[e._v("drawTime")]),e._v(". Defaults to the line annotation draw time if unset.")])]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#fonts-and-colors"}},[t("code",[e._v("font")])])]),e._v(" "),t("td",[t("a",{attrs:{href:"../options#font"}},[t("code",[e._v("Font")]),e._v("|"),t("code",[e._v("Font[]")])])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("{ weight: 'bold' }")])]),e._v(" "),t("td",[e._v("Label font.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("height")])]),e._v(" "),t("td",[t("code",[e._v("number")]),e._v("|"),t("code",[e._v("string")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("undefined")])]),e._v(" "),t("td",[e._v("Overrides the height of the image or canvas element. Could be set in pixel by a number, or in percentage of current height of image or canvas element by a string. If undefined, uses the height of the image or canvas element. It is used only when the content is an image or canvas element.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("hitTolerance")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("undefined")])]),e._v(" "),t("td",[e._v("Amount of pixels to interact with annotations within some distance of the mouse point.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("opacity")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("undefined")])]),e._v(" "),t("td",[e._v("Overrides the opacity of the image or canvas element. Could be set a number in the range 0.0 to 1.0, inclusive. If undefined, uses the opacity of the image or canvas element. It is used only when the content is an image or canvas element.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("padding")])]),e._v(" "),t("td",[t("RouterLink",{attrs:{to:"/guide/options.html#padding"}},[t("code",[e._v("Padding")])])],1),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("6")])]),e._v(" "),t("td",[e._v("The padding to add around the text label.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("position")])]),e._v(" "),t("td",[t("code",[e._v("string")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("'center'")])]),e._v(" "),t("td",[e._v("Anchor position of label on line. Possible options are: "),t("code",[e._v("'start'")]),e._v(", "),t("code",[e._v("'center'")]),e._v(", "),t("code",[e._v("'end'")]),e._v(". It can be set by a string in percentage format "),t("code",[e._v("'number%'")]),e._v(" which are representing the percentage on the width of the line where the label will be located.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("rotation")])]),e._v(" "),t("td",[t("code",[e._v("number")]),e._v("|"),t("code",[e._v("'auto'")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("0")])]),e._v(" "),t("td",[e._v("Rotation of label, in degrees, or 'auto' to use the degrees of the line.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("shadowBlur")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("0")])]),e._v(" "),t("td",[e._v("The amount of blur applied to shadow of the box where the label is located. See "),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowBlur",target:"_blank",rel:"noopener noreferrer"}},[e._v("MDN"),t("OutboundLink")],1),e._v(".")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("shadowOffsetX")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("0")])]),e._v(" "),t("td",[e._v("The distance that shadow, of the box where the label is located, will be offset horizontally. See "),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowOffsetX",target:"_blank",rel:"noopener noreferrer"}},[e._v("MDN"),t("OutboundLink")],1),e._v(".")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("shadowOffsetY")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("0")])]),e._v(" "),t("td",[e._v("The distance that shadow, of the box where the label is located, will be offset vertically. See "),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowOffsetY",target:"_blank",rel:"noopener noreferrer"}},[e._v("MDN"),t("OutboundLink")],1),e._v(".")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("textAlign")])]),e._v(" "),t("td",[t("code",[e._v("string")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("'center'")])]),e._v(" "),t("td",[e._v("Text alignment of label content when there's more than one line. Possible options are: "),t("code",[e._v("'start'")]),e._v(", "),t("code",[e._v("'center'")]),e._v(", "),t("code",[e._v("'end'")]),e._v(".")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("textStrokeColor")])]),e._v(" "),t("td",[t("RouterLink",{attrs:{to:"/guide/options.html#color"}},[t("code",[e._v("Color")])])],1),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("undefined")])]),e._v(" "),t("td",[e._v("The color of the stroke around the text.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("textStrokeWidth")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("0")])]),e._v(" "),t("td",[e._v("Stroke width around the text.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("width")])]),e._v(" "),t("td",[t("code",[e._v("number")]),e._v("|"),t("code",[e._v("string")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("undefined")])]),e._v(" "),t("td",[e._v("Overrides the width of the image or canvas element. Could be set in pixel by a number, or in percentage of current width of image or canvas element by a string. If undefined, uses the width of the image or canvas element. It is used only when the content is an image or canvas element.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("xAdjust")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("0")])]),e._v(" "),t("td",[e._v("Adjustment along x-axis (left-right) of label relative to computed position. Negative values move the label left, positive right.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("yAdjust")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("0")])]),e._v(" "),t("td",[e._v("Adjustment along y-axis (top-bottom) of label relative to computed position. Negative values move the label up, positive down.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("z")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("0")])]),e._v(" "),t("td",[e._v("It determines the drawing stack level of the label element, with same "),t("code",[e._v("drawTime")]),e._v(".")])])])]),e._v(" "),t("h3",{attrs:{id:"borderradius"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#borderradius"}},[e._v("#")]),e._v(" borderRadius")]),e._v(" "),t("p",[e._v("If this value is a number, it is applied to all corners of the rectangle (topLeft, topRight, bottomLeft, bottomRight). If this value is an object, the "),t("code",[e._v("topLeft")]),e._v(" property defines the top-left corners border radius. Similarly, the "),t("code",[e._v("topRight")]),e._v(", "),t("code",[e._v("bottomLeft")]),e._v(", and "),t("code",[e._v("bottomRight")]),e._v(" properties can also be specified. Omitted corners have radius of 0.")]),e._v(" "),t("h3",{attrs:{id:"fonts-and-colors"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#fonts-and-colors"}},[e._v("#")]),e._v(" Fonts and colors")]),e._v(" "),t("p",[e._v("When the label to draw has multiple lines, you can use different font and color for each line of the label. This is enabled configuring an array of fonts or colors for those options. When the lines are more than the configured fonts of colors, the last configuration of those options is used for all remaining lines.")]),e._v(" "),t("h3",{attrs:{id:"callout"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#callout"}},[e._v("#")]),e._v(" Callout")]),e._v(" "),t("p",[e._v("A callout can connect the label to the line when the label is arbitrarily (by "),t("code",[e._v("xAdjust")]),e._v(" and "),t("code",[e._v("yAdjust")]),e._v(" options) moved from its original position.")]),e._v(" "),t("p",[e._v("Namespace: "),t("code",[e._v("options.annotations[annotationID].label.callout")]),e._v(", it defines options for the callout on the label of the line annotation.")]),e._v(" "),t("p",[e._v("All of these options can be "),t("RouterLink",{attrs:{to:"/guide/options.html#scriptable-options"}},[e._v("Scriptable")]),e._v(".")],1),e._v(" "),t("table",[t("thead",[t("tr",[t("th",[e._v("Name")]),e._v(" "),t("th",[e._v("Type")]),e._v(" "),t("th",{staticStyle:{"text-align":"center"}},[e._v("Default")]),e._v(" "),t("th",[e._v("Notes")])])]),e._v(" "),t("tbody",[t("tr",[t("td",[t("code",[e._v("borderCapStyle")])]),e._v(" "),t("td",[t("code",[e._v("string")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("'butt'")])]),e._v(" "),t("td",[e._v("Cap style of the border line of callout. See "),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineCap",target:"_blank",rel:"noopener noreferrer"}},[e._v("MDN"),t("OutboundLink")],1),e._v(".")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("borderColor")])]),e._v(" "),t("td",[t("RouterLink",{attrs:{to:"/guide/options.html#color"}},[t("code",[e._v("Color")])])],1),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("undefined")])]),e._v(" "),t("td",[e._v("Stroke color of the pointer of the callout.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("borderDash")])]),e._v(" "),t("td",[t("code",[e._v("number[]")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("[]")])]),e._v(" "),t("td",[e._v("Length and spacing of dashes of callout. See "),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/setLineDash",target:"_blank",rel:"noopener noreferrer"}},[e._v("MDN"),t("OutboundLink")],1),e._v(".")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("borderDashOffset")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("0")])]),e._v(" "),t("td",[e._v("Offset for line dashes of callout. See "),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineDashOffset",target:"_blank",rel:"noopener noreferrer"}},[e._v("MDN"),t("OutboundLink")],1),e._v(".")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("borderJoinStyle")])]),e._v(" "),t("td",[t("code",[e._v("string")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("'miter'")])]),e._v(" "),t("td",[e._v("Border line join style of the callout. See "),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineJoin",target:"_blank",rel:"noopener noreferrer"}},[e._v("MDN"),t("OutboundLink")],1),e._v(".")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("borderWidth")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("1")])]),e._v(" "),t("td",[e._v("Stroke width of the pointer of the callout.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("display")])]),e._v(" "),t("td",[t("code",[e._v("boolean")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("false")])]),e._v(" "),t("td",[e._v("If true, the callout is drawn.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("margin")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("5")])]),e._v(" "),t("td",[e._v("Amount of pixels between the label and the callout separator.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("position")])]),e._v(" "),t("td",[t("code",[e._v("string")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("'auto'")])]),e._v(" "),t("td",[e._v("The position of callout, with respect to the label. Could be "),t("code",[e._v("left")]),e._v(", "),t("code",[e._v("top")]),e._v(", "),t("code",[e._v("right")]),e._v(", "),t("code",[e._v("bottom")]),e._v(" or "),t("code",[e._v("auto")]),e._v(".")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("side")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("5")])]),e._v(" "),t("td",[e._v("Width of the starter line of callout pointer.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("start")])]),e._v(" "),t("td",[t("code",[e._v("number")]),e._v("|"),t("code",[e._v("string")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("'50%'")])]),e._v(" "),t("td",[e._v("The percentage of the separator dimension to use as starting point for callout pointer. Could be set in pixel by a number, or in percentage of the separator dimension by a string.")])])])]),e._v(" "),t("h2",{attrs:{id:"arrow-heads"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#arrow-heads"}},[e._v("#")]),e._v(" Arrow heads")]),e._v(" "),t("p",[e._v("Namespace: "),t("code",[e._v("options.annotations[annotationID].arrowHeads")]),e._v(", it defines options for the line annotation arrow heads.")]),e._v(" "),t("p",[e._v("All of these options can be "),t("RouterLink",{attrs:{to:"/guide/options.html#scriptable-options"}},[e._v("Scriptable")])],1),e._v(" "),t("table",[t("thead",[t("tr",[t("th",[e._v("Name")]),e._v(" "),t("th",[e._v("Type")]),e._v(" "),t("th",[e._v("Notes")])])]),e._v(" "),t("tbody",[t("tr",[t("td",[t("a",{attrs:{href:"#arrow-head-configuration"}},[t("code",[e._v("end")])])]),e._v(" "),t("td",[t("code",[e._v("object")])]),e._v(" "),t("td",[e._v("To configure the arrow head at the end of the line.")])]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#arrow-head-configuration"}},[t("code",[e._v("start")])])]),e._v(" "),t("td",[t("code",[e._v("object")])]),e._v(" "),t("td",[e._v("To configure the arrow head at the start of the line.")])])])]),e._v(" "),t("h3",{attrs:{id:"arrow-head-configuration"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#arrow-head-configuration"}},[e._v("#")]),e._v(" Arrow head configuration")]),e._v(" "),t("p",[e._v("Enabling it, you can add arrow heads at start and/or end of a line. It uses the "),t("code",[e._v("borderWidth")]),e._v(" of the line options to configure the line width of the arrow head.")]),e._v(" "),t("p",[e._v("The following options can be specified per ("),t("code",[e._v("start")]),e._v(" and/or "),t("code",[e._v("end")]),e._v(") arrow head, or at the top level ("),t("code",[e._v("arrowHeads")]),e._v(") which apply to all arrow heads.")]),e._v(" "),t("p",[e._v("All of these options can be "),t("RouterLink",{attrs:{to:"/guide/options.html#scriptable-options"}},[e._v("Scriptable")])],1),e._v(" "),t("table",[t("thead",[t("tr",[t("th",[e._v("Name")]),e._v(" "),t("th",[e._v("Type")]),e._v(" "),t("th",{staticStyle:{"text-align":"center"}},[e._v("Default")]),e._v(" "),t("th",[e._v("Notes")])])]),e._v(" "),t("tbody",[t("tr",[t("td",[t("code",[e._v("backgroundColor")])]),e._v(" "),t("td",[t("RouterLink",{attrs:{to:"/guide/options.html#color"}},[t("code",[e._v("Color")])])],1),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("lineAnnotation.borderColor")])]),e._v(" "),t("td",[e._v("Background color of the arrow head.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("backgroundShadowColor")])]),e._v(" "),t("td",[t("RouterLink",{attrs:{to:"/guide/options.html#color"}},[t("code",[e._v("Color")])])],1),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("'transparent'")])]),e._v(" "),t("td",[e._v("The color of shadow of the arrow head. See "),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowColor",target:"_blank",rel:"noopener noreferrer"}},[e._v("MDN"),t("OutboundLink")],1),e._v(".")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("borderColor")])]),e._v(" "),t("td",[t("RouterLink",{attrs:{to:"/guide/options.html#color"}},[t("code",[e._v("Color")])])],1),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("lineAnnotation.borderColor")])]),e._v(" "),t("td",[e._v("The border arrow head color.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("borderDash")])]),e._v(" "),t("td",[t("code",[e._v("number[]")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("lineAnnotation.borderDash")])]),e._v(" "),t("td",[e._v("Length and spacing of dashes. See "),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/setLineDash",target:"_blank",rel:"noopener noreferrer"}},[e._v("MDN"),t("OutboundLink")],1),e._v(".")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("borderDashOffset")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("lineAnnotation.borderDashOffset")])]),e._v(" "),t("td",[e._v("Offset for border arrow head dashes. See "),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineDashOffset",target:"_blank",rel:"noopener noreferrer"}},[e._v("MDN"),t("OutboundLink")],1),e._v(".")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("borderShadowColor")])]),e._v(" "),t("td",[t("RouterLink",{attrs:{to:"/guide/options.html#color"}},[t("code",[e._v("Color")])])],1),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("lineAnnotation.borderShadowColor")])]),e._v(" "),t("td",[e._v("The color of border shadow of the arrow head. See "),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowColor",target:"_blank",rel:"noopener noreferrer"}},[e._v("MDN"),t("OutboundLink")],1),e._v(".")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("borderWidth")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("lineAnnotation.borderWidth")])]),e._v(" "),t("td",[e._v("The border line width (in pixels).")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("display")])]),e._v(" "),t("td",[t("code",[e._v("boolean")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("false")])]),e._v(" "),t("td",[e._v("Whether or not the arrow head is shown.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("fill")])]),e._v(" "),t("td",[t("code",[e._v("boolean")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("false")])]),e._v(" "),t("td",[e._v("Whether or not the arrow head is filled.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("length")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("12")])]),e._v(" "),t("td",[e._v("The length of the arrow head in pixels.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("shadowBlur")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("lineAnnotation.shadowBlur")])]),e._v(" "),t("td",[e._v("The amount of blur applied to shadow of the arrow head. See "),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowBlur",target:"_blank",rel:"noopener noreferrer"}},[e._v("MDN"),t("OutboundLink")],1),e._v(".")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("shadowOffsetX")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("lineAnnotation.shadowOffsetX")])]),e._v(" "),t("td",[e._v("The distance that shadow, of the arrow head, will be offset horizontally. See "),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowOffsetX",target:"_blank",rel:"noopener noreferrer"}},[e._v("MDN"),t("OutboundLink")],1),e._v(".")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("shadowOffsetY")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("lineAnnotation.shadowOffsetY")])]),e._v(" "),t("td",[e._v("The distance that shadow, of the arrow head, will be offset vertically. See "),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowOffsetY",target:"_blank",rel:"noopener noreferrer"}},[e._v("MDN"),t("OutboundLink")],1),e._v(".")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("width")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("6")])]),e._v(" "),t("td",[e._v("The width of the arrow head in pixels.")])])])]),e._v(" "),t("h2",{attrs:{id:"element"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#element"}},[e._v("#")]),e._v(" Element")]),e._v(" "),t("p",[e._v("The following diagram is showing the element properties about a "),t("code",[e._v("'line'")]),e._v(" annotation:")]),e._v(" "),t("p",[t("img",{attrs:{src:o(264),alt:"line"}})]),e._v(" "),t("p",[e._v("The label of a box annotation is described as a "),t("RouterLink",{attrs:{to:"/guide/types/label.html#element"}},[e._v("label annotation")]),e._v(" and accessible by "),t("code",[e._v("element.label")]),e._v(".")],1)],1)}),[],!1,null,null,null);t.default=r.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[12],{264:function(e,t,o){e.exports=o.p+"assets/img/elementLineProps.67f9d0c4.png"},469:function(e,t,o){"use strict";o.r(t);var n=o(4),r=Object(n.a)({},(function(){var e=this,t=e._self._c;return t("ContentSlotsDistributor",{attrs:{"slot-key":e.$parent.slotKey}},[t("h1",{attrs:{id:"line-annotations"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#line-annotations"}},[e._v("#")]),e._v(" Line Annotations")]),e._v(" "),t("p",[e._v("Line annotations are used to draw lines on the chart area. This can be useful for highlighting information such as a threshold.")]),e._v(" "),t("chart-editor",{attrs:{code:"/* */\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"}}),t("h2",{attrs:{id:"configuration"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#configuration"}},[e._v("#")]),e._v(" Configuration")]),e._v(" "),t("h3",{attrs:{id:"line-annotation-specific-options"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#line-annotation-specific-options"}},[e._v("#")]),e._v(" Line annotation specific options")]),e._v(" "),t("p",[e._v("The following options are available for line annotations.")]),e._v(" "),t("table",[t("thead",[t("tr",[t("th",[e._v("Name")]),e._v(" "),t("th",[e._v("Type")]),e._v(" "),t("th",{staticStyle:{"text-align":"center"}},[t("RouterLink",{attrs:{to:"/guide/options.html#scriptable-options"}},[e._v("Scriptable")])],1),e._v(" "),t("th",[e._v("Default")])])]),e._v(" "),t("tbody",[t("tr",[t("td",[t("a",{attrs:{href:"#arrow-heads"}},[t("code",[e._v("arrowHeads")])])]),e._v(" "),t("td",[t("code",[e._v("{start: object, end:object}")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[e._v("Yes")]),e._v(" "),t("td")]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#styling"}},[t("code",[e._v("borderWidth")])])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[e._v("Yes")]),e._v(" "),t("td",[t("code",[e._v("2")])])]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#general"}},[t("code",[e._v("controlPoint")])])]),e._v(" "),t("td",[t("code",[e._v("number")]),e._v(" | "),t("code",[e._v("string")]),e._v(" | "),t("code",[e._v("{x: number | string, y: number | string}")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[e._v("Yes")]),e._v(" "),t("td",[t("code",[e._v("{y:'-50%'}")])])]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#general"}},[t("code",[e._v("curve")])])]),e._v(" "),t("td",[t("code",[e._v("boolean")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[e._v("Yes")]),e._v(" "),t("td",[t("code",[e._v("false")])])]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#positioning"}},[t("code",[e._v("endValue")])])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[e._v("Yes")]),e._v(" "),t("td",[t("code",[e._v("undefined")])])]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#label"}},[t("code",[e._v("label")])])]),e._v(" "),t("td",[t("code",[e._v("object")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[e._v("Yes")]),e._v(" "),t("td")]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#positioning"}},[t("code",[e._v("scaleID")])])]),e._v(" "),t("td",[t("code",[e._v("string")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[e._v("Yes")]),e._v(" "),t("td",[t("code",[e._v("undefined")])])]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#positioning"}},[t("code",[e._v("value")])])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[e._v("Yes")]),e._v(" "),t("td",[t("code",[e._v("undefined")])])])])]),e._v(" "),t("h3",{attrs:{id:"common-options-to-all-annotations"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#common-options-to-all-annotations"}},[e._v("#")]),e._v(" Common options to all annotations")]),e._v(" "),t("p",[e._v("The following options are available for all annotations.")]),e._v(" "),t("table",[t("thead",[t("tr",[t("th",[e._v("Name")]),e._v(" "),t("th",[e._v("Type")]),e._v(" "),t("th",{staticStyle:{"text-align":"center"}},[t("RouterLink",{attrs:{to:"/guide/options.html#scriptable-options"}},[e._v("Scriptable")])],1),e._v(" "),t("th",[e._v("Default")])])]),e._v(" "),t("tbody",[t("tr",[t("td",[t("a",{attrs:{href:"#general"}},[t("code",[e._v("adjustScaleRange")])])]),e._v(" "),t("td",[t("code",[e._v("boolean")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[e._v("Yes")]),e._v(" "),t("td",[t("code",[e._v("true")])])]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#styling"}},[t("code",[e._v("backgroundColor")])])]),e._v(" "),t("td",[t("RouterLink",{attrs:{to:"/guide/options.html#color"}},[t("code",[e._v("Color")])])],1),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[e._v("Yes")]),e._v(" "),t("td",[t("code",[e._v("options.color")])])]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#styling"}},[t("code",[e._v("borderColor")])])]),e._v(" "),t("td",[t("RouterLink",{attrs:{to:"/guide/options.html#color"}},[t("code",[e._v("Color")])])],1),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[e._v("Yes")]),e._v(" "),t("td",[t("code",[e._v("options.color")])])]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#styling"}},[t("code",[e._v("borderDash")])])]),e._v(" "),t("td",[t("code",[e._v("number[]")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[e._v("Yes")]),e._v(" "),t("td",[t("code",[e._v("[]")])])]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#styling"}},[t("code",[e._v("borderDashOffset")])])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[e._v("Yes")]),e._v(" "),t("td",[t("code",[e._v("0")])])]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#styling"}},[t("code",[e._v("borderShadowColor")])])]),e._v(" "),t("td",[t("RouterLink",{attrs:{to:"/guide/options.html#color"}},[t("code",[e._v("Color")])])],1),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[e._v("Yes")]),e._v(" "),t("td",[t("code",[e._v("'transparent'")])])]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#general"}},[t("code",[e._v("display")])])]),e._v(" "),t("td",[t("code",[e._v("boolean")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[e._v("Yes")]),e._v(" "),t("td",[t("code",[e._v("true")])])]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#general"}},[t("code",[e._v("drawTime")])])]),e._v(" "),t("td",[t("code",[e._v("string")]),e._v("|"),t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[e._v("Yes")]),e._v(" "),t("td",[t("code",[e._v("'afterDatasetsDraw'")])])]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#general"}},[t("code",[e._v("hitTolerance")])])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[e._v("Yes")]),e._v(" "),t("td",[t("code",[e._v("0")])])]),e._v(" "),t("tr",[t("td",[t("RouterLink",{attrs:{to:"/guide/configuration.html#common"}},[t("code",[e._v("init")])])],1),e._v(" "),t("td",[t("code",[e._v("boolean")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("RouterLink",{attrs:{to:"/guide/configuration.html#initial-animation"}},[e._v("See initial animation")])],1),e._v(" "),t("td",[t("code",[e._v("undefined")])])]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#general"}},[t("code",[e._v("id")])])]),e._v(" "),t("td",[t("code",[e._v("string")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[e._v("No")]),e._v(" "),t("td",[t("code",[e._v("undefined")])])]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#styling"}},[t("code",[e._v("shadowBlur")])])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[e._v("Yes")]),e._v(" "),t("td",[t("code",[e._v("0")])])]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#styling"}},[t("code",[e._v("shadowOffsetX")])])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[e._v("Yes")]),e._v(" "),t("td",[t("code",[e._v("0")])])]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#styling"}},[t("code",[e._v("shadowOffsetY")])])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[e._v("Yes")]),e._v(" "),t("td",[t("code",[e._v("0")])])]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#general"}},[t("code",[e._v("xMax")])])]),e._v(" "),t("td",[t("code",[e._v("number")]),e._v(" | "),t("code",[e._v("string")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[e._v("Yes")]),e._v(" "),t("td",[t("code",[e._v("undefined")])])]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#general"}},[t("code",[e._v("xMin")])])]),e._v(" "),t("td",[t("code",[e._v("number")]),e._v(" | "),t("code",[e._v("string")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[e._v("Yes")]),e._v(" "),t("td",[t("code",[e._v("undefined")])])]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#general"}},[t("code",[e._v("xScaleID")])])]),e._v(" "),t("td",[t("code",[e._v("string")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[e._v("Yes")]),e._v(" "),t("td",[t("code",[e._v("undefined")])])]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#general"}},[t("code",[e._v("yMin")])])]),e._v(" "),t("td",[t("code",[e._v("number")]),e._v(" | "),t("code",[e._v("string")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[e._v("Yes")]),e._v(" "),t("td",[t("code",[e._v("undefined")])])]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#general"}},[t("code",[e._v("yMax")])])]),e._v(" "),t("td",[t("code",[e._v("number")]),e._v(" | "),t("code",[e._v("string")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[e._v("Yes")]),e._v(" "),t("td",[t("code",[e._v("undefined")])])]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#general"}},[t("code",[e._v("yScaleID")])])]),e._v(" "),t("td",[t("code",[e._v("string")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[e._v("Yes")]),e._v(" "),t("td",[t("code",[e._v("undefined")])])]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#general"}},[t("code",[e._v("z")])])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[e._v("Yes")]),e._v(" "),t("td",[t("code",[e._v("0")])])])])]),e._v(" "),t("h3",{attrs:{id:"general"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#general"}},[e._v("#")]),e._v(" General")]),e._v(" "),t("p",[e._v("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:")]),e._v(" "),t("ol",[t("li",[e._v("if "),t("code",[e._v("scaleID")]),e._v(" is not resolved, the line will take the entire chart dimension, from the top-left vertex to the bottom-right vertex of the chart")]),e._v(" "),t("li",[e._v("if "),t("code",[e._v("xScaleID")]),e._v(" is not resolved, the line will take the entire chart width")]),e._v(" "),t("li",[e._v("if "),t("code",[e._v("yScaleID")]),e._v(" is not resolved, the line will take the entire chart height")])]),e._v(" "),t("p",[e._v("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.")]),e._v(" "),t("p",[e._v("The "),t("code",[e._v("id")]),e._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.")]),e._v(" "),t("h4",{attrs:{id:"positioning"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#positioning"}},[e._v("#")]),e._v(" Positioning")]),e._v(" "),t("p",[e._v("The line can be positioned in two different ways. If "),t("code",[e._v("scaleID")]),e._v(" is set, then "),t("code",[e._v("value")]),e._v(" and "),t("code",[e._v("endValue")]),e._v(" must also be set to indicate the endpoints of the line. The line will be perpendicular to the axis identified by "),t("code",[e._v("scaleID")]),e._v(".")]),e._v(" "),t("p",[e._v("If "),t("code",[e._v("scaleID")]),e._v(" is unset, then "),t("code",[e._v("xScaleID")]),e._v(" and "),t("code",[e._v("yScaleID")]),e._v(" are used to draw a line from "),t("code",[e._v("(xMin, yMin)")]),e._v(" to "),t("code",[e._v("(xMax, yMax)")]),e._v(".")]),e._v(" "),t("table",[t("thead",[t("tr",[t("th",[e._v("Name")]),e._v(" "),t("th",[e._v("Description")])])]),e._v(" "),t("tbody",[t("tr",[t("td",[t("code",[e._v("adjustScaleRange")])]),e._v(" "),t("td",[e._v("Should the scale range be adjusted if this annotation is out of range.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("controlPoint")])]),e._v(" "),t("td",[e._v("if "),t("code",[e._v("curve")]),e._v(" is enabled, it configures the control point to drawn the curve, calculated in pixels. It can be set by a string in percentage format "),t("code",[e._v("'number%'")]),e._v(" which are representing the percentage of the distance between the start and end point from the center.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("curve")])]),e._v(" "),t("td",[e._v("Whether or not a quadratic "),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Glossary/Bezier_curve",target:"_blank",rel:"noopener noreferrer"}},[e._v("Bézier curve"),t("OutboundLink")],1),e._v(" is drawn.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("display")])]),e._v(" "),t("td",[e._v("Whether or not this annotation is visible.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("drawTime")])]),e._v(" "),t("td",[e._v("See "),t("RouterLink",{attrs:{to:"/guide/options.html#draw-time"}},[e._v("drawTime")]),e._v(".")],1)]),e._v(" "),t("tr",[t("td",[t("code",[e._v("endValue")])]),e._v(" "),t("td",[e._v("End two of the line when a single scale is specified.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("hitTolerance")])]),e._v(" "),t("td",[e._v("Amount of pixels to interact with annotations within some distance of the mouse point.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("id")])]),e._v(" "),t("td",[e._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.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("scaleID")])]),e._v(" "),t("td",[e._v("ID of the scale in single scale mode. If unset, "),t("code",[e._v("xScaleID")]),e._v(" and "),t("code",[e._v("yScaleID")]),e._v(" are used.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("value")])]),e._v(" "),t("td",[e._v("End one of the line when a single scale is specified.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("xMax")])]),e._v(" "),t("td",[e._v("X coordinate of end two of the line in units along the x axis.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("xMin")])]),e._v(" "),t("td",[e._v("X coordinate of end one of the line in units along the x axis.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("xScaleID")])]),e._v(" "),t("td",[e._v("ID of the X scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as "),t("code",[e._v("'x'")]),e._v(" axis. If more than one scale has been defined in the chart as "),t("code",[e._v("'x'")]),e._v(" axis, the option is mandatory to select the right scale.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("yMax")])]),e._v(" "),t("td",[e._v("Y coordinate of end two of the line in units along the y axis.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("yMin")])]),e._v(" "),t("td",[e._v("Y coordinate of end one of the line in units along the y axis.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("yScaleID")])]),e._v(" "),t("td",[e._v("ID of the Y scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as "),t("code",[e._v("'y'")]),e._v(" axis. If more than one scale has been defined in the chart as "),t("code",[e._v("'y'")]),e._v(" axis, the option is mandatory to select the right scale.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("z")])]),e._v(" "),t("td",[e._v("The "),t("code",[e._v("z")]),e._v(" property determines the drawing stack level of the line annotation element. All visible elements will be drawn in ascending order of "),t("code",[e._v("z")]),e._v(" option, with the same "),t("code",[e._v("drawTime")]),e._v(" option.")])])])]),e._v(" "),t("h3",{attrs:{id:"styling"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#styling"}},[e._v("#")]),e._v(" Styling")]),e._v(" "),t("table",[t("thead",[t("tr",[t("th",[e._v("Name")]),e._v(" "),t("th",[e._v("Description")])])]),e._v(" "),t("tbody",[t("tr",[t("td",[t("code",[e._v("borderColor")])]),e._v(" "),t("td",[e._v("Stroke color.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("borderDash")])]),e._v(" "),t("td",[e._v("Length and spacing of dashes. See "),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/setLineDash",target:"_blank",rel:"noopener noreferrer"}},[e._v("MDN"),t("OutboundLink")],1),e._v(".")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("borderDashOffset")])]),e._v(" "),t("td",[e._v("Offset for line dashes. See "),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineDashOffset",target:"_blank",rel:"noopener noreferrer"}},[e._v("MDN"),t("OutboundLink")],1),e._v(".")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("borderShadowColor")])]),e._v(" "),t("td",[e._v("The color of shadow. See "),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowColor",target:"_blank",rel:"noopener noreferrer"}},[e._v("MDN"),t("OutboundLink")],1),e._v(".")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("borderWidth")])]),e._v(" "),t("td",[e._v("Stroke width.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("shadowBlur")])]),e._v(" "),t("td",[e._v("The amount of blur applied to shadow. See "),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowBlur",target:"_blank",rel:"noopener noreferrer"}},[e._v("MDN"),t("OutboundLink")],1),e._v(".")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("shadowOffsetX")])]),e._v(" "),t("td",[e._v("The distance that shadow will be offset horizontally. See "),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowOffsetX",target:"_blank",rel:"noopener noreferrer"}},[e._v("MDN"),t("OutboundLink")],1),e._v(".")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("shadowOffsetY")])]),e._v(" "),t("td",[e._v("The distance that shadow will be offset vertically. See "),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowOffsetY",target:"_blank",rel:"noopener noreferrer"}},[e._v("MDN"),t("OutboundLink")],1),e._v(".")])])])]),e._v(" "),t("h2",{attrs:{id:"label"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#label"}},[e._v("#")]),e._v(" Label")]),e._v(" "),t("p",[e._v("Namespace: "),t("code",[e._v("options.annotations[annotationID].label")]),e._v(", it defines options for the line annotation label.")]),e._v(" "),t("p",[e._v("All of these options can be "),t("RouterLink",{attrs:{to:"/guide/options.html#scriptable-options"}},[e._v("Scriptable")])],1),e._v(" "),t("table",[t("thead",[t("tr",[t("th",[e._v("Name")]),e._v(" "),t("th",[e._v("Type")]),e._v(" "),t("th",{staticStyle:{"text-align":"center"}},[e._v("Default")]),e._v(" "),t("th",[e._v("Notes")])])]),e._v(" "),t("tbody",[t("tr",[t("td",[t("code",[e._v("backgroundColor")])]),e._v(" "),t("td",[t("RouterLink",{attrs:{to:"/guide/options.html#color"}},[t("code",[e._v("Color")])])],1),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("'rgba(0,0,0,0.8)'")])]),e._v(" "),t("td",[e._v("Background color of the label container.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("backgroundShadowColor")])]),e._v(" "),t("td",[t("RouterLink",{attrs:{to:"/guide/options.html#color"}},[t("code",[e._v("Color")])])],1),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("'transparent'")])]),e._v(" "),t("td",[e._v("The color of shadow of the box where the label is located. See "),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowColor",target:"_blank",rel:"noopener noreferrer"}},[e._v("MDN"),t("OutboundLink")],1),e._v(".")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("borderCapStyle")])]),e._v(" "),t("td",[t("code",[e._v("string")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("'butt'")])]),e._v(" "),t("td",[e._v("Cap style of the border line. See "),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineCap",target:"_blank",rel:"noopener noreferrer"}},[e._v("MDN"),t("OutboundLink")],1),e._v(".")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("borderColor")])]),e._v(" "),t("td",[t("RouterLink",{attrs:{to:"/guide/options.html#color"}},[t("code",[e._v("Color")])])],1),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("black")])]),e._v(" "),t("td",[e._v("The border line color.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("borderDash")])]),e._v(" "),t("td",[t("code",[e._v("number[]")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("[]")])]),e._v(" "),t("td",[e._v("Length and spacing of dashes. See "),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/setLineDash",target:"_blank",rel:"noopener noreferrer"}},[e._v("MDN"),t("OutboundLink")],1),e._v(".")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("borderDashOffset")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("0")])]),e._v(" "),t("td",[e._v("Offset for border line dashes. See "),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineDashOffset",target:"_blank",rel:"noopener noreferrer"}},[e._v("MDN"),t("OutboundLink")],1),e._v(".")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("borderJoinStyle")])]),e._v(" "),t("td",[t("code",[e._v("string")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("'miter'")])]),e._v(" "),t("td",[e._v("Border line join style. See "),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineJoin",target:"_blank",rel:"noopener noreferrer"}},[e._v("MDN"),t("OutboundLink")],1),e._v(".")])]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#borderradius"}},[t("code",[e._v("borderRadius")])])]),e._v(" "),t("td",[t("code",[e._v("number")]),e._v(" | "),t("code",[e._v("object")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("6")])]),e._v(" "),t("td",[e._v("Radius of label box corners in pixels.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("borderShadowColor")])]),e._v(" "),t("td",[t("RouterLink",{attrs:{to:"/guide/options.html#color"}},[t("code",[e._v("Color")])])],1),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("'transparent'")])]),e._v(" "),t("td",[e._v("The color of border shadow of the box where the label is located. See "),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowColor",target:"_blank",rel:"noopener noreferrer"}},[e._v("MDN"),t("OutboundLink")],1),e._v(".")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("borderWidth")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("0")])]),e._v(" "),t("td",[e._v("The border line width (in pixels).")])]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#callout"}},[t("code",[e._v("callout")])])]),e._v(" "),t("td",[t("code",[e._v("object")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}}),e._v(" "),t("td",[e._v("Can connect the label to the line. See "),t("a",{attrs:{href:"#callout"}},[e._v("callout")]),e._v(".")])]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#fonts-and-colors"}},[t("code",[e._v("color")])])]),e._v(" "),t("td",[t("a",{attrs:{href:"../options#color"}},[t("code",[e._v("Color")]),e._v("|"),t("code",[e._v("Color[]")])])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("'#fff'")])]),e._v(" "),t("td",[e._v("Text color.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("content")])]),e._v(" "),t("td",[t("code",[e._v("string")]),e._v("|"),t("code",[e._v("string[]")]),e._v("|"),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/Image",target:"_blank",rel:"noopener noreferrer"}},[t("code",[e._v("Image")]),t("OutboundLink")],1),e._v("|"),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement",target:"_blank",rel:"noopener noreferrer"}},[t("code",[e._v("HTMLCanvasElement")]),t("OutboundLink")],1)]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("null")])]),e._v(" "),t("td",[e._v("The content to show in the label.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("display")])]),e._v(" "),t("td",[t("code",[e._v("boolean")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("false")])]),e._v(" "),t("td",[e._v("Whether or not the label is shown.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("drawTime")])]),e._v(" "),t("td",[t("code",[e._v("string")]),e._v("|"),t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("options.drawTime")])]),e._v(" "),t("td",[e._v("See "),t("a",{attrs:{href:"../options#draw-time"}},[e._v("drawTime")]),e._v(". Defaults to the line annotation draw time if unset.")])]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#fonts-and-colors"}},[t("code",[e._v("font")])])]),e._v(" "),t("td",[t("a",{attrs:{href:"../options#font"}},[t("code",[e._v("Font")]),e._v("|"),t("code",[e._v("Font[]")])])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("{ weight: 'bold' }")])]),e._v(" "),t("td",[e._v("Label font.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("height")])]),e._v(" "),t("td",[t("code",[e._v("number")]),e._v("|"),t("code",[e._v("string")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("undefined")])]),e._v(" "),t("td",[e._v("Overrides the height of the image or canvas element. Could be set in pixel by a number, or in percentage of current height of image or canvas element by a string. If undefined, uses the height of the image or canvas element. It is used only when the content is an image or canvas element.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("hitTolerance")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("undefined")])]),e._v(" "),t("td",[e._v("Amount of pixels to interact with annotations within some distance of the mouse point.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("opacity")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("undefined")])]),e._v(" "),t("td",[e._v("Overrides the opacity of the image or canvas element. Could be set a number in the range 0.0 to 1.0, inclusive. If undefined, uses the opacity of the image or canvas element. It is used only when the content is an image or canvas element.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("padding")])]),e._v(" "),t("td",[t("RouterLink",{attrs:{to:"/guide/options.html#padding"}},[t("code",[e._v("Padding")])])],1),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("6")])]),e._v(" "),t("td",[e._v("The padding to add around the text label.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("position")])]),e._v(" "),t("td",[t("code",[e._v("string")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("'center'")])]),e._v(" "),t("td",[e._v("Anchor position of label on line. Possible options are: "),t("code",[e._v("'start'")]),e._v(", "),t("code",[e._v("'center'")]),e._v(", "),t("code",[e._v("'end'")]),e._v(". It can be set by a string in percentage format "),t("code",[e._v("'number%'")]),e._v(" which are representing the percentage on the width of the line where the label will be located.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("rotation")])]),e._v(" "),t("td",[t("code",[e._v("number")]),e._v("|"),t("code",[e._v("'auto'")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("0")])]),e._v(" "),t("td",[e._v("Rotation of label, in degrees, or 'auto' to use the degrees of the line.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("shadowBlur")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("0")])]),e._v(" "),t("td",[e._v("The amount of blur applied to shadow of the box where the label is located. See "),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowBlur",target:"_blank",rel:"noopener noreferrer"}},[e._v("MDN"),t("OutboundLink")],1),e._v(".")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("shadowOffsetX")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("0")])]),e._v(" "),t("td",[e._v("The distance that shadow, of the box where the label is located, will be offset horizontally. See "),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowOffsetX",target:"_blank",rel:"noopener noreferrer"}},[e._v("MDN"),t("OutboundLink")],1),e._v(".")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("shadowOffsetY")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("0")])]),e._v(" "),t("td",[e._v("The distance that shadow, of the box where the label is located, will be offset vertically. See "),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowOffsetY",target:"_blank",rel:"noopener noreferrer"}},[e._v("MDN"),t("OutboundLink")],1),e._v(".")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("textAlign")])]),e._v(" "),t("td",[t("code",[e._v("string")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("'center'")])]),e._v(" "),t("td",[e._v("Text alignment of label content when there's more than one line. Possible options are: "),t("code",[e._v("'start'")]),e._v(", "),t("code",[e._v("'center'")]),e._v(", "),t("code",[e._v("'end'")]),e._v(".")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("textStrokeColor")])]),e._v(" "),t("td",[t("RouterLink",{attrs:{to:"/guide/options.html#color"}},[t("code",[e._v("Color")])])],1),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("undefined")])]),e._v(" "),t("td",[e._v("The color of the stroke around the text.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("textStrokeWidth")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("0")])]),e._v(" "),t("td",[e._v("Stroke width around the text.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("width")])]),e._v(" "),t("td",[t("code",[e._v("number")]),e._v("|"),t("code",[e._v("string")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("undefined")])]),e._v(" "),t("td",[e._v("Overrides the width of the image or canvas element. Could be set in pixel by a number, or in percentage of current width of image or canvas element by a string. If undefined, uses the width of the image or canvas element. It is used only when the content is an image or canvas element.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("xAdjust")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("0")])]),e._v(" "),t("td",[e._v("Adjustment along x-axis (left-right) of label relative to computed position. Negative values move the label left, positive right.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("yAdjust")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("0")])]),e._v(" "),t("td",[e._v("Adjustment along y-axis (top-bottom) of label relative to computed position. Negative values move the label up, positive down.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("z")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("0")])]),e._v(" "),t("td",[e._v("It determines the drawing stack level of the label element, with same "),t("code",[e._v("drawTime")]),e._v(".")])])])]),e._v(" "),t("h3",{attrs:{id:"borderradius"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#borderradius"}},[e._v("#")]),e._v(" borderRadius")]),e._v(" "),t("p",[e._v("If this value is a number, it is applied to all corners of the rectangle (topLeft, topRight, bottomLeft, bottomRight). If this value is an object, the "),t("code",[e._v("topLeft")]),e._v(" property defines the top-left corners border radius. Similarly, the "),t("code",[e._v("topRight")]),e._v(", "),t("code",[e._v("bottomLeft")]),e._v(", and "),t("code",[e._v("bottomRight")]),e._v(" properties can also be specified. Omitted corners have radius of 0.")]),e._v(" "),t("h3",{attrs:{id:"fonts-and-colors"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#fonts-and-colors"}},[e._v("#")]),e._v(" Fonts and colors")]),e._v(" "),t("p",[e._v("When the label to draw has multiple lines, you can use different font and color for each line of the label. This is enabled configuring an array of fonts or colors for those options. When the lines are more than the configured fonts of colors, the last configuration of those options is used for all remaining lines.")]),e._v(" "),t("h3",{attrs:{id:"callout"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#callout"}},[e._v("#")]),e._v(" Callout")]),e._v(" "),t("p",[e._v("A callout can connect the label to the line when the label is arbitrarily (by "),t("code",[e._v("xAdjust")]),e._v(" and "),t("code",[e._v("yAdjust")]),e._v(" options) moved from its original position.")]),e._v(" "),t("p",[e._v("Namespace: "),t("code",[e._v("options.annotations[annotationID].label.callout")]),e._v(", it defines options for the callout on the label of the line annotation.")]),e._v(" "),t("p",[e._v("All of these options can be "),t("RouterLink",{attrs:{to:"/guide/options.html#scriptable-options"}},[e._v("Scriptable")]),e._v(".")],1),e._v(" "),t("table",[t("thead",[t("tr",[t("th",[e._v("Name")]),e._v(" "),t("th",[e._v("Type")]),e._v(" "),t("th",{staticStyle:{"text-align":"center"}},[e._v("Default")]),e._v(" "),t("th",[e._v("Notes")])])]),e._v(" "),t("tbody",[t("tr",[t("td",[t("code",[e._v("borderCapStyle")])]),e._v(" "),t("td",[t("code",[e._v("string")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("'butt'")])]),e._v(" "),t("td",[e._v("Cap style of the border line of callout. See "),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineCap",target:"_blank",rel:"noopener noreferrer"}},[e._v("MDN"),t("OutboundLink")],1),e._v(".")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("borderColor")])]),e._v(" "),t("td",[t("RouterLink",{attrs:{to:"/guide/options.html#color"}},[t("code",[e._v("Color")])])],1),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("undefined")])]),e._v(" "),t("td",[e._v("Stroke color of the pointer of the callout.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("borderDash")])]),e._v(" "),t("td",[t("code",[e._v("number[]")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("[]")])]),e._v(" "),t("td",[e._v("Length and spacing of dashes of callout. See "),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/setLineDash",target:"_blank",rel:"noopener noreferrer"}},[e._v("MDN"),t("OutboundLink")],1),e._v(".")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("borderDashOffset")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("0")])]),e._v(" "),t("td",[e._v("Offset for line dashes of callout. See "),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineDashOffset",target:"_blank",rel:"noopener noreferrer"}},[e._v("MDN"),t("OutboundLink")],1),e._v(".")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("borderJoinStyle")])]),e._v(" "),t("td",[t("code",[e._v("string")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("'miter'")])]),e._v(" "),t("td",[e._v("Border line join style of the callout. See "),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineJoin",target:"_blank",rel:"noopener noreferrer"}},[e._v("MDN"),t("OutboundLink")],1),e._v(".")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("borderWidth")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("1")])]),e._v(" "),t("td",[e._v("Stroke width of the pointer of the callout.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("display")])]),e._v(" "),t("td",[t("code",[e._v("boolean")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("false")])]),e._v(" "),t("td",[e._v("If true, the callout is drawn.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("margin")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("5")])]),e._v(" "),t("td",[e._v("Amount of pixels between the label and the callout separator.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("position")])]),e._v(" "),t("td",[t("code",[e._v("string")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("'auto'")])]),e._v(" "),t("td",[e._v("The position of callout, with respect to the label. Could be "),t("code",[e._v("left")]),e._v(", "),t("code",[e._v("top")]),e._v(", "),t("code",[e._v("right")]),e._v(", "),t("code",[e._v("bottom")]),e._v(" or "),t("code",[e._v("auto")]),e._v(".")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("side")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("5")])]),e._v(" "),t("td",[e._v("Width of the starter line of callout pointer.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("start")])]),e._v(" "),t("td",[t("code",[e._v("number")]),e._v("|"),t("code",[e._v("string")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("'50%'")])]),e._v(" "),t("td",[e._v("The percentage of the separator dimension to use as starting point for callout pointer. Could be set in pixel by a number, or in percentage of the separator dimension by a string.")])])])]),e._v(" "),t("h2",{attrs:{id:"arrow-heads"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#arrow-heads"}},[e._v("#")]),e._v(" Arrow heads")]),e._v(" "),t("p",[e._v("Namespace: "),t("code",[e._v("options.annotations[annotationID].arrowHeads")]),e._v(", it defines options for the line annotation arrow heads.")]),e._v(" "),t("p",[e._v("All of these options can be "),t("RouterLink",{attrs:{to:"/guide/options.html#scriptable-options"}},[e._v("Scriptable")])],1),e._v(" "),t("table",[t("thead",[t("tr",[t("th",[e._v("Name")]),e._v(" "),t("th",[e._v("Type")]),e._v(" "),t("th",[e._v("Notes")])])]),e._v(" "),t("tbody",[t("tr",[t("td",[t("a",{attrs:{href:"#arrow-head-configuration"}},[t("code",[e._v("end")])])]),e._v(" "),t("td",[t("code",[e._v("object")])]),e._v(" "),t("td",[e._v("To configure the arrow head at the end of the line.")])]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#arrow-head-configuration"}},[t("code",[e._v("start")])])]),e._v(" "),t("td",[t("code",[e._v("object")])]),e._v(" "),t("td",[e._v("To configure the arrow head at the start of the line.")])])])]),e._v(" "),t("h3",{attrs:{id:"arrow-head-configuration"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#arrow-head-configuration"}},[e._v("#")]),e._v(" Arrow head configuration")]),e._v(" "),t("p",[e._v("Enabling it, you can add arrow heads at start and/or end of a line. It uses the "),t("code",[e._v("borderWidth")]),e._v(" of the line options to configure the line width of the arrow head.")]),e._v(" "),t("p",[e._v("The following options can be specified per ("),t("code",[e._v("start")]),e._v(" and/or "),t("code",[e._v("end")]),e._v(") arrow head, or at the top level ("),t("code",[e._v("arrowHeads")]),e._v(") which apply to all arrow heads.")]),e._v(" "),t("p",[e._v("All of these options can be "),t("RouterLink",{attrs:{to:"/guide/options.html#scriptable-options"}},[e._v("Scriptable")])],1),e._v(" "),t("table",[t("thead",[t("tr",[t("th",[e._v("Name")]),e._v(" "),t("th",[e._v("Type")]),e._v(" "),t("th",{staticStyle:{"text-align":"center"}},[e._v("Default")]),e._v(" "),t("th",[e._v("Notes")])])]),e._v(" "),t("tbody",[t("tr",[t("td",[t("code",[e._v("backgroundColor")])]),e._v(" "),t("td",[t("RouterLink",{attrs:{to:"/guide/options.html#color"}},[t("code",[e._v("Color")])])],1),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("lineAnnotation.borderColor")])]),e._v(" "),t("td",[e._v("Background color of the arrow head.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("backgroundShadowColor")])]),e._v(" "),t("td",[t("RouterLink",{attrs:{to:"/guide/options.html#color"}},[t("code",[e._v("Color")])])],1),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("'transparent'")])]),e._v(" "),t("td",[e._v("The color of shadow of the arrow head. See "),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowColor",target:"_blank",rel:"noopener noreferrer"}},[e._v("MDN"),t("OutboundLink")],1),e._v(".")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("borderColor")])]),e._v(" "),t("td",[t("RouterLink",{attrs:{to:"/guide/options.html#color"}},[t("code",[e._v("Color")])])],1),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("lineAnnotation.borderColor")])]),e._v(" "),t("td",[e._v("The border arrow head color.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("borderDash")])]),e._v(" "),t("td",[t("code",[e._v("number[]")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("lineAnnotation.borderDash")])]),e._v(" "),t("td",[e._v("Length and spacing of dashes. See "),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/setLineDash",target:"_blank",rel:"noopener noreferrer"}},[e._v("MDN"),t("OutboundLink")],1),e._v(".")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("borderDashOffset")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("lineAnnotation.borderDashOffset")])]),e._v(" "),t("td",[e._v("Offset for border arrow head dashes. See "),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineDashOffset",target:"_blank",rel:"noopener noreferrer"}},[e._v("MDN"),t("OutboundLink")],1),e._v(".")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("borderShadowColor")])]),e._v(" "),t("td",[t("RouterLink",{attrs:{to:"/guide/options.html#color"}},[t("code",[e._v("Color")])])],1),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("lineAnnotation.borderShadowColor")])]),e._v(" "),t("td",[e._v("The color of border shadow of the arrow head. See "),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowColor",target:"_blank",rel:"noopener noreferrer"}},[e._v("MDN"),t("OutboundLink")],1),e._v(".")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("borderWidth")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("lineAnnotation.borderWidth")])]),e._v(" "),t("td",[e._v("The border line width (in pixels).")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("display")])]),e._v(" "),t("td",[t("code",[e._v("boolean")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("false")])]),e._v(" "),t("td",[e._v("Whether or not the arrow head is shown.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("fill")])]),e._v(" "),t("td",[t("code",[e._v("boolean")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("false")])]),e._v(" "),t("td",[e._v("Whether or not the arrow head is filled.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("length")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("12")])]),e._v(" "),t("td",[e._v("The length of the arrow head in pixels.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("shadowBlur")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("lineAnnotation.shadowBlur")])]),e._v(" "),t("td",[e._v("The amount of blur applied to shadow of the arrow head. See "),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowBlur",target:"_blank",rel:"noopener noreferrer"}},[e._v("MDN"),t("OutboundLink")],1),e._v(".")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("shadowOffsetX")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("lineAnnotation.shadowOffsetX")])]),e._v(" "),t("td",[e._v("The distance that shadow, of the arrow head, will be offset horizontally. See "),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowOffsetX",target:"_blank",rel:"noopener noreferrer"}},[e._v("MDN"),t("OutboundLink")],1),e._v(".")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("shadowOffsetY")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("lineAnnotation.shadowOffsetY")])]),e._v(" "),t("td",[e._v("The distance that shadow, of the arrow head, will be offset vertically. See "),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowOffsetY",target:"_blank",rel:"noopener noreferrer"}},[e._v("MDN"),t("OutboundLink")],1),e._v(".")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("width")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("6")])]),e._v(" "),t("td",[e._v("The width of the arrow head in pixels.")])])])]),e._v(" "),t("h2",{attrs:{id:"element"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#element"}},[e._v("#")]),e._v(" Element")]),e._v(" "),t("p",[e._v("The following diagram is showing the element properties about a "),t("code",[e._v("'line'")]),e._v(" annotation:")]),e._v(" "),t("p",[t("img",{attrs:{src:o(264),alt:"line"}})]),e._v(" "),t("p",[e._v("The label of a box annotation is described as a "),t("RouterLink",{attrs:{to:"/guide/types/label.html#element"}},[e._v("label annotation")]),e._v(" and accessible by "),t("code",[e._v("element.label")]),e._v(".")],1)],1)}),[],!1,null,null,null);t.default=r.exports}}]); \ No newline at end of file diff --git a/master/assets/js/13.69022249.js b/master/assets/js/13.c51f20ba.js similarity index 99% rename from master/assets/js/13.69022249.js rename to master/assets/js/13.c51f20ba.js index 59e5ba1ca..7405956be 100644 --- a/master/assets/js/13.69022249.js +++ b/master/assets/js/13.c51f20ba.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[13],{265:function(t,e,o){t.exports=o.p+"assets/img/elementPointProps.de8e50cf.png"},469: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:"point-annotations"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#point-annotations"}},[t._v("#")]),t._v(" Point Annotations")]),t._v(" "),e("p",[t._v("Point annotations are used to mark points 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 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"}}),e("h2",{attrs:{id:"configuration"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#configuration"}},[t._v("#")]),t._v(" Configuration")]),t._v(" "),e("h3",{attrs:{id:"point-annotation-specific-options"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#point-annotation-specific-options"}},[t._v("#")]),t._v(" Point annotation specific options")]),t._v(" "),e("p",[t._v("The following options are available for point annotations.")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"center"}},[e("RouterLink",{attrs:{to:"/guide/options.html#scriptable-options"}},[t._v("Scriptable")])],1),t._v(" "),e("th",[t._v("Default")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("backgroundShadowColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#color"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'transparent'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderWidth")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("1")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("pointStyle")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#point-style"}},[e("code",[t._v("PointStyle")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'circle'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#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("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 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.")]),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 point in pixels.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("rotation")])]),t._v(" "),e("td",[t._v("Rotation of point, in degrees.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("xAdjust")])]),t._v(" "),e("td",[t._v("Adjustment along x-axis (left-right) of point relative to computed position. Negative values move the point left, positive right.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("xMax")])]),t._v(" "),e("td",[t._v("Right edge of the box in units along the x axis.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("xMin")])]),t._v(" "),e("td",[t._v("Left edge of the box in units along the x axis.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("xScaleID")])]),t._v(" "),e("td",[t._v("ID of the X scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as "),e("code",[t._v("'x'")]),t._v(" axis. If more than one scale has been defined in the chart as "),e("code",[t._v("'x'")]),t._v(" axis, the option is mandatory to select the right scale.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("xValue")])]),t._v(" "),e("td",[t._v("X coordinate of the point in units along the x axis.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("yAdjust")])]),t._v(" "),e("td",[t._v("Adjustment along y-axis (top-bottom) of point relative to computed position. Negative values move the point up, positive down.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("yMax")])]),t._v(" "),e("td",[t._v("Bottom edge of the box in units along the y axis.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("yMin")])]),t._v(" "),e("td",[t._v("Top edge of the box in units along the y axis.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("yScaleID")])]),t._v(" "),e("td",[t._v("ID of the Y scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as "),e("code",[t._v("'y'")]),t._v(" axis. If more than one scale has been defined in the chart as "),e("code",[t._v("'y'")]),t._v(" axis, the option is mandatory to select the right scale.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("yValue")])]),t._v(" "),e("td",[t._v("Y coordinate of the point in units along the y axis.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("z")])]),t._v(" "),e("td",[t._v("The "),e("code",[t._v("z")]),t._v(" property determines the drawing stack level of the point annotation element. All visible elements will be drawn in ascending order of "),e("code",[t._v("z")]),t._v(" option, with the same "),e("code",[t._v("drawTime")]),t._v(" option.")])])])]),t._v(" "),e("h3",{attrs:{id:"styling"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#styling"}},[t._v("#")]),t._v(" Styling")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("backgroundColor")])]),t._v(" "),e("td",[t._v("Fill color.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("backgroundShadowColor")])]),t._v(" "),e("td",[t._v("The color of shadow. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowColor",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderColor")])]),t._v(" "),e("td",[t._v("Stroke color.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderDash")])]),t._v(" "),e("td",[t._v("Length and spacing of dashes. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/setLineDash",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderDashOffset")])]),t._v(" "),e("td",[t._v("Offset for line dashes. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineDashOffset",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderShadowColor")])]),t._v(" "),e("td",[t._v("The color of 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("pointStyle")])]),t._v(" "),e("td",[t._v("Style of the point.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("shadowBlur")])]),t._v(" "),e("td",[t._v("The amount of blur applied to shadow. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowBlur",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("shadowOffsetX")])]),t._v(" "),e("td",[t._v("The distance that shadow will be offset horizontally. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowOffsetX",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("shadowOffsetY")])]),t._v(" "),e("td",[t._v("The distance that shadow will be offset vertically. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowOffsetY",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])])])]),t._v(" "),e("h2",{attrs:{id:"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("'point'")]),t._v(" annotation:")]),t._v(" "),e("p",[e("img",{attrs:{src:o(265),alt:"point"}})])],1)}),[],!1,null,null,null);e.default=a.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[13],{265:function(t,e,o){t.exports=o.p+"assets/img/elementPointProps.de8e50cf.png"},470: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:"point-annotations"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#point-annotations"}},[t._v("#")]),t._v(" Point Annotations")]),t._v(" "),e("p",[t._v("Point annotations are used to mark points 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 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"}}),e("h2",{attrs:{id:"configuration"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#configuration"}},[t._v("#")]),t._v(" Configuration")]),t._v(" "),e("h3",{attrs:{id:"point-annotation-specific-options"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#point-annotation-specific-options"}},[t._v("#")]),t._v(" Point annotation specific options")]),t._v(" "),e("p",[t._v("The following options are available for point annotations.")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"center"}},[e("RouterLink",{attrs:{to:"/guide/options.html#scriptable-options"}},[t._v("Scriptable")])],1),t._v(" "),e("th",[t._v("Default")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("backgroundShadowColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#color"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'transparent'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderWidth")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("1")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("pointStyle")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#point-style"}},[e("code",[t._v("PointStyle")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'circle'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#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("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 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.")]),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 point in pixels.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("rotation")])]),t._v(" "),e("td",[t._v("Rotation of point, in degrees.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("xAdjust")])]),t._v(" "),e("td",[t._v("Adjustment along x-axis (left-right) of point relative to computed position. Negative values move the point left, positive right.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("xMax")])]),t._v(" "),e("td",[t._v("Right edge of the box in units along the x axis.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("xMin")])]),t._v(" "),e("td",[t._v("Left edge of the box in units along the x axis.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("xScaleID")])]),t._v(" "),e("td",[t._v("ID of the X scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as "),e("code",[t._v("'x'")]),t._v(" axis. If more than one scale has been defined in the chart as "),e("code",[t._v("'x'")]),t._v(" axis, the option is mandatory to select the right scale.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("xValue")])]),t._v(" "),e("td",[t._v("X coordinate of the point in units along the x axis.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("yAdjust")])]),t._v(" "),e("td",[t._v("Adjustment along y-axis (top-bottom) of point relative to computed position. Negative values move the point up, positive down.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("yMax")])]),t._v(" "),e("td",[t._v("Bottom edge of the box in units along the y axis.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("yMin")])]),t._v(" "),e("td",[t._v("Top edge of the box in units along the y axis.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("yScaleID")])]),t._v(" "),e("td",[t._v("ID of the Y scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as "),e("code",[t._v("'y'")]),t._v(" axis. If more than one scale has been defined in the chart as "),e("code",[t._v("'y'")]),t._v(" axis, the option is mandatory to select the right scale.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("yValue")])]),t._v(" "),e("td",[t._v("Y coordinate of the point in units along the y axis.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("z")])]),t._v(" "),e("td",[t._v("The "),e("code",[t._v("z")]),t._v(" property determines the drawing stack level of the point annotation element. All visible elements will be drawn in ascending order of "),e("code",[t._v("z")]),t._v(" option, with the same "),e("code",[t._v("drawTime")]),t._v(" option.")])])])]),t._v(" "),e("h3",{attrs:{id:"styling"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#styling"}},[t._v("#")]),t._v(" Styling")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("backgroundColor")])]),t._v(" "),e("td",[t._v("Fill color.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("backgroundShadowColor")])]),t._v(" "),e("td",[t._v("The color of shadow. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowColor",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderColor")])]),t._v(" "),e("td",[t._v("Stroke color.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderDash")])]),t._v(" "),e("td",[t._v("Length and spacing of dashes. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/setLineDash",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderDashOffset")])]),t._v(" "),e("td",[t._v("Offset for line dashes. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineDashOffset",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderShadowColor")])]),t._v(" "),e("td",[t._v("The color of 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("pointStyle")])]),t._v(" "),e("td",[t._v("Style of the point.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("shadowBlur")])]),t._v(" "),e("td",[t._v("The amount of blur applied to shadow. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowBlur",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("shadowOffsetX")])]),t._v(" "),e("td",[t._v("The distance that shadow will be offset horizontally. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowOffsetX",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("shadowOffsetY")])]),t._v(" "),e("td",[t._v("The distance that shadow will be offset vertically. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowOffsetY",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])])])]),t._v(" "),e("h2",{attrs:{id:"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("'point'")]),t._v(" annotation:")]),t._v(" "),e("p",[e("img",{attrs:{src:o(265),alt:"point"}})])],1)}),[],!1,null,null,null);e.default=a.exports}}]); \ No newline at end of file diff --git a/master/assets/js/14.7a2bb46d.js b/master/assets/js/14.97565b88.js similarity index 99% rename from master/assets/js/14.7a2bb46d.js rename to master/assets/js/14.97565b88.js index 3d8bd0d1d..bdbb37bc4 100644 --- a/master/assets/js/14.7a2bb46d.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"},470: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.a681d1c5.js b/master/assets/js/16.7ce3b7d3.js similarity index 93% rename from master/assets/js/16.a681d1c5.js rename to master/assets/js/16.7ce3b7d3.js index b0c33d735..e64caead9 100644 --- a/master/assets/js/16.a681d1c5.js +++ b/master/assets/js/16.7ce3b7d3.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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/types/index.d.ts#L21",target:"_blank",rel:"noopener noreferrer"}},[t._v("index.d.ts:21"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=o.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[16],{426:function(t,e,a){"use strict";a.r(e);var n=a(4),o=Object(n.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"chart-js-annotation-v3-0-1"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#chart-js-annotation-v3-0-1"}},[t._v("#")]),t._v(" Chart.js annotation - v3.0.1")]),t._v(" "),e("h2",{attrs:{id:"interfaces"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interfaces"}},[t._v("#")]),t._v(" Interfaces")]),t._v(" "),e("ul",[e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationBoxModel.html"}},[t._v("AnnotationBoxModel")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationElement.html"}},[t._v("AnnotationElement")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationEvents.html"}},[t._v("AnnotationEvents")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationHooks.html"}},[t._v("AnnotationHooks")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationPluginOptions.html"}},[t._v("AnnotationPluginOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationPointCoordinates.html"}},[t._v("AnnotationPointCoordinates")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationTypeRegistry.html"}},[t._v("AnnotationTypeRegistry")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/ArrowHeadOptions.html"}},[t._v("ArrowHeadOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/ArrowHeadsOptions.html"}},[t._v("ArrowHeadsOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/BoxAnnotationOptions.html"}},[t._v("BoxAnnotationOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/BoxLabelOptions.html"}},[t._v("BoxLabelOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/CalloutOptions.html"}},[t._v("CalloutOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html"}},[t._v("ContainedLabelOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/ControlPointOptions.html"}},[t._v("ControlPointOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreLabelOptions.html"}},[t._v("CoreLabelOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/EllipseAnnotationOptions.html"}},[t._v("EllipseAnnotationOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/EventContext.html"}},[t._v("EventContext")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/LabelAnnotationOptions.html"}},[t._v("LabelAnnotationOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/LabelOptions.html"}},[t._v("LabelOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/LabelPadding.html"}},[t._v("LabelPadding")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/LabelPositionObject.html"}},[t._v("LabelPositionObject")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/LabelTypeOptions.html"}},[t._v("LabelTypeOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/LineAnnotationOptions.html"}},[t._v("LineAnnotationOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[t._v("PartialEventContext")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/PointAnnotationOptions.html"}},[t._v("PointAnnotationOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/PolygonAnnotationOptions.html"}},[t._v("PolygonAnnotationOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/ShadowOptions.html"}},[t._v("ShadowOptions")])],1)]),t._v(" "),e("h2",{attrs:{id:"type-aliases"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-aliases"}},[t._v("#")]),t._v(" Type Aliases")]),t._v(" "),e("h3",{attrs:{id:"annotationoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#annotationoptions"}},[t._v("#")]),t._v(" AnnotationOptions")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("AnnotationOptions")]),t._v("<"),e("code",[t._v("TYPE")]),t._v(">: { [key in TYPE]: Object & AnnotationTypeRegistry[key] }["),e("code",[t._v("TYPE")]),t._v("]")]),t._v(" "),e("h4",{attrs:{id:"type-parameters"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-parameters"}},[t._v("#")]),t._v(" Type parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("TYPE")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("extends "),e("RouterLink",{attrs:{to:"/api/#annotationtype"}},[e("code",[t._v("AnnotationType")])]),t._v(" = "),e("RouterLink",{attrs:{to:"/api/#annotationtype"}},[e("code",[t._v("AnnotationType")])])],1)])])]),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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.6194ef07.js b/master/assets/js/17.b51b0b60.js similarity index 87% rename from master/assets/js/17.6194ef07.js rename to master/assets/js/17.b51b0b60.js index 6c64994cc..84d5ab531 100644 --- a/master/assets/js/17.6194ef07.js +++ b/master/assets/js/17.b51b0b60.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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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],{428:function(t,e,r){"use strict";r.r(e);var a=r(4),n=Object(a.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"interface-annotationboxmodel"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-annotationboxmodel"}},[t._v("#")]),t._v(" Interface: AnnotationBoxModel")]),t._v(" "),e("h2",{attrs:{id:"hierarchy"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hierarchy"}},[t._v("#")]),t._v(" Hierarchy")]),t._v(" "),e("ul",[e("li",[e("p",[e("strong",[e("code",[t._v("AnnotationBoxModel")])])]),t._v(" "),e("p",[t._v("↳ "),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationElement.html"}},[e("code",[t._v("AnnotationElement")])])],1)])]),t._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),e("h3",{attrs:{id:"centerx"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#centerx"}},[t._v("#")]),t._v(" centerX")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("centerX")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/types/element.d.ts#L7",target:"_blank",rel:"noopener noreferrer"}},[t._v("element.d.ts:7"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=n.exports}}]); \ No newline at end of file diff --git a/master/assets/js/18.a827044a.js b/master/assets/js/18.90babf2e.js similarity index 92% rename from master/assets/js/18.a827044a.js rename to master/assets/js/18.90babf2e.js index 71f029605..f34e91748 100644 --- a/master/assets/js/18.a827044a.js +++ b/master/assets/js/18.90babf2e.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[18],{431: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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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],{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-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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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.f528e5ae.js b/master/assets/js/19.b1a02f53.js similarity index 96% rename from master/assets/js/19.f528e5ae.js rename to master/assets/js/19.b1a02f53.js index deeb4a30f..4611ca1b1 100644 --- a/master/assets/js/19.f528e5ae.js +++ b/master/assets/js/19.b1a02f53.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/7e09105/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/7e09105/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/7e09105/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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.555572b8.js b/master/assets/js/20.89cfd88f.js similarity index 95% rename from master/assets/js/20.555572b8.js rename to master/assets/js/20.89cfd88f.js index aa00de8d9..ef27b0475 100644 --- a/master/assets/js/20.555572b8.js +++ b/master/assets/js/20.89cfd88f.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[20],{436: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/7e09105/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/7e09105/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/8bd8a3e/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/8bd8a3e/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.0945575a.js b/master/assets/js/21.7c86d05c.js similarity index 95% rename from master/assets/js/21.0945575a.js rename to master/assets/js/21.7c86d05c.js index 388edcb43..568e5f6e0 100644 --- a/master/assets/js/21.0945575a.js +++ b/master/assets/js/21.7c86d05c.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[21],{428: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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/types/events.d.ts#L26",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:26"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=r.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[21],{431:function(t,e,a){"use strict";a.r(e);var n=a(4),r=Object(n.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"interface-annotationpluginoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-annotationpluginoptions"}},[t._v("#")]),t._v(" Interface: AnnotationPluginOptions")]),t._v(" "),e("h2",{attrs:{id:"hierarchy"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hierarchy"}},[t._v("#")]),t._v(" Hierarchy")]),t._v(" "),e("ul",[e("li",[e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationEvents.html"}},[e("code",[t._v("AnnotationEvents")])])],1)]),t._v(" "),e("li",[e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationHooks.html"}},[e("code",[t._v("AnnotationHooks")])])],1),t._v(" "),e("p",[t._v("↳ "),e("strong",[e("code",[t._v("AnnotationPluginOptions")])])])])]),t._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),e("h3",{attrs:{id:"animations"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#animations"}},[t._v("#")]),t._v(" animations")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("animations")]),t._v(": "),e("code",[t._v("Record")]),t._v("<"),e("code",[t._v("string")]),t._v(", "),e("code",[t._v("unknown")]),t._v(">")]),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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.c4a5a854.js b/master/assets/js/22.c047fe8f.js similarity index 93% rename from master/assets/js/22.c4a5a854.js rename to master/assets/js/22.c047fe8f.js index 414ecabc5..1e41e952c 100644 --- a/master/assets/js/22.c4a5a854.js +++ b/master/assets/js/22.c047fe8f.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[22],{430: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/7e09105/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/7e09105/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],{433: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/8bd8a3e/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/8bd8a3e/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.b0ee31c8.js b/master/assets/js/23.8a1ff4d6.js similarity index 92% rename from master/assets/js/23.b0ee31c8.js rename to master/assets/js/23.8a1ff4d6.js index ecb048101..c0177d6db 100644 --- a/master/assets/js/23.b0ee31c8.js +++ b/master/assets/js/23.8a1ff4d6.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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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],{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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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.3f28da10.js b/master/assets/js/24.c0484179.js similarity index 93% rename from master/assets/js/24.3f28da10.js rename to master/assets/js/24.c0484179.js index 18d1067ad..ede8eca49 100644 --- a/master/assets/js/24.3f28da10.js +++ b/master/assets/js/24.c0484179.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[24],{524: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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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],{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-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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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.7f68a9ca.js b/master/assets/js/25.8bf838e3.js similarity index 93% rename from master/assets/js/25.7f68a9ca.js rename to master/assets/js/25.8bf838e3.js index d5c54559a..ae04fca46 100644 --- a/master/assets/js/25.7f68a9ca.js +++ b/master/assets/js/25.8bf838e3.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[25],{451: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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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],{437: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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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.fc3a8dae.js b/master/assets/js/26.adea7847.js similarity index 94% rename from master/assets/js/26.fc3a8dae.js rename to master/assets/js/26.adea7847.js index a1e637691..3919f9369 100644 --- a/master/assets/js/26.fc3a8dae.js +++ b/master/assets/js/26.adea7847.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[26],{433: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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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],{435:function(t,e,a){"use strict";a.r(e);var r=a(4),o=Object(r.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"interface-boxannotationoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-boxannotationoptions"}},[t._v("#")]),t._v(" Interface: BoxAnnotationOptions")]),t._v(" "),e("h2",{attrs:{id:"hierarchy"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hierarchy"}},[t._v("#")]),t._v(" Hierarchy")]),t._v(" "),e("ul",[e("li",[e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[e("code",[t._v("CoreAnnotationOptions")])])],1),t._v(" "),e("p",[t._v("↳ "),e("strong",[e("code",[t._v("BoxAnnotationOptions")])])])])]),t._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),e("h3",{attrs:{id:"adjustscalerange"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#adjustscalerange"}},[t._v("#")]),t._v(" adjustScaleRange")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("adjustScaleRange")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("boolean")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#adjustscalerange"}},[t._v("adjustScaleRange")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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.1b442199.js b/master/assets/js/27.571506a1.js similarity index 95% rename from master/assets/js/27.1b442199.js rename to master/assets/js/27.571506a1.js index b33724429..a7d327e8a 100644 --- a/master/assets/js/27.1b442199.js +++ b/master/assets/js/27.571506a1.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[27],{440: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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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],{439: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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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.a7a848d9.js b/master/assets/js/28.3897ab39.js similarity index 92% rename from master/assets/js/28.a7a848d9.js rename to master/assets/js/28.3897ab39.js index 7b303ce2d..c12c5b91a 100644 --- a/master/assets/js/28.a7a848d9.js +++ b/master/assets/js/28.3897ab39.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[28],{434: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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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],{436: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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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.e5e10f24.js b/master/assets/js/29.e7dec541.js similarity index 93% rename from master/assets/js/29.e5e10f24.js rename to master/assets/js/29.e7dec541.js index 2f8014f4d..618e89a16 100644 --- a/master/assets/js/29.e5e10f24.js +++ b/master/assets/js/29.e7dec541.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[29],{435: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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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,a){"use strict";a.r(e);var r=a(4),o=Object(r.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"interface-containedlabeloptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-containedlabeloptions"}},[t._v("#")]),t._v(" Interface: ContainedLabelOptions")]),t._v(" "),e("h2",{attrs:{id:"hierarchy"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hierarchy"}},[t._v("#")]),t._v(" Hierarchy")]),t._v(" "),e("ul",[e("li",[e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreLabelOptions.html"}},[e("code",[t._v("CoreLabelOptions")])])],1),t._v(" "),e("p",[t._v("↳ "),e("strong",[e("code",[t._v("ContainedLabelOptions")])])]),t._v(" "),e("p",[t._v("↳↳ "),e("RouterLink",{attrs:{to:"/api/interfaces/LabelOptions.html"}},[e("code",[t._v("LabelOptions")])])],1),t._v(" "),e("p",[t._v("↳↳ "),e("RouterLink",{attrs:{to:"/api/interfaces/LabelTypeOptions.html"}},[e("code",[t._v("LabelTypeOptions")])])],1)])]),t._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),e("h3",{attrs:{id:"backgroundcolor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#backgroundcolor"}},[t._v("#")]),t._v(" backgroundColor")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("backgroundColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Color")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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.d9511bf0.js b/master/assets/js/30.5b8f813b.js similarity index 91% rename from master/assets/js/30.d9511bf0.js rename to master/assets/js/30.5b8f813b.js index c948c9570..e3d06c0a5 100644 --- a/master/assets/js/30.d9511bf0.js +++ b/master/assets/js/30.5b8f813b.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[30],{437: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/7e09105/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/7e09105/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/8bd8a3e/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/8bd8a3e/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.e27fefb6.js b/master/assets/js/31.7aefe2c6.js similarity index 94% rename from master/assets/js/31.e27fefb6.js rename to master/assets/js/31.7aefe2c6.js index 2b725f25d..9842ca89e 100644 --- a/master/assets/js/31.e27fefb6.js +++ b/master/assets/js/31.7aefe2c6.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[31],{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-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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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.80afa10a.js b/master/assets/js/32.a6040911.js similarity index 93% rename from master/assets/js/32.80afa10a.js rename to master/assets/js/32.a6040911.js index 0c518f12e..f35fce1a5 100644 --- a/master/assets/js/32.80afa10a.js +++ b/master/assets/js/32.a6040911.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[32],{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-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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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],{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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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.9406d109.js b/master/assets/js/33.c93fd971.js similarity index 94% rename from master/assets/js/33.9406d109.js rename to master/assets/js/33.c93fd971.js index 6584adfcd..a434713d9 100644 --- a/master/assets/js/33.9406d109.js +++ b/master/assets/js/33.c93fd971.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[33],{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-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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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],{443:function(t,e,a){"use strict";a.r(e);var r=a(4),n=Object(r.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"interface-ellipseannotationoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-ellipseannotationoptions"}},[t._v("#")]),t._v(" Interface: EllipseAnnotationOptions")]),t._v(" "),e("h2",{attrs:{id:"hierarchy"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hierarchy"}},[t._v("#")]),t._v(" Hierarchy")]),t._v(" "),e("ul",[e("li",[e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[e("code",[t._v("CoreAnnotationOptions")])])],1),t._v(" "),e("p",[t._v("↳ "),e("strong",[e("code",[t._v("EllipseAnnotationOptions")])])])])]),t._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),e("h3",{attrs:{id:"adjustscalerange"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#adjustscalerange"}},[t._v("#")]),t._v(" adjustScaleRange")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("adjustScaleRange")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("boolean")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#adjustscalerange"}},[t._v("adjustScaleRange")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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.308eb629.js b/master/assets/js/34.5ca5e32d.js similarity index 89% rename from master/assets/js/34.308eb629.js rename to master/assets/js/34.5ca5e32d.js index c427f65b3..79e4538ba 100644 --- a/master/assets/js/34.308eb629.js +++ b/master/assets/js/34.5ca5e32d.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[34],{442: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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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.f22ecc76.js b/master/assets/js/35.36237662.js similarity index 95% rename from master/assets/js/35.f22ecc76.js rename to master/assets/js/35.36237662.js index cebafecdd..2556c6cac 100644 --- a/master/assets/js/35.f22ecc76.js +++ b/master/assets/js/35.36237662.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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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],{445:function(t,e,a){"use strict";a.r(e);var r=a(4),n=Object(r.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"interface-labelannotationoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-labelannotationoptions"}},[t._v("#")]),t._v(" Interface: LabelAnnotationOptions")]),t._v(" "),e("h2",{attrs:{id:"hierarchy"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hierarchy"}},[t._v("#")]),t._v(" Hierarchy")]),t._v(" "),e("ul",[e("li",[e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[e("code",[t._v("CoreAnnotationOptions")])])],1)]),t._v(" "),e("li",[e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/LabelTypeOptions.html"}},[e("code",[t._v("LabelTypeOptions")])])],1)]),t._v(" "),e("li",[e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationPointCoordinates.html"}},[e("code",[t._v("AnnotationPointCoordinates")])])],1),t._v(" "),e("p",[t._v("↳ "),e("strong",[e("code",[t._v("LabelAnnotationOptions")])])])])]),t._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),e("h3",{attrs:{id:"adjustscalerange"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#adjustscalerange"}},[t._v("#")]),t._v(" adjustScaleRange")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("adjustScaleRange")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("boolean")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#adjustscalerange"}},[t._v("adjustScaleRange")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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.4de885a2.js b/master/assets/js/36.9a720c7e.js similarity index 95% rename from master/assets/js/36.4de885a2.js rename to master/assets/js/36.9a720c7e.js index 3299d0c6e..b3b7d9339 100644 --- a/master/assets/js/36.4de885a2.js +++ b/master/assets/js/36.9a720c7e.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[36],{444:function(t,e,a){"use strict";a.r(e);var r=a(4),n=Object(r.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"interface-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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/types/label.d.ts#L88",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:88"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=n.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[36],{446:function(t,e,a){"use strict";a.r(e);var r=a(4),n=Object(r.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"interface-labeloptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-labeloptions"}},[t._v("#")]),t._v(" Interface: LabelOptions")]),t._v(" "),e("h2",{attrs:{id:"hierarchy"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hierarchy"}},[t._v("#")]),t._v(" Hierarchy")]),t._v(" "),e("ul",[e("li",[e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html"}},[e("code",[t._v("ContainedLabelOptions")])])],1)]),t._v(" "),e("li",[e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/ShadowOptions.html"}},[e("code",[t._v("ShadowOptions")])])],1),t._v(" "),e("p",[t._v("↳ "),e("strong",[e("code",[t._v("LabelOptions")])])])])]),t._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),e("h3",{attrs:{id:"backgroundcolor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#backgroundcolor"}},[t._v("#")]),t._v(" backgroundColor")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("backgroundColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Color")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html"}},[t._v("ContainedLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html#backgroundcolor"}},[t._v("backgroundColor")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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.4c9e4e77.js b/master/assets/js/37.e8d2a674.js similarity index 89% rename from master/assets/js/37.4c9e4e77.js rename to master/assets/js/37.e8d2a674.js index 5b94c9d79..559a68d9f 100644 --- a/master/assets/js/37.4c9e4e77.js +++ b/master/assets/js/37.e8d2a674.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[37],{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-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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/types/label.d.ts#L23",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:23"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=n.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[37],{447:function(t,e,a){"use strict";a.r(e);var r=a(4),n=Object(r.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"interface-labelpadding"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-labelpadding"}},[t._v("#")]),t._v(" Interface: LabelPadding")]),t._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),e("h3",{attrs:{id:"bottom"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#bottom"}},[t._v("#")]),t._v(" bottom")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("bottom")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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.c60f5fe9.js b/master/assets/js/38.5d26a393.js similarity index 90% rename from master/assets/js/38.c60f5fe9.js rename to master/assets/js/38.5d26a393.js index 81ba3edd7..843bdb52b 100644 --- a/master/assets/js/38.c60f5fe9.js +++ b/master/assets/js/38.5d26a393.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[38],{446: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/7e09105/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/7e09105/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/8bd8a3e/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/8bd8a3e/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.285ab23f.js b/master/assets/js/39.3475257f.js similarity index 95% rename from master/assets/js/39.285ab23f.js rename to master/assets/js/39.3475257f.js index af3b85a31..e84264807 100644 --- a/master/assets/js/39.285ab23f.js +++ b/master/assets/js/39.3475257f.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[39],{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-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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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],{450:function(t,e,a){"use strict";a.r(e);var r=a(4),n=Object(r.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"interface-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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/types/label.d.ts#L88",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:88"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=n.exports}}]); \ No newline at end of file diff --git a/master/assets/js/40.cc89e597.js b/master/assets/js/40.da34bdac.js similarity index 94% rename from master/assets/js/40.cc89e597.js rename to master/assets/js/40.da34bdac.js index 2e3320bf7..776a6acf7 100644 --- a/master/assets/js/40.cc89e597.js +++ b/master/assets/js/40.da34bdac.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[40],{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-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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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.03eb1e43.js b/master/assets/js/41.3fb3f29b.js similarity index 91% rename from master/assets/js/41.03eb1e43.js rename to master/assets/js/41.3fb3f29b.js index 5a78e274b..d66c932f4 100644 --- a/master/assets/js/41.03eb1e43.js +++ b/master/assets/js/41.3fb3f29b.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[41],{449: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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/types/events.d.ts#L21",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:21"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=r.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[41],{451:function(t,e,n){"use strict";n.r(e);var a=n(4),r=Object(a.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"interface-partialeventcontext"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-partialeventcontext"}},[t._v("#")]),t._v(" Interface: PartialEventContext")]),t._v(" "),e("p",[t._v("Some scriptable options may be called with during the chart's initial\ndisplay, when the element isn't fully initialized.")]),t._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),e("h3",{attrs:{id:"chart"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#chart"}},[t._v("#")]),t._v(" chart")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("chart")]),t._v(": "),e("code",[t._v("Chart")]),t._v("")]),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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.44ec865a.js b/master/assets/js/42.3ecdc85e.js similarity index 94% rename from master/assets/js/42.44ec865a.js rename to master/assets/js/42.3ecdc85e.js index 0529300a7..c9af77aaa 100644 --- a/master/assets/js/42.44ec865a.js +++ b/master/assets/js/42.3ecdc85e.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[42],{450:function(t,e,a){"use strict";a.r(e);var r=a(4),n=Object(r.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"interface-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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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.e751c919.js b/master/assets/js/43.6e02f4b2.js similarity index 94% rename from master/assets/js/43.e751c919.js rename to master/assets/js/43.6e02f4b2.js index 59d64ea9d..cac579b38 100644 --- a/master/assets/js/43.e751c919.js +++ b/master/assets/js/43.6e02f4b2.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[43],{452:function(t,e,a){"use strict";a.r(e);var r=a(4),n=Object(r.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"interface-polygonannotationoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-polygonannotationoptions"}},[t._v("#")]),t._v(" Interface: PolygonAnnotationOptions")]),t._v(" "),e("h2",{attrs:{id:"hierarchy"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hierarchy"}},[t._v("#")]),t._v(" Hierarchy")]),t._v(" "),e("ul",[e("li",[e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[e("code",[t._v("CoreAnnotationOptions")])])],1)]),t._v(" "),e("li",[e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationPointCoordinates.html"}},[e("code",[t._v("AnnotationPointCoordinates")])])],1),t._v(" "),e("p",[t._v("↳ "),e("strong",[e("code",[t._v("PolygonAnnotationOptions")])])])])]),t._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),e("h3",{attrs:{id:"adjustscalerange"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#adjustscalerange"}},[t._v("#")]),t._v(" adjustScaleRange")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("adjustScaleRange")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("boolean")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#adjustscalerange"}},[t._v("adjustScaleRange")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/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],{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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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.55f59f71.js b/master/assets/js/44.55f59f71.js new file mode 100644 index 000000000..deb5b90e8 --- /dev/null +++ b/master/assets/js/44.55f59f71.js @@ -0,0 +1 @@ +(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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/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/8bd8a3e/types/options.d.ts#L34",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:34"),a("OutboundLink")],1)])])}),[],!1,null,null,null);a.default=o.exports}}]); \ No newline at end of file diff --git a/master/assets/js/44.b6584957.js b/master/assets/js/44.b6584957.js deleted file mode 100644 index a339525ce..000000000 --- a/master/assets/js/44.b6584957.js +++ /dev/null @@ -1 +0,0 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[44],{453: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/7e09105/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/7e09105/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/7e09105/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/7e09105/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/7e09105/types/options.d.ts#L34",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:34"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=o.exports}}]); \ No newline at end of file diff --git a/master/assets/js/45.6dc7c8f5.js b/master/assets/js/45.1b6ee56a.js similarity index 99% rename from master/assets/js/45.6dc7c8f5.js rename to master/assets/js/45.1b6ee56a.js index 75193bc9b..838ce4875 100644 --- a/master/assets/js/45.6dc7c8f5.js +++ b/master/assets/js/45.1b6ee56a.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[45],{454: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],{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 diff --git a/master/assets/js/46.09418de2.js b/master/assets/js/46.5c2c0a94.js similarity index 98% rename from master/assets/js/46.09418de2.js rename to master/assets/js/46.5c2c0a94.js index 47f340502..4ebf0e28e 100644 --- a/master/assets/js/46.09418de2.js +++ b/master/assets/js/46.5c2c0a94.js @@ -1 +1 @@ -(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 +(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 diff --git a/master/assets/js/47.5729acc8.js b/master/assets/js/47.52548aba.js similarity index 98% rename from master/assets/js/47.5729acc8.js rename to master/assets/js/47.52548aba.js index 0ee7f6404..9b78b404f 100644 --- a/master/assets/js/47.5729acc8.js +++ b/master/assets/js/47.52548aba.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[47],{459:function(t,a,s){"use strict";s.r(a);var n=s(4),e=Object(n.a)({},(function(){var t=this,a=t._self._c;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"developers"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#developers"}},[t._v("#")]),t._v(" Developers")]),t._v(" "),a("h2",{attrs:{id:"access-to-the-annotation-elements"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#access-to-the-annotation-elements"}},[t._v("#")]),t._v(" Access to the annotation elements")]),t._v(" "),a("p",[t._v("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.")]),t._v(" "),a("h4",{attrs:{id:"script-tag"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#script-tag"}},[t._v("#")]),t._v(" Script Tag")]),t._v(" "),a("div",{staticClass:"language-html extra-class"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("script")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token script"}},[a("span",{pre:!0,attrs:{class:"token language-javascript"}},[t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// get annotation plugin instance")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" annotationPlugin "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" window"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'chartjs-plugin-annotation'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n")])])]),a("h4",{attrs:{id:"bundlers-webpack-rollup-etc"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#bundlers-webpack-rollup-etc"}},[t._v("#")]),t._v(" Bundlers (Webpack, Rollup, etc.)")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// get annotation plugin instance")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("import")]),t._v(" annotationPlugin "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("from")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'chartjs-plugin-annotation'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),a("h3",{attrs:{id:"getannotations-chart-chart-annotationelement"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#getannotations-chart-chart-annotationelement"}},[t._v("#")]),t._v(" "),a("code",[t._v(".getAnnotations(chart: Chart): AnnotationElement[]")])]),t._v(" "),a("p",[t._v("It provides all annotation elements configured by the plugin options, even if the annotations are not visible.")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" myLineChart "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Chart")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("ctx"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" config"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// get all annotation elements")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" elements "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" annotationPlugin"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("getAnnotations")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("myLineChart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])])])}),[],!1,null,null,null);a.default=e.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[47],{457:function(t,a,s){"use strict";s.r(a);var n=s(4),e=Object(n.a)({},(function(){var t=this,a=t._self._c;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"developers"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#developers"}},[t._v("#")]),t._v(" Developers")]),t._v(" "),a("h2",{attrs:{id:"access-to-the-annotation-elements"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#access-to-the-annotation-elements"}},[t._v("#")]),t._v(" Access to the annotation elements")]),t._v(" "),a("p",[t._v("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.")]),t._v(" "),a("h4",{attrs:{id:"script-tag"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#script-tag"}},[t._v("#")]),t._v(" Script Tag")]),t._v(" "),a("div",{staticClass:"language-html extra-class"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("script")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token script"}},[a("span",{pre:!0,attrs:{class:"token language-javascript"}},[t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// get annotation plugin instance")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" annotationPlugin "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" window"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'chartjs-plugin-annotation'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n")])])]),a("h4",{attrs:{id:"bundlers-webpack-rollup-etc"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#bundlers-webpack-rollup-etc"}},[t._v("#")]),t._v(" Bundlers (Webpack, Rollup, etc.)")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// get annotation plugin instance")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("import")]),t._v(" annotationPlugin "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("from")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'chartjs-plugin-annotation'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),a("h3",{attrs:{id:"getannotations-chart-chart-annotationelement"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#getannotations-chart-chart-annotationelement"}},[t._v("#")]),t._v(" "),a("code",[t._v(".getAnnotations(chart: Chart): AnnotationElement[]")])]),t._v(" "),a("p",[t._v("It provides all annotation elements configured by the plugin options, even if the annotations are not visible.")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" myLineChart "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Chart")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("ctx"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" config"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// get all annotation elements")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" elements "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" annotationPlugin"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("getAnnotations")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("myLineChart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])])])}),[],!1,null,null,null);a.default=e.exports}}]); \ No newline at end of file diff --git a/master/assets/js/48.75860990.js b/master/assets/js/48.5b4e0d41.js similarity index 98% rename from master/assets/js/48.75860990.js rename to master/assets/js/48.5b4e0d41.js index ad3659a84..1d7fd7353 100644 --- a/master/assets/js/48.75860990.js +++ b/master/assets/js/48.5b4e0d41.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[48],{457:function(t,a,s){"use strict";s.r(a);var n=s(4),r=Object(n.a)({},(function(){var t=this,a=t._self._c;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("p",[a("strong",[a("code",[t._v("chartjs-plugin-annotation")])]),t._v(" can be integrated with plain JavaScript or with different module loaders. The examples below show to load the plugin in different systems.")]),t._v(" "),a("h2",{attrs:{id:"script-tag"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#script-tag"}},[t._v("#")]),t._v(" Script Tag")]),t._v(" "),a("div",{staticClass:"language-html extra-class"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("script")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("src")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("path/to/chartjs/dist/chart.umd.js"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token script"}}),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("script")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("src")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("path/to/chartjs-plugin-annotation/dist/chartjs-plugin-annotation.min.js"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token script"}}),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("script")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token script"}},[a("span",{pre:!0,attrs:{class:"token language-javascript"}},[t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" myChart "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Chart")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("ctx"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("...")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n")])])]),a("h2",{attrs:{id:"bundlers-webpack-rollup-etc"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#bundlers-webpack-rollup-etc"}},[t._v("#")]),t._v(" Bundlers (Webpack, Rollup, etc.)")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("import")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" Chart "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("from")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'chart.js'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("import")]),t._v(" annotationPlugin "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("from")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'chartjs-plugin-annotation'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\nChart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("register")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("annotationPlugin"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])])])}),[],!1,null,null,null);a.default=r.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[48],{461:function(t,a,s){"use strict";s.r(a);var n=s(4),r=Object(n.a)({},(function(){var t=this,a=t._self._c;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("p",[a("strong",[a("code",[t._v("chartjs-plugin-annotation")])]),t._v(" can be integrated with plain JavaScript or with different module loaders. The examples below show to load the plugin in different systems.")]),t._v(" "),a("h2",{attrs:{id:"script-tag"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#script-tag"}},[t._v("#")]),t._v(" Script Tag")]),t._v(" "),a("div",{staticClass:"language-html extra-class"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("script")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("src")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("path/to/chartjs/dist/chart.umd.js"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token script"}}),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("script")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("src")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("path/to/chartjs-plugin-annotation/dist/chartjs-plugin-annotation.min.js"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token script"}}),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("script")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token script"}},[a("span",{pre:!0,attrs:{class:"token language-javascript"}},[t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" myChart "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Chart")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("ctx"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("...")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n")])])]),a("h2",{attrs:{id:"bundlers-webpack-rollup-etc"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#bundlers-webpack-rollup-etc"}},[t._v("#")]),t._v(" Bundlers (Webpack, Rollup, etc.)")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("import")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" Chart "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("from")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'chart.js'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("import")]),t._v(" annotationPlugin "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("from")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'chartjs-plugin-annotation'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\nChart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("register")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("annotationPlugin"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])])])}),[],!1,null,null,null);a.default=r.exports}}]); \ No newline at end of file diff --git a/master/assets/js/49.a758d24b.js b/master/assets/js/49.36d2bdb7.js similarity index 99% rename from master/assets/js/49.a758d24b.js rename to master/assets/js/49.36d2bdb7.js index 2768744d7..6d34369ff 100644 --- a/master/assets/js/49.a758d24b.js +++ b/master/assets/js/49.36d2bdb7.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[49],{458: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],{459:function(t,e,a){"use strict";a.r(e);var s=a(4),n=Object(s.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"_1-x-migration-guide"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#_1-x-migration-guide"}},[t._v("#")]),t._v(" 1.x Migration Guide")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("chartjs-plugin-annotation")])]),t._v(" plugin version 1 introduces a number of breaking changes in order to compatible with Chart.js 3 and to align with Chart.js 3 options.")]),t._v(" "),e("h2",{attrs:{id:"setup-and-installation"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#setup-and-installation"}},[t._v("#")]),t._v(" Setup and installation")]),t._v(" "),e("p",[t._v("Chart.js 3 is tree-shakeable and thus requires registering the plugins when used as an "),e("code",[t._v("npm")]),t._v(" module. Here is an example:")]),t._v(" "),e("div",{staticClass:"language-javascript extra-class"},[e("pre",{pre:!0,attrs:{class:"language-javascript"}},[e("code",[e("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("import")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" Chart"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" LineController"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" LineElement"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" PointElement"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" LinearScale "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("from")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'chart.js'")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),e("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("import")]),t._v(" Annotation "),e("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("from")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'chartjs-plugin-annotation'")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\nChart"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),e("span",{pre:!0,attrs:{class:"token function"}},[t._v("register")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("LineController"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" LineElement"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" PointElement"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" LinearScale"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" Annotation"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),e("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" Chart "),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Chart")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("ctx"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'line'")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// data: ...")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("options")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("plugins")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("annotation")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// annotation plugin options")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("annotations")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// annotation element options")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'line'")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("scaleID")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'y'")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("value")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token number"}},[t._v("25")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("borderColor")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'red'")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("borderWidth")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v("\n")])])]),e("h2",{attrs:{id:"options"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#options"}},[t._v("#")]),t._v(" Options")]),t._v(" "),e("h3",{attrs:{id:"plugin-options"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#plugin-options"}},[t._v("#")]),t._v(" Plugin options")]),t._v(" "),e("ul",[e("li",[e("code",[t._v("events")]),t._v(" array was removed. Listened events are determined automatically from the hooks specified.")]),t._v(" "),e("li",[e("code",[t._v("enter")]),t._v(", "),e("code",[t._v("leave")]),t._v(", "),e("code",[t._v("click")]),t._v(", "),e("code",[t._v("dblclick")]),t._v(" event hooks can now be defined also at plugin level options.")])]),t._v(" "),e("h3",{attrs:{id:"element-options"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#element-options"}},[t._v("#")]),t._v(" Element options")]),t._v(" "),e("ul",[e("li",[e("code",[t._v("onMouseenter")]),t._v(" was removed. Use "),e("code",[t._v("enter")]),t._v(" instead.")]),t._v(" "),e("li",[e("code",[t._v("onMouseleave")]),t._v(" was removed. Use "),e("code",[t._v("leave")]),t._v(" instead.")]),t._v(" "),e("li",[e("code",[t._v("onMouseover")]),t._v(" was removed. Use "),e("code",[t._v("enter")]),t._v(" instead.")]),t._v(" "),e("li",[e("code",[t._v("onMouseout")]),t._v(" was removed. Use "),e("code",[t._v("leave")]),t._v(" instead.")]),t._v(" "),e("li",[e("code",[t._v("onMousemove")]),t._v(" was removed.")]),t._v(" "),e("li",[e("code",[t._v("onMousedown")]),t._v(" was removed. Use "),e("code",[t._v("click")]),t._v(" instead.")]),t._v(" "),e("li",[e("code",[t._v("onMouseup")]),t._v(" was removed. Use "),e("code",[t._v("click")]),t._v(" instead.")]),t._v(" "),e("li",[e("code",[t._v("onClick")]),t._v(" was removed. Use "),e("code",[t._v("click")]),t._v(" instead.")]),t._v(" "),e("li",[e("code",[t._v("onDblclick")]),t._v(" was removed. Use "),e("code",[t._v("dblclick")]),t._v(" instead.")]),t._v(" "),e("li",[e("code",[t._v("onContextmenu")]),t._v(" was removed.")]),t._v(" "),e("li",[e("code",[t._v("onWheel")]),t._v(" was removed.")])]),t._v(" "),e("h3",{attrs:{id:"line"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#line"}},[t._v("#")]),t._v(" Line")]),t._v(" "),e("ul",[e("li",[e("code",[t._v("mode")]),t._v(" was removed. The mode is automatically calculated based on the scale.")]),t._v(" "),e("li",[e("code",[t._v("position")]),t._v(" values were changed to "),e("code",[t._v("'start'")]),t._v(", "),e("code",[t._v("'center'")]),t._v(" and "),e("code",[t._v("'end'")]),t._v(".\n"),e("ul",[e("li",[e("code",[t._v("'start'")]),t._v(" replaces previous "),e("code",[t._v("'left'")]),t._v(" and "),e("code",[t._v("'top'")]),t._v(".")]),t._v(" "),e("li",[e("code",[t._v("'end'")]),t._v(" replaces previous "),e("code",[t._v("'right'")]),t._v(" and "),e("code",[t._v("'bottom'")]),t._v(".")])])])]),t._v(" "),e("h4",{attrs:{id:"label"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#label"}},[t._v("#")]),t._v(" Label")]),t._v(" "),e("ul",[e("li",[e("code",[t._v("fontColor")]),t._v(" was renamed to "),e("code",[t._v("font.color")])]),t._v(" "),e("li",[e("code",[t._v("fontFamily")]),t._v(" was renamed to "),e("code",[t._v("font.family")])]),t._v(" "),e("li",[e("code",[t._v("fontSize")]),t._v(" was renamed to "),e("code",[t._v("font.size")])]),t._v(" "),e("li",[e("code",[t._v("fontStyle")]),t._v(" was renamed to "),e("code",[t._v("font.style")])]),t._v(" "),e("li",[e("code",[t._v("lineHeight")]),t._v(" was renamed to "),e("code",[t._v("font.lineHeight")])])]),t._v(" "),e("h2",{attrs:{id:"event-hooks"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#event-hooks"}},[t._v("#")]),t._v(" Event hooks")]),t._v(" "),e("ul",[e("li",[t._v("Event hooks are now supplied with single "),e("code",[t._v("context")]),t._v(" parameter, containing "),e("code",[t._v("chart")]),t._v(" and "),e("code",[t._v("element")]),t._v(" properties. "),e("code",[t._v("chart")]),t._v(" is the chart instance and "),e("code",[t._v("element")]),t._v(" is the event target annotation element.")]),t._v(" "),e("li",[t._v("Events are now fired from "),e("code",[t._v("beforeEvent")]),t._v(" hook.")])])])}),[],!1,null,null,null);e.default=n.exports}}]); \ No newline at end of file diff --git a/master/assets/js/50.b2854027.js b/master/assets/js/50.6a55fabc.js similarity index 95% rename from master/assets/js/50.b2854027.js rename to master/assets/js/50.6a55fabc.js index 0c6d0bfe5..b621cc3b1 100644 --- a/master/assets/js/50.b2854027.js +++ b/master/assets/js/50.6a55fabc.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[50],{461:function(t,e,a){"use strict";a.r(e);var n=a(4),o=Object(n.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"_3-x-migration-guide"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#_3-x-migration-guide"}},[t._v("#")]),t._v(" 3.x Migration Guide")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("chartjs-plugin-annotation")])]),t._v(" plugin version 3 becomes an "),e("a",{attrs:{href:"https://nodejs.org/api/esm.html",target:"_blank",rel:"noopener noreferrer"}},[t._v("ESM-only package"),e("OutboundLink")],1),t._v(".\nThe "),e("RouterLink",{attrs:{to:"/guide/integration.html#script-tag"}},[t._v("UMD bundle")]),t._v(" is still available.")],1),t._v(" "),e("h2",{attrs:{id:"chart-js-version"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#chart-js-version"}},[t._v("#")]),t._v(" Chart.js version")]),t._v(" "),e("p",[t._v("The annotation plugin requires at least version 4.0.0 to work because of Chart.js becomes an ESM-only package.")]),t._v(" "),e("h3",{attrs:{id:"type-changes"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-changes"}},[t._v("#")]),t._v(" Type changes")]),t._v(" "),e("ul",[e("li",[t._v("The "),e("code",[t._v("init")]),t._v(" options callback return value types have been changed from "),e("code",[t._v("void | boolean | AnnotationBoxModel")]),t._v(" to "),e("code",[t._v("void | boolean | AnnotationElement")]),t._v(".")])])])}),[],!1,null,null,null);e.default=o.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[50],{463:function(t,e,a){"use strict";a.r(e);var n=a(4),o=Object(n.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"_3-x-migration-guide"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#_3-x-migration-guide"}},[t._v("#")]),t._v(" 3.x Migration Guide")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("chartjs-plugin-annotation")])]),t._v(" plugin version 3 becomes an "),e("a",{attrs:{href:"https://nodejs.org/api/esm.html",target:"_blank",rel:"noopener noreferrer"}},[t._v("ESM-only package"),e("OutboundLink")],1),t._v(".\nThe "),e("RouterLink",{attrs:{to:"/guide/integration.html#script-tag"}},[t._v("UMD bundle")]),t._v(" is still available.")],1),t._v(" "),e("h2",{attrs:{id:"chart-js-version"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#chart-js-version"}},[t._v("#")]),t._v(" Chart.js version")]),t._v(" "),e("p",[t._v("The annotation plugin requires at least version 4.0.0 to work because of Chart.js becomes an ESM-only package.")]),t._v(" "),e("h3",{attrs:{id:"type-changes"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-changes"}},[t._v("#")]),t._v(" Type changes")]),t._v(" "),e("ul",[e("li",[t._v("The "),e("code",[t._v("init")]),t._v(" options callback return value types have been changed from "),e("code",[t._v("void | boolean | AnnotationBoxModel")]),t._v(" to "),e("code",[t._v("void | boolean | AnnotationElement")]),t._v(".")])])])}),[],!1,null,null,null);e.default=o.exports}}]); \ No newline at end of file diff --git a/master/assets/js/51.dcfbacd7.js b/master/assets/js/51.8b016833.js similarity index 99% rename from master/assets/js/51.dcfbacd7.js rename to master/assets/js/51.8b016833.js index af073011d..49bc7b07c 100644 --- a/master/assets/js/51.dcfbacd7.js +++ b/master/assets/js/51.8b016833.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[51],{463:function(t,e,a){"use strict";a.r(e);var n=a(4),o=Object(n.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"options"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#options"}},[t._v("#")]),t._v(" Options")]),t._v(" "),e("h2",{attrs:{id:"color"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#color"}},[t._v("#")]),t._v(" Color")]),t._v(" "),e("p",[t._v("Any color supported by "),e("a",{attrs:{href:"https://www.chartjs.org/docs/master/general/colors",target:"_blank",rel:"noopener noreferrer"}},[t._v("chart.js"),e("OutboundLink")],1),t._v(" is supported by the annotation plugin.")]),t._v(" "),e("h2",{attrs:{id:"font"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#font"}},[t._v("#")]),t._v(" Font")]),t._v(" "),e("p",[t._v("Fonts use the same format as "),e("a",{attrs:{href:"https://www.chartjs.org/docs/master/general/fonts",target:"_blank",rel:"noopener noreferrer"}},[t._v("chart.js"),e("OutboundLink")],1),t._v(".")]),t._v(" "),e("h2",{attrs:{id:"padding"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#padding"}},[t._v("#")]),t._v(" Padding")]),t._v(" "),e("p",[t._v("Paddings use the same format as "),e("a",{attrs:{href:"https://www.chartjs.org/docs/master/general/padding.html",target:"_blank",rel:"noopener noreferrer"}},[t._v("chart.js"),e("OutboundLink")],1),t._v(".")]),t._v(" "),e("h2",{attrs:{id:"point-style"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#point-style"}},[t._v("#")]),t._v(" Point Style")]),t._v(" "),e("p",[t._v("Point styles use the same format as "),e("a",{attrs:{href:"https://www.chartjs.org/docs/master/configuration/elements.html#point-styles",target:"_blank",rel:"noopener noreferrer"}},[t._v("chart.js"),e("OutboundLink")],1),t._v(".")]),t._v(" "),e("h2",{attrs:{id:"interaction"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interaction"}},[t._v("#")]),t._v(" Interaction")]),t._v(" "),e("p",[t._v("Interaction uses the same format as "),e("a",{attrs:{href:"https://www.chartjs.org/docs/latest/configuration/interactions.html#interactions",target:"_blank",rel:"noopener noreferrer"}},[t._v("chart.js"),e("OutboundLink")],1),t._v(".")]),t._v(" "),e("div",{staticClass:"custom-block warning"},[e("p",{staticClass:"custom-block-title"},[t._v("WARNING")]),t._v(" "),e("p",[t._v("Interaction "),e("code",[t._v("index")]),t._v(" and "),e("code",[t._v("dataset")]),t._v(" modes are not supported by the plugin. If set, the plugin will use "),e("code",[t._v("nearest")]),t._v(" mode.")]),t._v(" "),e("p",[t._v("Interaction "),e("code",[t._v("r")]),t._v(" axis is not supported by the plugin. If set, the plugin will use "),e("code",[t._v("xy")]),t._v(" mode.")])]),t._v(" "),e("h2",{attrs:{id:"scriptable-options"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#scriptable-options"}},[t._v("#")]),t._v(" Scriptable Options")]),t._v(" "),e("p",[t._v("As with most options in chart.js, the annotation plugin options are scriptable. This means that a function can be passed which returns the value as needed. In the example below, the annotation is hidden when the screen is less than 1000px wide.\nThe function receives 2 arguments, first is the "),e("a",{attrs:{href:"#option-context"}},[t._v("option context")]),t._v(" representing contextual information. An options resolver is passed as second argument, which can be used to access the options that were originally passed in to configure the annotation element.")]),t._v(" "),e("chart-editor",{attrs:{code:"/* */\nconst options = {\n plugins: {\n annotation: {\n annotations: {\n box1: {\n drawTime: 'afterDatasetsDraw',\n display: (context, opts) => {\n const body = document.querySelector('body');\n const rect = body.getBoundingClientRect();\n return rect.width >= 1000;\n },\n type: 'box',\n xMin: 1,\n xMax: 2,\n yMin: 50,\n yMax: 70,\n backgroundColor: 'rgba(255, 99, 132, 0.5)'\n }\n }\n }\n }\n};\n/* */\n\n/* */\nconst config = {\n type: 'line',\n data: {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\n datasets: [{\n label: 'My First Dataset',\n data: [65, 59, 80, 81, 56, 55, 40],\n fill: false,\n borderColor: 'rgb(75, 192, 192)',\n tension: 0.1\n }]\n },\n options\n};\n/* */\n\nmodule.exports = {\n config\n};\n"}}),e("h2",{attrs:{id:"draw-time"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#draw-time"}},[t._v("#")]),t._v(" Draw Time")]),t._v(" "),e("p",[t._v("The "),e("code",[t._v("drawTime")]),t._v(" option for an annotation determines where in the chart lifecycle the drawing occurs. Four potential predefined options are available:")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Option")]),t._v(" "),e("th",[t._v("Notes")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("'beforeDraw'")])]),t._v(" "),e("td",[t._v("Occurs before any drawing takes place")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("'beforeDatasetsDraw'")])]),t._v(" "),e("td",[t._v("Occurs after drawing of axes, but before datasets")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("'afterDatasetsDraw'")])]),t._v(" "),e("td",[t._v("Occurs after drawing of datasets but before items such as the tooltip")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("'afterDraw'")])]),t._v(" "),e("td",[t._v("After other drawing is completed.")])])])]),t._v(" "),e("p",[t._v("Furthermore, the "),e("code",[t._v("drawTime")]),t._v(" option can be set as number which represents the dataset index used to draw the annotation, before that dataset will be.")]),t._v(" "),e("h2",{attrs:{id:"option-context"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#option-context"}},[t._v("#")]),t._v(" Option Context")]),t._v(" "),e("p",[t._v("The option context is used to give contextual information when resolving options and only applies to scriptable options. The object is preserved, so it can be used to store and pass information between calls / options.")]),t._v(" "),e("p",[t._v("There are 2 levels of option context objects:")]),t._v(" "),e("ul",[e("li",[e("code",[t._v("chart")]),t._v(" "),e("ul",[e("li",[e("code",[t._v("annotation")])])])])]),t._v(" "),e("p",[t._v("The context object contains the following properties:")]),t._v(" "),e("h3",{attrs:{id:"chart"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#chart"}},[t._v("#")]),t._v(" chart")]),t._v(" "),e("ul",[e("li",[e("code",[t._v("chart")]),t._v(": the associated chart")]),t._v(" "),e("li",[e("code",[t._v("type")]),t._v(": "),e("code",[t._v("'chart'")])])]),t._v(" "),e("p",[t._v("The "),e("a",{attrs:{href:"#chart"}},[t._v("chart")]),t._v(" option context is provided by Chart.js. It is passed to scriptable options when resolving annotation "),e("code",[t._v("id")]),t._v(", "),e("code",[t._v("type")]),t._v(" and "),e("code",[t._v("drawTime")]),t._v(" or adjusting scale ranges in "),e("code",[t._v("afterDataLimits")]),t._v(" hook. The options resolved at that time are "),e("code",[t._v("scaleID")]),t._v(", "),e("code",[t._v("xScaleID")]),t._v(", "),e("code",[t._v("yScaleID")]),t._v(", "),e("code",[t._v("value")]),t._v(", "),e("code",[t._v("endValue")]),t._v(", "),e("code",[t._v("xMin")]),t._v(", "),e("code",[t._v("xMax")]),t._v(", "),e("code",[t._v("yMin")]),t._v(", "),e("code",[t._v("yMax")]),t._v(", "),e("code",[t._v("xValue")]),t._v(" and "),e("code",[t._v("yValue")]),t._v(".")]),t._v(" "),e("h3",{attrs:{id:"annotation"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#annotation"}},[t._v("#")]),t._v(" annotation")]),t._v(" "),e("p",[t._v("In addition to "),e("a",{attrs:{href:"#chart"}},[t._v("chart")])]),t._v(" "),e("ul",[e("li",[e("code",[t._v("id")]),t._v(": the annotation id")]),t._v(" "),e("li",[e("code",[t._v("element")]),t._v(": the annotation element")]),t._v(" "),e("li",[e("code",[t._v("elements")]),t._v(": the array which contains the already created annotation elements.")]),t._v(" "),e("li",[e("code",[t._v("type")]),t._v(": "),e("code",[t._v("'annotation'")])])]),t._v(" "),e("p",[t._v("The "),e("a",{attrs:{href:"#annotation"}},[t._v("annotation")]),t._v(" option context is passed to scriptable options in all other cases, except when resolving "),e("code",[t._v("id")]),t._v(", "),e("code",[t._v("type")]),t._v(" or adjusting scale ranges. The same values resolved in "),e("code",[t._v("afterDataLimits")]),t._v(" with "),e("a",{attrs:{href:"#chart"}},[t._v("chart")]),t._v(" context are again evaluated in "),e("code",[t._v("afterUpdate")]),t._v(" with "),e("a",{attrs:{href:"#annotation"}},[t._v("annotation")]),t._v(" context.")]),t._v(" "),e("p",[t._v("Note that the annotation element may be undefined or partially uninitialized, since scriptable options may be invoked during the initial chart display, before everything's been resolved and initialized.")])],1)}),[],!1,null,null,null);e.default=o.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[51],{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:"options"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#options"}},[t._v("#")]),t._v(" Options")]),t._v(" "),e("h2",{attrs:{id:"color"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#color"}},[t._v("#")]),t._v(" Color")]),t._v(" "),e("p",[t._v("Any color supported by "),e("a",{attrs:{href:"https://www.chartjs.org/docs/master/general/colors",target:"_blank",rel:"noopener noreferrer"}},[t._v("chart.js"),e("OutboundLink")],1),t._v(" is supported by the annotation plugin.")]),t._v(" "),e("h2",{attrs:{id:"font"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#font"}},[t._v("#")]),t._v(" Font")]),t._v(" "),e("p",[t._v("Fonts use the same format as "),e("a",{attrs:{href:"https://www.chartjs.org/docs/master/general/fonts",target:"_blank",rel:"noopener noreferrer"}},[t._v("chart.js"),e("OutboundLink")],1),t._v(".")]),t._v(" "),e("h2",{attrs:{id:"padding"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#padding"}},[t._v("#")]),t._v(" Padding")]),t._v(" "),e("p",[t._v("Paddings use the same format as "),e("a",{attrs:{href:"https://www.chartjs.org/docs/master/general/padding.html",target:"_blank",rel:"noopener noreferrer"}},[t._v("chart.js"),e("OutboundLink")],1),t._v(".")]),t._v(" "),e("h2",{attrs:{id:"point-style"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#point-style"}},[t._v("#")]),t._v(" Point Style")]),t._v(" "),e("p",[t._v("Point styles use the same format as "),e("a",{attrs:{href:"https://www.chartjs.org/docs/master/configuration/elements.html#point-styles",target:"_blank",rel:"noopener noreferrer"}},[t._v("chart.js"),e("OutboundLink")],1),t._v(".")]),t._v(" "),e("h2",{attrs:{id:"interaction"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interaction"}},[t._v("#")]),t._v(" Interaction")]),t._v(" "),e("p",[t._v("Interaction uses the same format as "),e("a",{attrs:{href:"https://www.chartjs.org/docs/latest/configuration/interactions.html#interactions",target:"_blank",rel:"noopener noreferrer"}},[t._v("chart.js"),e("OutboundLink")],1),t._v(".")]),t._v(" "),e("div",{staticClass:"custom-block warning"},[e("p",{staticClass:"custom-block-title"},[t._v("WARNING")]),t._v(" "),e("p",[t._v("Interaction "),e("code",[t._v("index")]),t._v(" and "),e("code",[t._v("dataset")]),t._v(" modes are not supported by the plugin. If set, the plugin will use "),e("code",[t._v("nearest")]),t._v(" mode.")]),t._v(" "),e("p",[t._v("Interaction "),e("code",[t._v("r")]),t._v(" axis is not supported by the plugin. If set, the plugin will use "),e("code",[t._v("xy")]),t._v(" mode.")])]),t._v(" "),e("h2",{attrs:{id:"scriptable-options"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#scriptable-options"}},[t._v("#")]),t._v(" Scriptable Options")]),t._v(" "),e("p",[t._v("As with most options in chart.js, the annotation plugin options are scriptable. This means that a function can be passed which returns the value as needed. In the example below, the annotation is hidden when the screen is less than 1000px wide.\nThe function receives 2 arguments, first is the "),e("a",{attrs:{href:"#option-context"}},[t._v("option context")]),t._v(" representing contextual information. An options resolver is passed as second argument, which can be used to access the options that were originally passed in to configure the annotation element.")]),t._v(" "),e("chart-editor",{attrs:{code:"/* */\nconst options = {\n plugins: {\n annotation: {\n annotations: {\n box1: {\n drawTime: 'afterDatasetsDraw',\n display: (context, opts) => {\n const body = document.querySelector('body');\n const rect = body.getBoundingClientRect();\n return rect.width >= 1000;\n },\n type: 'box',\n xMin: 1,\n xMax: 2,\n yMin: 50,\n yMax: 70,\n backgroundColor: 'rgba(255, 99, 132, 0.5)'\n }\n }\n }\n }\n};\n/* */\n\n/* */\nconst config = {\n type: 'line',\n data: {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\n datasets: [{\n label: 'My First Dataset',\n data: [65, 59, 80, 81, 56, 55, 40],\n fill: false,\n borderColor: 'rgb(75, 192, 192)',\n tension: 0.1\n }]\n },\n options\n};\n/* */\n\nmodule.exports = {\n config\n};\n"}}),e("h2",{attrs:{id:"draw-time"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#draw-time"}},[t._v("#")]),t._v(" Draw Time")]),t._v(" "),e("p",[t._v("The "),e("code",[t._v("drawTime")]),t._v(" option for an annotation determines where in the chart lifecycle the drawing occurs. Four potential predefined options are available:")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Option")]),t._v(" "),e("th",[t._v("Notes")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("'beforeDraw'")])]),t._v(" "),e("td",[t._v("Occurs before any drawing takes place")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("'beforeDatasetsDraw'")])]),t._v(" "),e("td",[t._v("Occurs after drawing of axes, but before datasets")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("'afterDatasetsDraw'")])]),t._v(" "),e("td",[t._v("Occurs after drawing of datasets but before items such as the tooltip")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("'afterDraw'")])]),t._v(" "),e("td",[t._v("After other drawing is completed.")])])])]),t._v(" "),e("p",[t._v("Furthermore, the "),e("code",[t._v("drawTime")]),t._v(" option can be set as number which represents the dataset index used to draw the annotation, before that dataset will be.")]),t._v(" "),e("h2",{attrs:{id:"option-context"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#option-context"}},[t._v("#")]),t._v(" Option Context")]),t._v(" "),e("p",[t._v("The option context is used to give contextual information when resolving options and only applies to scriptable options. The object is preserved, so it can be used to store and pass information between calls / options.")]),t._v(" "),e("p",[t._v("There are 2 levels of option context objects:")]),t._v(" "),e("ul",[e("li",[e("code",[t._v("chart")]),t._v(" "),e("ul",[e("li",[e("code",[t._v("annotation")])])])])]),t._v(" "),e("p",[t._v("The context object contains the following properties:")]),t._v(" "),e("h3",{attrs:{id:"chart"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#chart"}},[t._v("#")]),t._v(" chart")]),t._v(" "),e("ul",[e("li",[e("code",[t._v("chart")]),t._v(": the associated chart")]),t._v(" "),e("li",[e("code",[t._v("type")]),t._v(": "),e("code",[t._v("'chart'")])])]),t._v(" "),e("p",[t._v("The "),e("a",{attrs:{href:"#chart"}},[t._v("chart")]),t._v(" option context is provided by Chart.js. It is passed to scriptable options when resolving annotation "),e("code",[t._v("id")]),t._v(", "),e("code",[t._v("type")]),t._v(" and "),e("code",[t._v("drawTime")]),t._v(" or adjusting scale ranges in "),e("code",[t._v("afterDataLimits")]),t._v(" hook. The options resolved at that time are "),e("code",[t._v("scaleID")]),t._v(", "),e("code",[t._v("xScaleID")]),t._v(", "),e("code",[t._v("yScaleID")]),t._v(", "),e("code",[t._v("value")]),t._v(", "),e("code",[t._v("endValue")]),t._v(", "),e("code",[t._v("xMin")]),t._v(", "),e("code",[t._v("xMax")]),t._v(", "),e("code",[t._v("yMin")]),t._v(", "),e("code",[t._v("yMax")]),t._v(", "),e("code",[t._v("xValue")]),t._v(" and "),e("code",[t._v("yValue")]),t._v(".")]),t._v(" "),e("h3",{attrs:{id:"annotation"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#annotation"}},[t._v("#")]),t._v(" annotation")]),t._v(" "),e("p",[t._v("In addition to "),e("a",{attrs:{href:"#chart"}},[t._v("chart")])]),t._v(" "),e("ul",[e("li",[e("code",[t._v("id")]),t._v(": the annotation id")]),t._v(" "),e("li",[e("code",[t._v("element")]),t._v(": the annotation element")]),t._v(" "),e("li",[e("code",[t._v("elements")]),t._v(": the array which contains the already created annotation elements.")]),t._v(" "),e("li",[e("code",[t._v("type")]),t._v(": "),e("code",[t._v("'annotation'")])])]),t._v(" "),e("p",[t._v("The "),e("a",{attrs:{href:"#annotation"}},[t._v("annotation")]),t._v(" option context is passed to scriptable options in all other cases, except when resolving "),e("code",[t._v("id")]),t._v(", "),e("code",[t._v("type")]),t._v(" or adjusting scale ranges. The same values resolved in "),e("code",[t._v("afterDataLimits")]),t._v(" with "),e("a",{attrs:{href:"#chart"}},[t._v("chart")]),t._v(" context are again evaluated in "),e("code",[t._v("afterUpdate")]),t._v(" with "),e("a",{attrs:{href:"#annotation"}},[t._v("annotation")]),t._v(" context.")]),t._v(" "),e("p",[t._v("Note that the annotation element may be undefined or partially uninitialized, since scriptable options may be invoked during the initial chart display, before everything's been resolved and initialized.")])],1)}),[],!1,null,null,null);e.default=o.exports}}]); \ No newline at end of file diff --git a/master/assets/js/52.4a445658.js b/master/assets/js/52.55bb4207.js similarity index 99% rename from master/assets/js/52.4a445658.js rename to master/assets/js/52.55bb4207.js index 06c95765b..b2ef23820 100644 --- a/master/assets/js/52.4a445658.js +++ b/master/assets/js/52.55bb4207.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[52],{462:function(e,t,o){"use strict";o.r(t);var n=o(4),a=Object(n.a)({},(function(){var e=this,t=e._self._c;return t("ContentSlotsDistributor",{attrs:{"slot-key":e.$parent.slotKey}},[t("h2",{attrs:{id:"label"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#label"}},[e._v("#")]),e._v(" Label")]),e._v(" "),t("p",[e._v("Namespace: "),t("code",[e._v("options.annotations[annotationID].label")]),e._v(", it defines options for the the label of annotation.")]),e._v(" "),t("p",[e._v("All of these options can be "),t("RouterLink",{attrs:{to:"/guide/options.html#scriptable-options"}},[e._v("Scriptable")])],1),e._v(" "),t("table",[t("thead",[t("tr",[t("th",[e._v("Name")]),e._v(" "),t("th",[e._v("Type")]),e._v(" "),t("th",{staticStyle:{"text-align":"center"}},[e._v("Default")]),e._v(" "),t("th",[e._v("Notes")])])]),e._v(" "),t("tbody",[t("tr",[t("td",[t("a",{attrs:{href:"#fonts-and-colors"}},[t("code",[e._v("color")])])]),e._v(" "),t("td",[t("a",{attrs:{href:"../options#color"}},[t("code",[e._v("Color")]),e._v("|"),t("code",[e._v("Color[]")])])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("'black'")])]),e._v(" "),t("td",[e._v("Text color.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("content")])]),e._v(" "),t("td",[t("code",[e._v("string")]),e._v("|"),t("code",[e._v("string[]")]),e._v("|"),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/Image",target:"_blank",rel:"noopener noreferrer"}},[t("code",[e._v("Image")]),t("OutboundLink")],1),e._v("|"),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement",target:"_blank",rel:"noopener noreferrer"}},[t("code",[e._v("HTMLCanvasElement")]),t("OutboundLink")],1)]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("null")])]),e._v(" "),t("td",[e._v("The content to show in the label.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("display")])]),e._v(" "),t("td",[t("code",[e._v("boolean")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("false")])]),e._v(" "),t("td",[e._v("Whether or not the label is shown.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("drawTime")])]),e._v(" "),t("td",[t("code",[e._v("string")]),e._v("|"),t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("options.drawTime")])]),e._v(" "),t("td",[e._v("See "),t("a",{attrs:{href:"../options#draw-time"}},[e._v("drawTime")]),e._v(". Defaults to the annotation draw time if unset")])]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#fonts-and-colors"}},[t("code",[e._v("font")])])]),e._v(" "),t("td",[t("a",{attrs:{href:"../options#font"}},[t("code",[e._v("Font")]),e._v("|"),t("code",[e._v("Font[]")])])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("{ weight: 'bold' }")])]),e._v(" "),t("td",[e._v("Label font")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("height")])]),e._v(" "),t("td",[t("code",[e._v("number")]),e._v("|"),t("code",[e._v("string")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("undefined")])]),e._v(" "),t("td",[e._v("Overrides the height of the image or canvas element. Could be set in pixel by a number, or in percentage of current height of image or canvas element by a string. If undefined, uses the height of the image or canvas element. It is used only when the content is an image or canvas element.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("hitTolerance")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("undefined")])]),e._v(" "),t("td",[e._v("Amount of pixels to interact with annotations within some distance of the mouse point.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("opacity")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("undefined")])]),e._v(" "),t("td",[e._v("Overrides the opacity of the image or canvas element. Could be set a number in the range 0.0 to 1.0, inclusive. If undefined, uses the opacity of the image or canvas element. It is used only when the content is an image or canvas element.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("padding")])]),e._v(" "),t("td",[t("RouterLink",{attrs:{to:"/guide/options.html#padding"}},[t("code",[e._v("Padding")])])],1),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("6")])]),e._v(" "),t("td",[e._v("The padding to add around the text label.")])]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#position"}},[t("code",[e._v("position")])])]),e._v(" "),t("td",[t("code",[e._v("string")]),e._v("|"),t("code",[e._v("{x: string, y: string}")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("'center'")])]),e._v(" "),t("td",[e._v("Anchor position of label in the annotation.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("rotation")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("undefined")])]),e._v(" "),t("td",[e._v("Rotation of label, in degrees. If "),t("code",[e._v("undefined")]),e._v(", the annotation rotation is used.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("textAlign")])]),e._v(" "),t("td",[t("code",[e._v("string")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("'start'")])]),e._v(" "),t("td",[e._v("Text alignment of label content when there's more than one line. Possible options are: "),t("code",[e._v("'left'")]),e._v(", "),t("code",[e._v("'start'")]),e._v(", "),t("code",[e._v("'center'")]),e._v(", "),t("code",[e._v("'end'")]),e._v(", "),t("code",[e._v("'right'")]),e._v(".")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("textStrokeColor")])]),e._v(" "),t("td",[t("RouterLink",{attrs:{to:"/guide/options.html#color"}},[t("code",[e._v("Color")])])],1),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("undefined")])]),e._v(" "),t("td",[e._v("The color of the stroke around the text.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("textStrokeWidth")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("0")])]),e._v(" "),t("td",[e._v("Stroke width around the text.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("width")])]),e._v(" "),t("td",[t("code",[e._v("number")]),e._v("|"),t("code",[e._v("string")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("undefined")])]),e._v(" "),t("td",[e._v("Overrides the width of the image or canvas element. Could be set in pixel by a number, or in percentage of current width of image or canvas element by a string. If undefined, uses the width of the image or canvas element. It is used only when the content is an image or canvas element.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("xAdjust")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("0")])]),e._v(" "),t("td",[e._v("Adjustment along x-axis (left-right) of label relative to computed position. Negative values move the label left, positive right.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("yAdjust")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("0")])]),e._v(" "),t("td",[e._v("Adjustment along y-axis (top-bottom) of label relative to computed position. Negative values move the label up, positive down.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("z")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("0")])]),e._v(" "),t("td",[e._v("It determines the drawing stack level of the label element, with same "),t("code",[e._v("drawTime")]),e._v(".")])])])]),e._v(" "),t("h3",{attrs:{id:"position"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#position"}},[e._v("#")]),e._v(" Position")]),e._v(" "),t("p",[e._v("A position can be set in 2 different values types:")]),e._v(" "),t("ol",[t("li",[t("code",[e._v("'start'")]),e._v(", "),t("code",[e._v("'center'")]),e._v(", "),t("code",[e._v("'end'")]),e._v(" which are defining where the label will be located")]),e._v(" "),t("li",[e._v("a "),t("code",[e._v("string")]),e._v(", in percentage format "),t("code",[e._v("'number%'")]),e._v(", is representing the percentage on the size where the label will be located")])]),e._v(" "),t("p",[e._v("If this value is a string (possible options are "),t("code",[e._v("'start'")]),e._v(", "),t("code",[e._v("'center'")]),e._v(", "),t("code",[e._v("'end'")]),e._v(" or a string in percentage format), it is applied to vertical and horizontal position in the annotation.")]),e._v(" "),t("p",[e._v("If this value is an object, the "),t("code",[e._v("x")]),e._v(" property defines the horizontal alignment in the annotation. Similarly, the "),t("code",[e._v("y")]),e._v(" property defines the vertical alignment in the annotation. Possible options for both properties are "),t("code",[e._v("'start'")]),e._v(", "),t("code",[e._v("'center'")]),e._v(", "),t("code",[e._v("'end'")]),e._v(", a string in percentage format. Omitted property have value of the default, "),t("code",[e._v("'center'")]),e._v(".")]),e._v(" "),t("h3",{attrs:{id:"fonts-and-colors"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#fonts-and-colors"}},[e._v("#")]),e._v(" Fonts and colors")]),e._v(" "),t("p",[e._v("When the label to draw has multiple lines, you can use different font and color for each line of the label. This is enabled configuring an array of fonts or colors for those options. When the lines are more than the configured fonts of colors, the last configuration of those options is used for all remaining lines.")])])}),[],!1,null,null,null);t.default=a.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[52],{465:function(e,t,o){"use strict";o.r(t);var n=o(4),a=Object(n.a)({},(function(){var e=this,t=e._self._c;return t("ContentSlotsDistributor",{attrs:{"slot-key":e.$parent.slotKey}},[t("h2",{attrs:{id:"label"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#label"}},[e._v("#")]),e._v(" Label")]),e._v(" "),t("p",[e._v("Namespace: "),t("code",[e._v("options.annotations[annotationID].label")]),e._v(", it defines options for the the label of annotation.")]),e._v(" "),t("p",[e._v("All of these options can be "),t("RouterLink",{attrs:{to:"/guide/options.html#scriptable-options"}},[e._v("Scriptable")])],1),e._v(" "),t("table",[t("thead",[t("tr",[t("th",[e._v("Name")]),e._v(" "),t("th",[e._v("Type")]),e._v(" "),t("th",{staticStyle:{"text-align":"center"}},[e._v("Default")]),e._v(" "),t("th",[e._v("Notes")])])]),e._v(" "),t("tbody",[t("tr",[t("td",[t("a",{attrs:{href:"#fonts-and-colors"}},[t("code",[e._v("color")])])]),e._v(" "),t("td",[t("a",{attrs:{href:"../options#color"}},[t("code",[e._v("Color")]),e._v("|"),t("code",[e._v("Color[]")])])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("'black'")])]),e._v(" "),t("td",[e._v("Text color.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("content")])]),e._v(" "),t("td",[t("code",[e._v("string")]),e._v("|"),t("code",[e._v("string[]")]),e._v("|"),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/Image",target:"_blank",rel:"noopener noreferrer"}},[t("code",[e._v("Image")]),t("OutboundLink")],1),e._v("|"),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement",target:"_blank",rel:"noopener noreferrer"}},[t("code",[e._v("HTMLCanvasElement")]),t("OutboundLink")],1)]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("null")])]),e._v(" "),t("td",[e._v("The content to show in the label.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("display")])]),e._v(" "),t("td",[t("code",[e._v("boolean")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("false")])]),e._v(" "),t("td",[e._v("Whether or not the label is shown.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("drawTime")])]),e._v(" "),t("td",[t("code",[e._v("string")]),e._v("|"),t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("options.drawTime")])]),e._v(" "),t("td",[e._v("See "),t("a",{attrs:{href:"../options#draw-time"}},[e._v("drawTime")]),e._v(". Defaults to the annotation draw time if unset")])]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#fonts-and-colors"}},[t("code",[e._v("font")])])]),e._v(" "),t("td",[t("a",{attrs:{href:"../options#font"}},[t("code",[e._v("Font")]),e._v("|"),t("code",[e._v("Font[]")])])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("{ weight: 'bold' }")])]),e._v(" "),t("td",[e._v("Label font")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("height")])]),e._v(" "),t("td",[t("code",[e._v("number")]),e._v("|"),t("code",[e._v("string")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("undefined")])]),e._v(" "),t("td",[e._v("Overrides the height of the image or canvas element. Could be set in pixel by a number, or in percentage of current height of image or canvas element by a string. If undefined, uses the height of the image or canvas element. It is used only when the content is an image or canvas element.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("hitTolerance")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("undefined")])]),e._v(" "),t("td",[e._v("Amount of pixels to interact with annotations within some distance of the mouse point.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("opacity")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("undefined")])]),e._v(" "),t("td",[e._v("Overrides the opacity of the image or canvas element. Could be set a number in the range 0.0 to 1.0, inclusive. If undefined, uses the opacity of the image or canvas element. It is used only when the content is an image or canvas element.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("padding")])]),e._v(" "),t("td",[t("RouterLink",{attrs:{to:"/guide/options.html#padding"}},[t("code",[e._v("Padding")])])],1),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("6")])]),e._v(" "),t("td",[e._v("The padding to add around the text label.")])]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#position"}},[t("code",[e._v("position")])])]),e._v(" "),t("td",[t("code",[e._v("string")]),e._v("|"),t("code",[e._v("{x: string, y: string}")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("'center'")])]),e._v(" "),t("td",[e._v("Anchor position of label in the annotation.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("rotation")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("undefined")])]),e._v(" "),t("td",[e._v("Rotation of label, in degrees. If "),t("code",[e._v("undefined")]),e._v(", the annotation rotation is used.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("textAlign")])]),e._v(" "),t("td",[t("code",[e._v("string")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("'start'")])]),e._v(" "),t("td",[e._v("Text alignment of label content when there's more than one line. Possible options are: "),t("code",[e._v("'left'")]),e._v(", "),t("code",[e._v("'start'")]),e._v(", "),t("code",[e._v("'center'")]),e._v(", "),t("code",[e._v("'end'")]),e._v(", "),t("code",[e._v("'right'")]),e._v(".")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("textStrokeColor")])]),e._v(" "),t("td",[t("RouterLink",{attrs:{to:"/guide/options.html#color"}},[t("code",[e._v("Color")])])],1),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("undefined")])]),e._v(" "),t("td",[e._v("The color of the stroke around the text.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("textStrokeWidth")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("0")])]),e._v(" "),t("td",[e._v("Stroke width around the text.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("width")])]),e._v(" "),t("td",[t("code",[e._v("number")]),e._v("|"),t("code",[e._v("string")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("undefined")])]),e._v(" "),t("td",[e._v("Overrides the width of the image or canvas element. Could be set in pixel by a number, or in percentage of current width of image or canvas element by a string. If undefined, uses the width of the image or canvas element. It is used only when the content is an image or canvas element.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("xAdjust")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("0")])]),e._v(" "),t("td",[e._v("Adjustment along x-axis (left-right) of label relative to computed position. Negative values move the label left, positive right.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("yAdjust")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("0")])]),e._v(" "),t("td",[e._v("Adjustment along y-axis (top-bottom) of label relative to computed position. Negative values move the label up, positive down.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("z")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[t("code",[e._v("0")])]),e._v(" "),t("td",[e._v("It determines the drawing stack level of the label element, with same "),t("code",[e._v("drawTime")]),e._v(".")])])])]),e._v(" "),t("h3",{attrs:{id:"position"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#position"}},[e._v("#")]),e._v(" Position")]),e._v(" "),t("p",[e._v("A position can be set in 2 different values types:")]),e._v(" "),t("ol",[t("li",[t("code",[e._v("'start'")]),e._v(", "),t("code",[e._v("'center'")]),e._v(", "),t("code",[e._v("'end'")]),e._v(" which are defining where the label will be located")]),e._v(" "),t("li",[e._v("a "),t("code",[e._v("string")]),e._v(", in percentage format "),t("code",[e._v("'number%'")]),e._v(", is representing the percentage on the size where the label will be located")])]),e._v(" "),t("p",[e._v("If this value is a string (possible options are "),t("code",[e._v("'start'")]),e._v(", "),t("code",[e._v("'center'")]),e._v(", "),t("code",[e._v("'end'")]),e._v(" or a string in percentage format), it is applied to vertical and horizontal position in the annotation.")]),e._v(" "),t("p",[e._v("If this value is an object, the "),t("code",[e._v("x")]),e._v(" property defines the horizontal alignment in the annotation. Similarly, the "),t("code",[e._v("y")]),e._v(" property defines the vertical alignment in the annotation. Possible options for both properties are "),t("code",[e._v("'start'")]),e._v(", "),t("code",[e._v("'center'")]),e._v(", "),t("code",[e._v("'end'")]),e._v(", a string in percentage format. Omitted property have value of the default, "),t("code",[e._v("'center'")]),e._v(".")]),e._v(" "),t("h3",{attrs:{id:"fonts-and-colors"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#fonts-and-colors"}},[e._v("#")]),e._v(" Fonts and colors")]),e._v(" "),t("p",[e._v("When the label to draw has multiple lines, you can use different font and color for each line of the label. This is enabled configuring an array of fonts or colors for those options. When the lines are more than the configured fonts of colors, the last configuration of those options is used for all remaining lines.")])])}),[],!1,null,null,null);t.default=a.exports}}]); \ No newline at end of file diff --git a/master/assets/js/54.44f89306.js b/master/assets/js/54.dcabf9ea.js similarity index 95% rename from master/assets/js/54.44f89306.js rename to master/assets/js/54.dcabf9ea.js index f960aefd8..9bccad377 100644 --- a/master/assets/js/54.44f89306.js +++ b/master/assets/js/54.dcabf9ea.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[54],{471:function(n,t,a){"use strict";a.r(t);var e=a(4),o=Object(e.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"usage"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#usage"}},[this._v("#")]),this._v(" Usage")]),this._v(" "),n("p",[this._v("Using the annotation plugin is very simple. Once the plugin is "),n("a",{attrs:{href:"./integration"}},[this._v("registered")]),this._v(" annotation options provided to the chart will be used. In this simple example, we define a single box annotation for our chart.")]),this._v(" "),n("chart-editor",{attrs:{code:"/* */\nconst config = {\n type: 'line',\n data: {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\n datasets: [{\n label: 'My First Dataset',\n data: [65, 59, 80, 81, 56, 55, 40],\n fill: false,\n borderColor: 'rgb(75, 192, 192)',\n tension: 0.1\n }]\n },\n options: {\n plugins: {\n annotation: {\n annotations: {\n box1: {\n // Indicates the type of annotation\n type: 'box',\n xMin: 1,\n xMax: 2,\n yMin: 50,\n yMax: 70,\n backgroundColor: 'rgba(255, 99, 132, 0.25)'\n }\n }\n }\n }\n }\n};\n/* */\n\nmodule.exports = {\n config\n};\n"}})],1)}),[],!1,null,null,null);t.default=o.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[54],{472:function(n,t,a){"use strict";a.r(t);var e=a(4),o=Object(e.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"usage"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#usage"}},[this._v("#")]),this._v(" Usage")]),this._v(" "),n("p",[this._v("Using the annotation plugin is very simple. Once the plugin is "),n("a",{attrs:{href:"./integration"}},[this._v("registered")]),this._v(" annotation options provided to the chart will be used. In this simple example, we define a single box annotation for our chart.")]),this._v(" "),n("chart-editor",{attrs:{code:"/* */\nconst config = {\n type: 'line',\n data: {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\n datasets: [{\n label: 'My First Dataset',\n data: [65, 59, 80, 81, 56, 55, 40],\n fill: false,\n borderColor: 'rgb(75, 192, 192)',\n tension: 0.1\n }]\n },\n options: {\n plugins: {\n annotation: {\n annotations: {\n box1: {\n // Indicates the type of annotation\n type: 'box',\n xMin: 1,\n xMax: 2,\n yMin: 50,\n yMax: 70,\n backgroundColor: 'rgba(255, 99, 132, 0.25)'\n }\n }\n }\n }\n }\n};\n/* */\n\nmodule.exports = {\n config\n};\n"}})],1)}),[],!1,null,null,null);t.default=o.exports}}]); \ No newline at end of file diff --git a/master/assets/js/55.46eec6e8.js b/master/assets/js/55.a317e88a.js similarity index 77% rename from master/assets/js/55.46eec6e8.js rename to master/assets/js/55.a317e88a.js index 8e82f6f53..1ce40c6f6 100644 --- a/master/assets/js/55.46eec6e8.js +++ b/master/assets/js/55.a317e88a.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[55],{472:function(t,n,s){"use strict";s.r(n);var e=s(4),o=Object(e.a)({},(function(){return(0,this._self._c)("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}})}),[],!1,null,null,null);n.default=o.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[55],{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/58.30d032f4.js b/master/assets/js/58.4c3e4a5c.js similarity index 96% rename from master/assets/js/58.30d032f4.js rename to master/assets/js/58.4c3e4a5c.js index 11c5674f2..39db40015 100644 --- a/master/assets/js/58.30d032f4.js +++ b/master/assets/js/58.4c3e4a5c.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[58],{475: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.43a94ce3.js b/master/assets/js/60.1efa09b5.js similarity index 96% rename from master/assets/js/60.43a94ce3.js rename to master/assets/js/60.1efa09b5.js index 8095af8c6..0092eb77e 100644 --- a/master/assets/js/60.43a94ce3.js +++ b/master/assets/js/60.1efa09b5.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[60],{477: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],{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 diff --git a/master/assets/js/61.ba9efda0.js b/master/assets/js/61.1276be5e.js similarity index 97% rename from master/assets/js/61.ba9efda0.js rename to master/assets/js/61.1276be5e.js index 5e82b0dfc..ecbc25bcd 100644 --- a/master/assets/js/61.ba9efda0.js +++ b/master/assets/js/61.1276be5e.js @@ -1 +1 @@ -(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 +(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 diff --git a/master/assets/js/62.8b31df8f.js b/master/assets/js/62.5f1e3a0b.js similarity index 97% rename from master/assets/js/62.8b31df8f.js rename to master/assets/js/62.5f1e3a0b.js index 385e1296b..fe33b17ba 100644 --- a/master/assets/js/62.8b31df8f.js +++ b/master/assets/js/62.5f1e3a0b.js @@ -1 +1 @@ -(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 +(window.webpackJsonp=window.webpackJsonp||[]).push([[62],{482: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/64.432ffed3.js b/master/assets/js/64.02e0a7b0.js similarity index 97% rename from master/assets/js/64.432ffed3.js rename to master/assets/js/64.02e0a7b0.js index f205eea3f..adc371652 100644 --- a/master/assets/js/64.432ffed3.js +++ b/master/assets/js/64.02e0a7b0.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[64],{481: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:"line-chart"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#line-chart"}},[this._v("#")]),this._v(" Line Chart")]),this._v(" "),n("chart-editor",{attrs:{code:"// \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"}})],1)}),[],!1,null,null,null);t.default=e.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[64],{480: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:"line-chart"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#line-chart"}},[this._v("#")]),this._v(" Line Chart")]),this._v(" "),n("chart-editor",{attrs:{code:"// \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"}})],1)}),[],!1,null,null,null);t.default=e.exports}}]); \ No newline at end of file diff --git a/master/assets/js/65.31a9f2ae.js b/master/assets/js/65.2f75b837.js similarity index 97% rename from master/assets/js/65.31a9f2ae.js rename to master/assets/js/65.2f75b837.js index d5a5a612f..91cf3d0b4 100644 --- a/master/assets/js/65.31a9f2ae.js +++ b/master/assets/js/65.2f75b837.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[65],{482: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: '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"}})],1)}),[],!1,null,null,null);t.default=i.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[65],{483: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: '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"}})],1)}),[],!1,null,null,null);t.default=i.exports}}]); \ No newline at end of file diff --git a/master/assets/js/66.0ea27082.js b/master/assets/js/66.cf844c45.js similarity index 96% rename from master/assets/js/66.0ea27082.js rename to master/assets/js/66.cf844c45.js index d4c37ff1c..9bf7d43c1 100644 --- a/master/assets/js/66.0ea27082.js +++ b/master/assets/js/66.cf844c45.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[66],{485:function(n,t,a){"use strict";a.r(t);var o=a(4),e=Object(o.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"using-images-as-labels"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#using-images-as-labels"}},[this._v("#")]),this._v(" Using images as labels")]),this._v(" "),n("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 12;\nconst MIN = 10;\nconst MAX = 100;\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation = {\n type: 'ellipse',\n backgroundColor: 'rgba(0, 0, 0, 0.2)',\n borderWidth: 1,\n borderColor: '#F27173',\n yMin: 30,\n yMax: 80,\n xMax: 2,\n xMin: 5,\n label: {\n display: true,\n content: Utils.getImage(),\n width: 150,\n height: 150,\n position: 'center'\n }\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n y: {\n beginAtZero: true\n }\n },\n plugins: {\n annotation: {\n annotations: {\n annotation\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config\n};\n"}})],1)}),[],!1,null,null,null);t.default=e.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[66],{489:function(n,t,a){"use strict";a.r(t);var o=a(4),e=Object(o.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"using-images-as-labels"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#using-images-as-labels"}},[this._v("#")]),this._v(" Using images as labels")]),this._v(" "),n("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 12;\nconst MIN = 10;\nconst MAX = 100;\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation = {\n type: 'ellipse',\n backgroundColor: 'rgba(0, 0, 0, 0.2)',\n borderWidth: 1,\n borderColor: '#F27173',\n yMin: 30,\n yMax: 80,\n xMax: 2,\n xMin: 5,\n label: {\n display: true,\n content: Utils.getImage(),\n width: 150,\n height: 150,\n position: 'center'\n }\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n y: {\n beginAtZero: true\n }\n },\n plugins: {\n annotation: {\n annotations: {\n annotation\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config\n};\n"}})],1)}),[],!1,null,null,null);t.default=e.exports}}]); \ No newline at end of file diff --git a/master/assets/js/67.ec6d3831.js b/master/assets/js/67.4a37c1a4.js similarity index 96% rename from master/assets/js/67.ec6d3831.js rename to master/assets/js/67.4a37c1a4.js index e2858ece1..c8b842f5a 100644 --- a/master/assets/js/67.ec6d3831.js +++ b/master/assets/js/67.4a37c1a4.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[67],{483: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:"labeling"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#labeling"}},[this._v("#")]),this._v(" Labeling")]),this._v(" "),n("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 12;\nconst MIN = 10;\nconst MAX = 100;\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation = {\n type: 'ellipse',\n backgroundColor: 'rgba(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"}})],1)}),[],!1,null,null,null);t.default=e.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[67],{484: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:"labeling"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#labeling"}},[this._v("#")]),this._v(" Labeling")]),this._v(" "),n("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 12;\nconst MIN = 10;\nconst MAX = 100;\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation = {\n type: 'ellipse',\n backgroundColor: 'rgba(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"}})],1)}),[],!1,null,null,null);t.default=e.exports}}]); \ No newline at end of file diff --git a/master/assets/js/68.fb7f5655.js b/master/assets/js/68.27e14938.js similarity index 98% rename from master/assets/js/68.fb7f5655.js rename to master/assets/js/68.27e14938.js index 552569150..213c40d43 100644 --- a/master/assets/js/68.fb7f5655.js +++ b/master/assets/js/68.27e14938.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[68],{484: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],{485: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/72.94b29f50.js b/master/assets/js/72.e63e58ae.js similarity index 98% rename from master/assets/js/72.94b29f50.js rename to master/assets/js/72.e63e58ae.js index 6a07885c6..483cf5c5d 100644 --- a/master/assets/js/72.94b29f50.js +++ b/master/assets/js/72.e63e58ae.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[72],{489:function(n,e,t){"use strict";t.r(e);var o=t(4),l=Object(o.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"selecting-annotations"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#selecting-annotations"}},[this._v("#")]),this._v(" Selecting annotations")]),this._v(" "),n("chart-editor",{attrs:{code:"// \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"}})],1)}),[],!1,null,null,null);e.default=l.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[72],{490:function(n,e,t){"use strict";t.r(e);var o=t(4),l=Object(o.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"selecting-annotations"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#selecting-annotations"}},[this._v("#")]),this._v(" Selecting annotations")]),this._v(" "),n("chart-editor",{attrs:{code:"// \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"}})],1)}),[],!1,null,null,null);e.default=l.exports}}]); \ No newline at end of file diff --git a/master/assets/js/73.9d23b9c6.js b/master/assets/js/73.68efafde.js similarity index 97% rename from master/assets/js/73.9d23b9c6.js rename to master/assets/js/73.68efafde.js index 262fb1d57..a5d976667 100644 --- a/master/assets/js/73.9d23b9c6.js +++ b/master/assets/js/73.68efafde.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[73],{490:function(n,t,o){"use strict";o.r(t);var a=o(4),e=Object(a.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"intro"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#intro"}},[this._v("#")]),this._v(" Intro")]),this._v(" "),n("chart-editor",{attrs:{code:"// \nUtils.srand(8);\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\n datasets: [{\n type: 'line',\n label: 'Dataset 1',\n borderColor: 'rgb(54, 162, 235)',\n borderWidth: 2,\n fill: false,\n data: Utils.numbers({count: 7, min: -100, max: 100}),\n }, {\n type: 'bar',\n label: 'Dataset 2',\n backgroundColor: 'rgb(255, 99, 132)',\n data: Utils.numbers({count: 7, min: -100, max: 100}),\n borderColor: 'white',\n borderWidth: 2\n }, {\n type: 'bar',\n label: 'Dataset 3',\n backgroundColor: 'rgb(75, 192, 192)',\n data: Utils.numbers({count: 7, min: -100, max: 100}),\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'line',\n borderColor: 'black',\n borderWidth: 5,\n click: function({chart, element}) {\n console.log('Line annotation clicked');\n },\n label: {\n backgroundColor: 'red',\n content: 'Test Label',\n display: true\n },\n scaleID: 'y',\n value: Utils.rand(-100, 100)\n};\n// \n\n// \nconst annotation2 = {\n type: 'box',\n backgroundColor: 'rgba(101, 33, 171, 0.5)',\n borderColor: 'rgb(101, 33, 171)',\n borderWidth: 1,\n click: function({chart, element}) {\n console.log('Box annotation clicked');\n },\n drawTime: 'beforeDatasetsDraw',\n xMax: 'April',\n xMin: 'February',\n xScaleID: 'x',\n yMax: Utils.rand(-100, 100),\n yMin: Utils.rand(-100, 100),\n yScaleID: 'y'\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = Utils.numbers({count: 7, min: -100, max: 100});\n });\n chart.update();\n }\n },\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n output: 'console.log output is shown here, click one of the annotations'\n};\n"}})],1)}),[],!1,null,null,null);t.default=e.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[73],{491:function(n,t,o){"use strict";o.r(t);var a=o(4),e=Object(a.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"intro"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#intro"}},[this._v("#")]),this._v(" Intro")]),this._v(" "),n("chart-editor",{attrs:{code:"// \nUtils.srand(8);\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\n datasets: [{\n type: 'line',\n label: 'Dataset 1',\n borderColor: 'rgb(54, 162, 235)',\n borderWidth: 2,\n fill: false,\n data: Utils.numbers({count: 7, min: -100, max: 100}),\n }, {\n type: 'bar',\n label: 'Dataset 2',\n backgroundColor: 'rgb(255, 99, 132)',\n data: Utils.numbers({count: 7, min: -100, max: 100}),\n borderColor: 'white',\n borderWidth: 2\n }, {\n type: 'bar',\n label: 'Dataset 3',\n backgroundColor: 'rgb(75, 192, 192)',\n data: Utils.numbers({count: 7, min: -100, max: 100}),\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'line',\n borderColor: 'black',\n borderWidth: 5,\n click: function({chart, element}) {\n console.log('Line annotation clicked');\n },\n label: {\n backgroundColor: 'red',\n content: 'Test Label',\n display: true\n },\n scaleID: 'y',\n value: Utils.rand(-100, 100)\n};\n// \n\n// \nconst annotation2 = {\n type: 'box',\n backgroundColor: 'rgba(101, 33, 171, 0.5)',\n borderColor: 'rgb(101, 33, 171)',\n borderWidth: 1,\n click: function({chart, element}) {\n console.log('Box annotation clicked');\n },\n drawTime: 'beforeDatasetsDraw',\n xMax: 'April',\n xMin: 'February',\n xScaleID: 'x',\n yMax: Utils.rand(-100, 100),\n yMin: Utils.rand(-100, 100),\n yScaleID: 'y'\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = Utils.numbers({count: 7, min: -100, max: 100});\n });\n chart.update();\n }\n },\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n output: 'console.log output is shown here, click one of the annotations'\n};\n"}})],1)}),[],!1,null,null,null);t.default=e.exports}}]); \ No newline at end of file diff --git a/master/assets/js/74.e30f9a06.js b/master/assets/js/74.75671674.js similarity index 97% rename from master/assets/js/74.e30f9a06.js rename to master/assets/js/74.75671674.js index e95933f7f..98b1ea14a 100644 --- a/master/assets/js/74.e30f9a06.js +++ b/master/assets/js/74.75671674.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[74],{493:function(n,t,a){"use strict";a.r(t);var e=a(4),o=Object(e.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"auto-scaling"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#auto-scaling"}},[this._v("#")]),this._v(" Auto scaling")]),this._v(" "),n("input",{staticStyle:{width:"100%"},attrs:{id:"update",type:"range",min:"46",max:"100",value:"100",step:"2"}}),this._v(" "),n("chart-editor",{attrs:{code:"// \nconst uniqueId = new Date().getTime();\n\nconst DATA_COUNT = 12;\nconst MIN = 0;\nconst MAX = 100;\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation = {\n type: 'label',\n backgroundColor: 'whiteSmoke',\n borderColor: 'lightGray',\n borderRadius: 6,\n content: ['Annotation', 'to resize'],\n drawTime: 'afterDraw',\n borderWidth: (ctx) => autoScaling(ctx, 'borderWidth', 2),\n font: (ctx) => autoScaling(ctx, 'font', 48),\n padding: (ctx) => autoScaling(ctx, 'padding', 6),\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n _sampleId: uniqueId,\n plugins: {\n annotation: {\n annotations: {\n annotation\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction autoScaling(ctx, option, origValue) {\n const {chart} = ctx;\n const {width, height} = chart.chartArea;\n const hypo = Math.sqrt(Math.pow(width, 2) + Math.pow(height, 2));\n let size, value;\n if (!ctx.size) {\n ctx.size = size = hypo;\n value = origValue;\n } else {\n size = ctx.size;\n value = hypo / size * origValue;\n }\n if (option === 'font') {\n return {size: value};\n }\n return value;\n}\n// \n\n// \nlet originalArea;\ndocument.getElementById('update').addEventListener('input', update);\n\nfunction update() {\n const ratio = +document.querySelector('input[type=range]').value / 100;\n const chart = Object.values(Chart.instances).find(c => c.options._sampleId === uniqueId);\n if (!originalArea) {\n originalArea = chart.chartArea;\n }\n const w = originalArea.width * ratio;\n const h = originalArea.height * ratio;\n chart.resize(w, h);\n}\n// \n\nmodule.exports = {\n config: config\n};\n"}})],1)}),[],!1,null,null,null);t.default=o.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[74],{492:function(n,t,a){"use strict";a.r(t);var e=a(4),o=Object(e.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"auto-scaling"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#auto-scaling"}},[this._v("#")]),this._v(" Auto scaling")]),this._v(" "),n("input",{staticStyle:{width:"100%"},attrs:{id:"update",type:"range",min:"46",max:"100",value:"100",step:"2"}}),this._v(" "),n("chart-editor",{attrs:{code:"// \nconst uniqueId = new Date().getTime();\n\nconst DATA_COUNT = 12;\nconst MIN = 0;\nconst MAX = 100;\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation = {\n type: 'label',\n backgroundColor: 'whiteSmoke',\n borderColor: 'lightGray',\n borderRadius: 6,\n content: ['Annotation', 'to resize'],\n drawTime: 'afterDraw',\n borderWidth: (ctx) => autoScaling(ctx, 'borderWidth', 2),\n font: (ctx) => autoScaling(ctx, 'font', 48),\n padding: (ctx) => autoScaling(ctx, 'padding', 6),\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n _sampleId: uniqueId,\n plugins: {\n annotation: {\n annotations: {\n annotation\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction autoScaling(ctx, option, origValue) {\n const {chart} = ctx;\n const {width, height} = chart.chartArea;\n const hypo = Math.sqrt(Math.pow(width, 2) + Math.pow(height, 2));\n let size, value;\n if (!ctx.size) {\n ctx.size = size = hypo;\n value = origValue;\n } else {\n size = ctx.size;\n value = hypo / size * origValue;\n }\n if (option === 'font') {\n return {size: value};\n }\n return value;\n}\n// \n\n// \nlet originalArea;\ndocument.getElementById('update').addEventListener('input', update);\n\nfunction update() {\n const ratio = +document.querySelector('input[type=range]').value / 100;\n const chart = Object.values(Chart.instances).find(c => c.options._sampleId === uniqueId);\n if (!originalArea) {\n originalArea = chart.chartArea;\n }\n const w = originalArea.width * ratio;\n const h = originalArea.height * ratio;\n chart.resize(w, h);\n}\n// \n\nmodule.exports = {\n config: config\n};\n"}})],1)}),[],!1,null,null,null);t.default=o.exports}}]); \ No newline at end of file diff --git a/master/assets/js/75.56fd93b8.js b/master/assets/js/75.e4ef2529.js similarity index 97% rename from master/assets/js/75.56fd93b8.js rename to master/assets/js/75.e4ef2529.js index 3f7efae48..c19975bc2 100644 --- a/master/assets/js/75.56fd93b8.js +++ b/master/assets/js/75.e4ef2529.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[75],{491:function(n,t,a){"use strict";a.r(t);var o=a(4),e=Object(o.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"basic"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#basic"}},[this._v("#")]),this._v(" Basic")]),this._v(" "),n("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 12;\nconst MIN = 0;\nconst MAX = 100;\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'label',\n borderColor: (ctx) => ctx.chart.data.datasets[0].backgroundColor,\n borderRadius: 6,\n borderWidth: 1,\n content: ['March', 'annotated'],\n position: {\n x: 'center',\n y: 'end'\n },\n xValue: 'March',\n yValue: (ctx) => yValue(ctx, 'March')\n};\n// \n\n// \nconst annotation2 = {\n type: 'label',\n borderColor: (ctx) => ctx.chart.data.datasets[0].backgroundColor,\n borderRadius: 6,\n borderWidth: 1,\n content: ['June', 'annotated'],\n position: {\n x: 'center',\n y: 'end'\n },\n xValue: 'June',\n yValue: (ctx) => yValue(ctx, 'June')\n};\n// \n\n// \nconst annotation3 = {\n type: 'label',\n borderColor: (ctx) => ctx.chart.data.datasets[0].backgroundColor,\n borderRadius: 6,\n borderWidth: 1,\n content: ['October', 'annotated'],\n position: {\n x: 'center',\n y: 'end'\n },\n xValue: 'October',\n yValue: (ctx) => yValue(ctx, 'October')\n};\n// \n\n/* */\nconst config = {\n type: 'bar',\n data,\n options: {\n scales: {\n y: {\n beginAtZero: true,\n max: 120,\n min: 0\n }\n },\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2,\n annotation3\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction yValue(ctx, label) {\n const chart = ctx.chart;\n const dataset = chart.data.datasets[0];\n return dataset.data[chart.data.labels.indexOf(label)];\n}\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n"}})],1)}),[],!1,null,null,null);t.default=e.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[75],{493:function(n,t,a){"use strict";a.r(t);var o=a(4),e=Object(o.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"basic"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#basic"}},[this._v("#")]),this._v(" Basic")]),this._v(" "),n("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 12;\nconst MIN = 0;\nconst MAX = 100;\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'label',\n borderColor: (ctx) => ctx.chart.data.datasets[0].backgroundColor,\n borderRadius: 6,\n borderWidth: 1,\n content: ['March', 'annotated'],\n position: {\n x: 'center',\n y: 'end'\n },\n xValue: 'March',\n yValue: (ctx) => yValue(ctx, 'March')\n};\n// \n\n// \nconst annotation2 = {\n type: 'label',\n borderColor: (ctx) => ctx.chart.data.datasets[0].backgroundColor,\n borderRadius: 6,\n borderWidth: 1,\n content: ['June', 'annotated'],\n position: {\n x: 'center',\n y: 'end'\n },\n xValue: 'June',\n yValue: (ctx) => yValue(ctx, 'June')\n};\n// \n\n// \nconst annotation3 = {\n type: 'label',\n borderColor: (ctx) => ctx.chart.data.datasets[0].backgroundColor,\n borderRadius: 6,\n borderWidth: 1,\n content: ['October', 'annotated'],\n position: {\n x: 'center',\n y: 'end'\n },\n xValue: 'October',\n yValue: (ctx) => yValue(ctx, 'October')\n};\n// \n\n/* */\nconst config = {\n type: 'bar',\n data,\n options: {\n scales: {\n y: {\n beginAtZero: true,\n max: 120,\n min: 0\n }\n },\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2,\n annotation3\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction yValue(ctx, label) {\n const chart = ctx.chart;\n const dataset = chart.data.datasets[0];\n return dataset.data[chart.data.labels.indexOf(label)];\n}\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n"}})],1)}),[],!1,null,null,null);t.default=e.exports}}]); \ No newline at end of file diff --git a/master/assets/js/76.d991ade9.js b/master/assets/js/76.b5bdba5f.js similarity index 97% rename from master/assets/js/76.d991ade9.js rename to master/assets/js/76.b5bdba5f.js index 753460cb1..63ab13bc9 100644 --- a/master/assets/js/76.d991ade9.js +++ b/master/assets/js/76.b5bdba5f.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[76],{492:function(n,t,a){"use strict";a.r(t);var e=a(4),o=Object(e.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"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/78.26552a5a.js b/master/assets/js/78.b36a8ef4.js similarity index 98% rename from master/assets/js/78.26552a5a.js rename to master/assets/js/78.b36a8ef4.js index 186759374..775470e9f 100644 --- a/master/assets/js/78.26552a5a.js +++ b/master/assets/js/78.b36a8ef4.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[78],{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:"fonts-and-colors"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#fonts-and-colors"}},[this._v("#")]),this._v(" Fonts and colors")]),this._v(" "),n("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 12;\nconst MIN = 0;\nconst MAX = 100;\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'label',\n backgroundColor: 'rgba(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 <= 100 ?\n ctx.chart.scales.x.options.grid.color :\n undefined\n },\n ticks: {\n callback: (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"}})],1)}),[],!1,null,null,null);t.default=e.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[78],{496: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:"fonts-and-colors"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#fonts-and-colors"}},[this._v("#")]),this._v(" Fonts and colors")]),this._v(" "),n("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 12;\nconst MIN = 0;\nconst MAX = 100;\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'label',\n backgroundColor: 'rgba(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 <= 100 ?\n ctx.chart.scales.x.options.grid.color :\n undefined\n },\n ticks: {\n callback: (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"}})],1)}),[],!1,null,null,null);t.default=e.exports}}]); \ No newline at end of file diff --git a/master/assets/js/79.53062205.js b/master/assets/js/79.364abf25.js similarity index 96% rename from master/assets/js/79.53062205.js rename to master/assets/js/79.364abf25.js index 2000f7ace..a0fe2d205 100644 --- a/master/assets/js/79.53062205.js +++ b/master/assets/js/79.364abf25.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[79],{496:function(n,t,a){"use strict";a.r(t);var o=a(4),e=Object(o.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"using-images-as-content"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#using-images-as-content"}},[this._v("#")]),this._v(" Using images 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 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"}})],1)}),[],!1,null,null,null);t.default=e.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[79],{498:function(n,t,a){"use strict";a.r(t);var o=a(4),e=Object(o.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"using-images-as-content"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#using-images-as-content"}},[this._v("#")]),this._v(" Using images 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 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"}})],1)}),[],!1,null,null,null);t.default=e.exports}}]); \ No newline at end of file diff --git a/master/assets/js/8.29918ba2.js b/master/assets/js/8.06ee8050.js similarity index 97% rename from master/assets/js/8.29918ba2.js rename to master/assets/js/8.06ee8050.js index 594f4aea9..35a696ad6 100644 --- a/master/assets/js/8.29918ba2.js +++ b/master/assets/js/8.06ee8050.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[8],{307:function(t,a,n){t.exports=n.p+"assets/img/banner.93609242.png"},455:function(t,a,n){"use strict";n.r(a);var s=n(4),e=Object(s.a)({},(function(){var t=this,a=t._self._c;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"getting-started"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#getting-started"}},[t._v("#")]),t._v(" Getting Started")]),t._v(" "),a("div",{staticClass:"custom-block danger"},[a("p",{staticClass:"custom-block-title"},[t._v("DANGER")]),t._v(" "),a("p",[t._v("This plugin needs to be registered. It does not function as inline plugin.")])]),t._v(" "),a("p",[t._v("An annotation plugin for Chart.js >= 4.0.0")]),t._v(" "),a("p",[t._v("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.")]),t._v(" "),a("p",[a("img",{attrs:{src:n(307),alt:"Banner"}})]),t._v(" "),a("h2",{attrs:{id:"installation"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#installation"}},[t._v("#")]),t._v(" Installation")]),t._v(" "),a("div",{staticClass:"language-bash extra-class"},[a("pre",{pre:!0,attrs:{class:"language-bash"}},[a("code",[a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(">")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("npm")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("install")]),t._v(" chartjs-plugin-annotation\n")])])]),a("div",{staticClass:"custom-block tip"},[a("p",{staticClass:"custom-block-title"},[t._v("Important Note")]),t._v(" "),a("p",[t._v("For Chart.js 3.7.0 to 3.9.1 support, use "),a("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/releases/tag/v2.2.1",target:"_blank",rel:"noopener noreferrer"}},[t._v("version 2.2.1 of this plugin"),a("OutboundLink")],1)]),t._v(" "),a("p",[t._v("For Chart.js 3.0.0 to 3.6.2 support, use "),a("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/releases/tag/v1.4.0",target:"_blank",rel:"noopener noreferrer"}},[t._v("version 1.4.0 of this plugin"),a("OutboundLink")],1)]),t._v(" "),a("p",[t._v("For Chart.js 2.4.0 to 2.9.x support, use "),a("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/releases/tag/v0.5.7",target:"_blank",rel:"noopener noreferrer"}},[t._v("version 0.5.7 of this plugin"),a("OutboundLink")],1)]),t._v(" "),a("p",[t._v("Documentation for v0.5.7 can be found on "),a("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/1ab782afce943456f958cac33f67edc5d6eab278/README.md",target:"_blank",rel:"noopener noreferrer"}},[t._v("GitHub"),a("OutboundLink")],1),t._v(".")])])])}),[],!1,null,null,null);a.default=e.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[8],{307:function(t,a,n){t.exports=n.p+"assets/img/banner.93609242.png"},458:function(t,a,n){"use strict";n.r(a);var s=n(4),e=Object(s.a)({},(function(){var t=this,a=t._self._c;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"getting-started"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#getting-started"}},[t._v("#")]),t._v(" Getting Started")]),t._v(" "),a("div",{staticClass:"custom-block danger"},[a("p",{staticClass:"custom-block-title"},[t._v("DANGER")]),t._v(" "),a("p",[t._v("This plugin needs to be registered. It does not function as inline plugin.")])]),t._v(" "),a("p",[t._v("An annotation plugin for Chart.js >= 4.0.0")]),t._v(" "),a("p",[t._v("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.")]),t._v(" "),a("p",[a("img",{attrs:{src:n(307),alt:"Banner"}})]),t._v(" "),a("h2",{attrs:{id:"installation"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#installation"}},[t._v("#")]),t._v(" Installation")]),t._v(" "),a("div",{staticClass:"language-bash extra-class"},[a("pre",{pre:!0,attrs:{class:"language-bash"}},[a("code",[a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(">")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("npm")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("install")]),t._v(" chartjs-plugin-annotation\n")])])]),a("div",{staticClass:"custom-block tip"},[a("p",{staticClass:"custom-block-title"},[t._v("Important Note")]),t._v(" "),a("p",[t._v("For Chart.js 3.7.0 to 3.9.1 support, use "),a("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/releases/tag/v2.2.1",target:"_blank",rel:"noopener noreferrer"}},[t._v("version 2.2.1 of this plugin"),a("OutboundLink")],1)]),t._v(" "),a("p",[t._v("For Chart.js 3.0.0 to 3.6.2 support, use "),a("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/releases/tag/v1.4.0",target:"_blank",rel:"noopener noreferrer"}},[t._v("version 1.4.0 of this plugin"),a("OutboundLink")],1)]),t._v(" "),a("p",[t._v("For Chart.js 2.4.0 to 2.9.x support, use "),a("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/releases/tag/v0.5.7",target:"_blank",rel:"noopener noreferrer"}},[t._v("version 0.5.7 of this plugin"),a("OutboundLink")],1)]),t._v(" "),a("p",[t._v("Documentation for v0.5.7 can be found on "),a("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/1ab782afce943456f958cac33f67edc5d6eab278/README.md",target:"_blank",rel:"noopener noreferrer"}},[t._v("GitHub"),a("OutboundLink")],1),t._v(".")])])])}),[],!1,null,null,null);a.default=e.exports}}]); \ No newline at end of file diff --git a/master/assets/js/80.c633551a.js b/master/assets/js/80.a15ecd5a.js similarity index 98% rename from master/assets/js/80.c633551a.js rename to master/assets/js/80.a15ecd5a.js index 426df0fe1..8e9a2e993 100644 --- a/master/assets/js/80.c633551a.js +++ b/master/assets/js/80.a15ecd5a.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[80],{504:function(n,t,a){"use strict";a.r(t);var e=a(4),o=Object(e.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"inner-chart"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#inner-chart"}},[this._v("#")]),this._v(" Inner chart")]),this._v(" "),n("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 12;\nconst MIN = 0;\nconst MAX = 100;\n\nconst innerChart = Utils.getChart();\nconst innerDataset = innerChart.data.datasets[0];\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg),\n borderColor: innerDataset.backgroundColor[0],\n backgroundColor: 'transparent'\n }, {\n data: Utils.numbers(numberCfg),\n borderColor: innerDataset.backgroundColor[1],\n backgroundColor: 'transparent',\n hidden: true\n }, {\n data: Utils.numbers(numberCfg),\n borderColor: innerDataset.backgroundColor[2],\n backgroundColor: 'transparent',\n hidden: true\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'label',\n content: innerChart.canvas,\n xValue: 1,\n yValue: 135,\n enter: (ctx) => setCursor(ctx, 'pointer'),\n leave: (ctx) => setCursor(ctx, 'default'),\n click: clickOnInnerChart\n};\n// \n\n// \nconst annotation2 = {\n type: 'label',\n content: (ctx) => [innerChart.data.labels[getVisibleDatasetIndex(ctx)],\n 'items trend'],\n callout: {\n display: true,\n position: 'bottom',\n margin: 0\n },\n font: {\n size: 16\n },\n backgroundColor: 'white',\n borderWidth: 1,\n xAdjust: -60,\n xValue: (ctx) => point(ctx).x,\n yAdjust: -60,\n yValue: (ctx) => point(ctx).y\n};\n// \n\n// \nconst annotation3 = {\n type: 'label',\n content: ['Click on a slice of the pie chart', 'to see the data in the main chart'],\n color: 'rgba(0, 0, 0, 0.5)',\n xValue: 3.2,\n yValue: 150,\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n y: {\n beginAtZero: true,\n min: 0,\n max: 160\n }\n },\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2,\n annotation3\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction clickOnInnerChart(ctx, event) {\n event.x = event.x - ctx.element.x;\n event.y = event.y - ctx.element.y;\n const elements = innerChart.getElementsAtEventForMode(event, 'point', {}, true);\n if (elements.length) {\n const first = elements[0];\n ctx.chart.setDatasetVisibility(getVisibleDatasetIndex(ctx), false);\n ctx.chart.show(first.index);\n }\n}\n\nfunction getVisibleDatasetIndex(ctx) {\n const chart = ctx.chart;\n for (let i = 0; i < chart.data.datasets.length; i++) {\n if (chart.isDatasetVisible(i)) {\n return i;\n }\n }\n return 0;\n}\n\nfunction point(ctx) {\n const dataset = ctx.chart.data.datasets[getVisibleDatasetIndex(ctx)];\n const values = dataset.data.filter((value, i) => i > dataset.data.length - 4);\n const y = Math.max(...values);\n const x = dataset.data.lastIndexOf(y);\n return {x, y};\n}\n\nfunction setCursor(ctx, type) {\n ctx.chart.canvas.style.cursor = type;\n}\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n innerChart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n innerChart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config\n};\n"}})],1)}),[],!1,null,null,null);t.default=o.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[80],{497:function(n,t,a){"use strict";a.r(t);var e=a(4),o=Object(e.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"inner-chart"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#inner-chart"}},[this._v("#")]),this._v(" Inner chart")]),this._v(" "),n("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 12;\nconst MIN = 0;\nconst MAX = 100;\n\nconst innerChart = Utils.getChart();\nconst innerDataset = innerChart.data.datasets[0];\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg),\n borderColor: innerDataset.backgroundColor[0],\n backgroundColor: 'transparent'\n }, {\n data: Utils.numbers(numberCfg),\n borderColor: innerDataset.backgroundColor[1],\n backgroundColor: 'transparent',\n hidden: true\n }, {\n data: Utils.numbers(numberCfg),\n borderColor: innerDataset.backgroundColor[2],\n backgroundColor: 'transparent',\n hidden: true\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'label',\n content: innerChart.canvas,\n xValue: 1,\n yValue: 135,\n enter: (ctx) => setCursor(ctx, 'pointer'),\n leave: (ctx) => setCursor(ctx, 'default'),\n click: clickOnInnerChart\n};\n// \n\n// \nconst annotation2 = {\n type: 'label',\n content: (ctx) => [innerChart.data.labels[getVisibleDatasetIndex(ctx)],\n 'items trend'],\n callout: {\n display: true,\n position: 'bottom',\n margin: 0\n },\n font: {\n size: 16\n },\n backgroundColor: 'white',\n borderWidth: 1,\n xAdjust: -60,\n xValue: (ctx) => point(ctx).x,\n yAdjust: -60,\n yValue: (ctx) => point(ctx).y\n};\n// \n\n// \nconst annotation3 = {\n type: 'label',\n content: ['Click on a slice of the pie chart', 'to see the data in the main chart'],\n color: 'rgba(0, 0, 0, 0.5)',\n xValue: 3.2,\n yValue: 150,\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n y: {\n beginAtZero: true,\n min: 0,\n max: 160\n }\n },\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2,\n annotation3\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction clickOnInnerChart(ctx, event) {\n event.x = event.x - ctx.element.x;\n event.y = event.y - ctx.element.y;\n const elements = innerChart.getElementsAtEventForMode(event, 'point', {}, true);\n if (elements.length) {\n const first = elements[0];\n ctx.chart.setDatasetVisibility(getVisibleDatasetIndex(ctx), false);\n ctx.chart.show(first.index);\n }\n}\n\nfunction getVisibleDatasetIndex(ctx) {\n const chart = ctx.chart;\n for (let i = 0; i < chart.data.datasets.length; i++) {\n if (chart.isDatasetVisible(i)) {\n return i;\n }\n }\n return 0;\n}\n\nfunction point(ctx) {\n const dataset = ctx.chart.data.datasets[getVisibleDatasetIndex(ctx)];\n const values = dataset.data.filter((value, i) => i > dataset.data.length - 4);\n const y = Math.max(...values);\n const x = dataset.data.lastIndexOf(y);\n return {x, y};\n}\n\nfunction setCursor(ctx, type) {\n ctx.chart.canvas.style.cursor = type;\n}\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n innerChart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n innerChart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config\n};\n"}})],1)}),[],!1,null,null,null);t.default=o.exports}}]); \ No newline at end of file diff --git a/master/assets/js/81.d4deb3bc.js b/master/assets/js/81.dd0d9deb.js similarity index 98% rename from master/assets/js/81.d4deb3bc.js rename to master/assets/js/81.dd0d9deb.js index d74b8a11d..2c95484ca 100644 --- a/master/assets/js/81.d4deb3bc.js +++ b/master/assets/js/81.dd0d9deb.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[81],{497:function(n,t,a){"use strict";a.r(t);var o=a(4),s=Object(o.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"lower-and-upper-bounds-labels"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#lower-and-upper-bounds-labels"}},[this._v("#")]),this._v(" Lower and upper bounds labels")]),this._v(" "),n("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 8;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(8);\n\nconst labels = [];\nfor (let i = 0; i < DATA_COUNT; ++i) {\n labels.push('' + i);\n}\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: labels,\n datasets: [{\n data: Utils.numbers(numberCfg)\n }, {\n data: Utils.numbers(numberCfg)\n }, {\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'label',\n content: (ctx) => 'Lower bound: ' + minValue(ctx).toFixed(3),\n position: {\n x: 'start',\n y: 'end'\n },\n xScaleID: 'x',\n xValue: 2,\n yScaleID: 'y',\n yValue: minValue\n};\n// \n\n// \nconst annotation2 = {\n type: 'label',\n content: (ctx) => 'Upper bound: ' + maxValue(ctx).toFixed(3),\n position: {\n x: 'start',\n y: 'start'\n },\n xScaleID: 'x',\n xValue: 2,\n yScaleID: 'y',\n yValue: maxValue\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n y: {\n stacked: true\n }\n },\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction minValue(ctx) {\n const dataset = ctx.chart.data.datasets[0];\n const min = dataset.data.reduce((max, point) => Math.min(point, max), Infinity);\n return isFinite(min) ? min : 0;\n}\n\nfunction maxValue(ctx) {\n const datasets = ctx.chart.data.datasets;\n const count = datasets[0].data.length;\n let max = 0;\n for (let i = 0; i < count; i++) {\n let sum = 0;\n for (const dataset of datasets) {\n sum += dataset.data[i];\n }\n max = Math.max(max, sum);\n }\n return max;\n}\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Add data',\n handler: function(chart) {\n chart.data.labels.push(chart.data.labels.length);\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.push(Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Remove data',\n handler: function(chart) {\n chart.data.labels.shift();\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.shift();\n });\n chart.update();\n }\n },\n {\n name: 'Cycle x-position',\n handler: function(chart) {\n const annotations = chart.options.plugins.annotation.annotations;\n if (annotations.annotation1.position.x === 'start') {\n annotations.annotation1.position.x = 'end';\n annotations.annotation2.position.x = 'end';\n } else if (annotations.annotation1.position.x === 'center') {\n annotations.annotation1.position.x = 'start';\n annotations.annotation2.position.x = 'start';\n } else {\n annotations.annotation1.position.x = 'center';\n annotations.annotation2.position.x = 'center';\n }\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n"}})],1)}),[],!1,null,null,null);t.default=s.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[81],{499:function(n,t,a){"use strict";a.r(t);var o=a(4),s=Object(o.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"lower-and-upper-bounds-labels"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#lower-and-upper-bounds-labels"}},[this._v("#")]),this._v(" Lower and upper bounds labels")]),this._v(" "),n("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 8;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(8);\n\nconst labels = [];\nfor (let i = 0; i < DATA_COUNT; ++i) {\n labels.push('' + i);\n}\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: labels,\n datasets: [{\n data: Utils.numbers(numberCfg)\n }, {\n data: Utils.numbers(numberCfg)\n }, {\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'label',\n content: (ctx) => 'Lower bound: ' + minValue(ctx).toFixed(3),\n position: {\n x: 'start',\n y: 'end'\n },\n xScaleID: 'x',\n xValue: 2,\n yScaleID: 'y',\n yValue: minValue\n};\n// \n\n// \nconst annotation2 = {\n type: 'label',\n content: (ctx) => 'Upper bound: ' + maxValue(ctx).toFixed(3),\n position: {\n x: 'start',\n y: 'start'\n },\n xScaleID: 'x',\n xValue: 2,\n yScaleID: 'y',\n yValue: maxValue\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n y: {\n stacked: true\n }\n },\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction minValue(ctx) {\n const dataset = ctx.chart.data.datasets[0];\n const min = dataset.data.reduce((max, point) => Math.min(point, max), Infinity);\n return isFinite(min) ? min : 0;\n}\n\nfunction maxValue(ctx) {\n const datasets = ctx.chart.data.datasets;\n const count = datasets[0].data.length;\n let max = 0;\n for (let i = 0; i < count; i++) {\n let sum = 0;\n for (const dataset of datasets) {\n sum += dataset.data[i];\n }\n max = Math.max(max, sum);\n }\n return max;\n}\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Add data',\n handler: function(chart) {\n chart.data.labels.push(chart.data.labels.length);\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.push(Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Remove data',\n handler: function(chart) {\n chart.data.labels.shift();\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.shift();\n });\n chart.update();\n }\n },\n {\n name: 'Cycle x-position',\n handler: function(chart) {\n const annotations = chart.options.plugins.annotation.annotations;\n if (annotations.annotation1.position.x === 'start') {\n annotations.annotation1.position.x = 'end';\n annotations.annotation2.position.x = 'end';\n } else if (annotations.annotation1.position.x === 'center') {\n annotations.annotation1.position.x = 'start';\n annotations.annotation2.position.x = 'start';\n } else {\n annotations.annotation1.position.x = 'center';\n annotations.annotation2.position.x = 'center';\n }\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n"}})],1)}),[],!1,null,null,null);t.default=s.exports}}]); \ No newline at end of file diff --git a/master/assets/js/82.b7faf75f.js b/master/assets/js/82.6b23f31c.js similarity index 97% rename from master/assets/js/82.b7faf75f.js rename to master/assets/js/82.6b23f31c.js index a6f6ae1c6..a6093a161 100644 --- a/master/assets/js/82.b7faf75f.js +++ b/master/assets/js/82.6b23f31c.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[82],{498:function(n,t,a){"use strict";a.r(t);var o=a(4),e=Object(o.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"point"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#point"}},[this._v("#")]),this._v(" Point")]),this._v(" "),n("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 12;\nconst MIN = 0;\nconst MAX = 100;\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'label',\n backgroundColor: 'rgba(245, 245, 245, 0.5)',\n content: (ctx) => 'Maximum value is ' + maxValue(ctx).toFixed(2),\n font: {\n size: 16\n },\n padding: {\n top: 6,\n left: 6,\n right: 6,\n bottom: 12\n },\n position: {\n x: (ctx) => maxIndex(ctx) <= 3 ? 'start' : maxIndex(ctx) >= 10 ? 'end' : 'center',\n y: 'end'\n },\n xValue: (ctx) => maxLabel(ctx),\n yAdjust: -6,\n yValue: (ctx) => maxValue(ctx)\n};\n// \n\n// \nconst annotation2 = {\n type: 'point',\n backgroundColor: 'transparent',\n borderColor: (ctx) => ctx.chart.data.datasets[0].borderColor,\n pointStyle: 'rectRounded',\n radius: 10,\n xValue: (ctx) => maxLabel(ctx),\n yValue: (ctx) => maxValue(ctx)\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n layout: {\n padding: {\n right: 10\n },\n },\n scales: {\n y: {\n beginAtZero: true,\n max: 120,\n min: 0\n }\n },\n plugins: {\n annotation: {\n clip: false,\n annotations: {\n annotation1,\n annotation2\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction maxValue(ctx) {\n let max = 0;\n const dataset = ctx.chart.data.datasets[0];\n dataset.data.forEach(function(el) {\n max = Math.max(max, el);\n });\n return max;\n}\n\nfunction maxIndex(ctx) {\n const max = maxValue(ctx);\n const dataset = ctx.chart.data.datasets[0];\n return dataset.data.indexOf(max);\n}\n\nfunction maxLabel(ctx) {\n return ctx.chart.data.labels[maxIndex(ctx)];\n}\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n"}})],1)}),[],!1,null,null,null);t.default=e.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[82],{501:function(n,t,a){"use strict";a.r(t);var o=a(4),e=Object(o.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"point"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#point"}},[this._v("#")]),this._v(" Point")]),this._v(" "),n("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 12;\nconst MIN = 0;\nconst MAX = 100;\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'label',\n backgroundColor: 'rgba(245, 245, 245, 0.5)',\n content: (ctx) => 'Maximum value is ' + maxValue(ctx).toFixed(2),\n font: {\n size: 16\n },\n padding: {\n top: 6,\n left: 6,\n right: 6,\n bottom: 12\n },\n position: {\n x: (ctx) => maxIndex(ctx) <= 3 ? 'start' : maxIndex(ctx) >= 10 ? 'end' : 'center',\n y: 'end'\n },\n xValue: (ctx) => maxLabel(ctx),\n yAdjust: -6,\n yValue: (ctx) => maxValue(ctx)\n};\n// \n\n// \nconst annotation2 = {\n type: 'point',\n backgroundColor: 'transparent',\n borderColor: (ctx) => ctx.chart.data.datasets[0].borderColor,\n pointStyle: 'rectRounded',\n radius: 10,\n xValue: (ctx) => maxLabel(ctx),\n yValue: (ctx) => maxValue(ctx)\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n layout: {\n padding: {\n right: 10\n },\n },\n scales: {\n y: {\n beginAtZero: true,\n max: 120,\n min: 0\n }\n },\n plugins: {\n annotation: {\n clip: false,\n annotations: {\n annotation1,\n annotation2\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction maxValue(ctx) {\n let max = 0;\n const dataset = ctx.chart.data.datasets[0];\n dataset.data.forEach(function(el) {\n max = Math.max(max, el);\n });\n return max;\n}\n\nfunction maxIndex(ctx) {\n const max = maxValue(ctx);\n const dataset = ctx.chart.data.datasets[0];\n return dataset.data.indexOf(max);\n}\n\nfunction maxLabel(ctx) {\n return ctx.chart.data.labels[maxIndex(ctx)];\n}\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n"}})],1)}),[],!1,null,null,null);t.default=e.exports}}]); \ No newline at end of file diff --git a/master/assets/js/83.319fcc73.js b/master/assets/js/83.a4201d7b.js similarity index 96% rename from master/assets/js/83.319fcc73.js rename to master/assets/js/83.a4201d7b.js index e131320c7..6968853d2 100644 --- a/master/assets/js/83.319fcc73.js +++ b/master/assets/js/83.a4201d7b.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[83],{499:function(n,t,a){"use strict";a.r(t);var e=a(4),o=Object(e.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"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],{500: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.92e8bd21.js b/master/assets/js/84.fc76c759.js similarity index 97% rename from master/assets/js/84.92e8bd21.js rename to master/assets/js/84.fc76c759.js index a66c17c33..c1583e77a 100644 --- a/master/assets/js/84.92e8bd21.js +++ b/master/assets/js/84.fc76c759.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[84],{500: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],{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 diff --git a/master/assets/js/85.031cc9bf.js b/master/assets/js/85.373cac07.js similarity index 96% rename from master/assets/js/85.031cc9bf.js rename to master/assets/js/85.373cac07.js index 2ff3d7309..126f82b18 100644 --- a/master/assets/js/85.031cc9bf.js +++ b/master/assets/js/85.373cac07.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[85],{501: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],{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 diff --git a/master/assets/js/86.efbef767.js b/master/assets/js/86.ba7def2f.js similarity index 98% rename from master/assets/js/86.efbef767.js rename to master/assets/js/86.ba7def2f.js index 8d15c7e9c..132aef659 100644 --- a/master/assets/js/86.efbef767.js +++ b/master/assets/js/86.ba7def2f.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[86],{502: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],{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 diff --git a/master/assets/js/87.db36299a.js b/master/assets/js/87.92b1a206.js similarity index 97% rename from master/assets/js/87.db36299a.js rename to master/assets/js/87.92b1a206.js index bac6cdd96..adef509f1 100644 --- a/master/assets/js/87.db36299a.js +++ b/master/assets/js/87.92b1a206.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[87],{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:"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],{505: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.5de385db.js b/master/assets/js/88.5d1ec59a.js similarity index 96% rename from master/assets/js/88.5de385db.js rename to master/assets/js/88.5d1ec59a.js index 05701d2a4..89b1a6301 100644 --- a/master/assets/js/88.5de385db.js +++ b/master/assets/js/88.5d1ec59a.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[88],{507:function(n,t,a){"use strict";a.r(t);var o=a(4),s=Object(o.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"curve"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#curve"}},[this._v("#")]),this._v(" Curve")]),this._v(" "),n("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 8;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(8);\n\nconst labels = [];\nfor (let i = 0; i < DATA_COUNT; ++i) {\n labels.push('' + i);\n}\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: labels,\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation = {\n type: 'line',\n borderColor: 'black',\n borderWidth: 3,\n xScaleID: 'x',\n yScaleID: 'y',\n xMin: 1,\n xMax: 6,\n yMin: ({chart}) => chart.data.datasets[0].data[1] / 2,\n yMax: ({chart}) => chart.data.datasets[0].data[6] / 2,\n curve: true,\n arrowHeads: {\n end: {\n display: true\n }\n }\n};\n// \n\n/* */\nconst config = {\n type: 'bar',\n data,\n options: {\n plugins: {\n annotation: {\n annotations: {\n annotation\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config\n};\n"}})],1)}),[],!1,null,null,null);t.default=s.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[88],{506:function(n,t,a){"use strict";a.r(t);var o=a(4),s=Object(o.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"curve"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#curve"}},[this._v("#")]),this._v(" Curve")]),this._v(" "),n("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 8;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(8);\n\nconst labels = [];\nfor (let i = 0; i < DATA_COUNT; ++i) {\n labels.push('' + i);\n}\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: labels,\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation = {\n type: 'line',\n borderColor: 'black',\n borderWidth: 3,\n xScaleID: 'x',\n yScaleID: 'y',\n xMin: 1,\n xMax: 6,\n yMin: ({chart}) => chart.data.datasets[0].data[1] / 2,\n yMax: ({chart}) => chart.data.datasets[0].data[6] / 2,\n curve: true,\n arrowHeads: {\n end: {\n display: true\n }\n }\n};\n// \n\n/* */\nconst config = {\n type: 'bar',\n data,\n options: {\n plugins: {\n annotation: {\n annotations: {\n annotation\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config\n};\n"}})],1)}),[],!1,null,null,null);t.default=s.exports}}]); \ No newline at end of file diff --git a/master/assets/js/89.7da4789b.js b/master/assets/js/89.a7f2b37e.js similarity index 98% rename from master/assets/js/89.7da4789b.js rename to master/assets/js/89.a7f2b37e.js index c214e85a5..64b5c8d02 100644 --- a/master/assets/js/89.7da4789b.js +++ b/master/assets/js/89.a7f2b37e.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[89],{505: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],{507:function(n,t,a){"use strict";a.r(t);var e=a(4),o=Object(e.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"annotating-dataset-bars"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#annotating-dataset-bars"}},[this._v("#")]),this._v(" Annotating dataset bars")]),this._v(" "),n("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 4;\nconst MIN = 20;\nconst MAX = 100;\n\nUtils.srand(8);\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'line',\n borderColor: 'green',\n borderWidth: 3,\n label: {\n display: true,\n backgroundColor: 'green',\n borderRadius: 0,\n color: 'white',\n content: (ctx) => middleValue(ctx, 0, 0.5).toFixed(0)\n },\n xMax: indexToMax(0) + 0.05,\n xMin: indexToMin(0) - 0.05,\n xScaleID: 'x',\n yMax: (ctx) => middleValue(ctx, 0, 0.5),\n yMin: (ctx) => middleValue(ctx, 0, 0.5),\n yScaleID: 'y'\n};\n// \n\n// \nconst annotation2 = {\n type: 'line',\n borderColor: 'green',\n borderWidth: 3,\n label: {\n display: true,\n backgroundColor: 'green',\n borderRadius: 0,\n color: 'white',\n content: (ctx) => middleValue(ctx, 1, 0.75).toFixed(0)\n },\n xMax: indexToMax(1) + 0.05,\n xMin: indexToMin(1) - 0.05,\n xScaleID: 'x',\n yMax: (ctx) => middleValue(ctx, 1, 0.75),\n yMin: (ctx) => middleValue(ctx, 1, 0.75),\n yScaleID: 'y'\n};\n// \n\n// \nconst annotation3 = {\n type: 'line',\n borderColor: 'green',\n borderWidth: 3,\n label: {\n display: true,\n backgroundColor: 'green',\n borderRadius: 0,\n color: 'white',\n content: (ctx) => middleValue(ctx, 2, 1).toFixed(0)\n },\n xMax: indexToMax(2) + 0.05,\n xMin: indexToMin(2) - 0.05,\n xScaleID: 'x',\n yMax: (ctx) => middleValue(ctx, 2, 1),\n yMin: (ctx) => middleValue(ctx, 2, 1),\n yScaleID: 'y'\n};\n// \n\n// \nconst annotation4 = {\n type: 'line',\n borderColor: 'green',\n borderWidth: 3,\n label: {\n display: true,\n backgroundColor: 'green',\n borderRadius: 0,\n color: 'white',\n content: (ctx) => middleValue(ctx, 3, 0.25).toFixed(0)\n },\n xMax: indexToMax(3) + 0.05,\n xMin: indexToMin(3) - 0.05,\n xScaleID: 'x',\n yMax: (ctx) => middleValue(ctx, 3, 0.25),\n yMin: (ctx) => middleValue(ctx, 3, 0.25),\n yScaleID: 'y'\n};\n// \n\n/* */\nconst config = {\n type: 'bar',\n data,\n options: {\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2,\n annotation3,\n annotation4\n }\n }\n }\n }\n};\n/* */\n\n// \n// categoryPercentage is 0.8 by default\n// barPercentage is 0.9 by default\n// 1 * 0.8 * 0.9 = 0.72\n// 0.72 / 2 = 0.36\n\nfunction indexToMin(index) {\n return index - 0.36;\n}\n\nfunction indexToMax(index) {\n return index + 0.36;\n}\n\nfunction middleValue(ctx, index, perc) {\n const chart = ctx.chart;\n const dataset = chart.data.datasets[0];\n return dataset.data[index] * perc;\n}\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n"}})],1)}),[],!1,null,null,null);t.default=o.exports}}]); \ No newline at end of file diff --git a/master/assets/js/9.c7edc37c.js b/master/assets/js/9.4e7a1ae7.js similarity index 99% rename from master/assets/js/9.c7edc37c.js rename to master/assets/js/9.4e7a1ae7.js index bc93d9690..6737a443a 100644 --- a/master/assets/js/9.c7edc37c.js +++ b/master/assets/js/9.4e7a1ae7.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[9],{261:function(t,e,o){t.exports=o.p+"assets/img/elementBoxProps.645c7c00.png"},465: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:"box-annotations"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#box-annotations"}},[t._v("#")]),t._v(" Box Annotations")]),t._v(" "),e("p",[t._v("Box annotations are used to draw rectangles on the chart area. This can be useful for highlighting different areas of a chart.")]),t._v(" "),e("chart-editor",{attrs:{code:"/* */\nconst options = {\n plugins: {\n annotation: {\n annotations: {\n 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"}}),e("h2",{attrs:{id:"configuration"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#configuration"}},[t._v("#")]),t._v(" Configuration")]),t._v(" "),e("h3",{attrs:{id:"box-annotation-specific-options"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#box-annotation-specific-options"}},[t._v("#")]),t._v(" Box annotation specific options")]),t._v(" "),e("p",[t._v("The following options are available for box 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("borderRadius")])])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v(" | "),e("code",[t._v("object")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderWidth")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("1")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#label"}},[e("code",[t._v("label")])])]),t._v(" "),e("td",[e("code",[t._v("object")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td")]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("rotation")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])])])]),t._v(" "),e("h3",{attrs:{id:"common-options-to-all-annotations"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#common-options-to-all-annotations"}},[t._v("#")]),t._v(" Common options to all annotations")]),t._v(" "),e("p",[t._v("The following options are available for all annotations.")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"center"}},[e("RouterLink",{attrs:{to:"/guide/options.html#scriptable-options"}},[t._v("Scriptable")])],1),t._v(" "),e("th",[t._v("Default")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("adjustScaleRange")])])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("true")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("backgroundColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#color"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("options.color")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#color"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("options.color")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderDash")])])]),t._v(" "),e("td",[e("code",[t._v("number[]")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("[]")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderDashOffset")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderShadowColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#color"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'transparent'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("display")])])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("true")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("drawTime")])])]),t._v(" "),e("td",[e("code",[t._v("string")]),t._v("|"),e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'afterDatasetsDraw'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("hitTolerance")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("RouterLink",{attrs:{to:"/guide/configuration.html#common"}},[e("code",[t._v("init")])])],1),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("RouterLink",{attrs:{to:"/guide/configuration.html#initial-animation"}},[t._v("See initial animation")])],1),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("id")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("No")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("shadowBlur")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("shadowOffsetX")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("shadowOffsetY")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("xMax")])])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v(" | "),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("xMin")])])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v(" | "),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("xScaleID")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("yMin")])])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v(" | "),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("yMax")])])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v(" | "),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("yScaleID")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("z")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])])])]),t._v(" "),e("h3",{attrs:{id:"general"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#general"}},[t._v("#")]),t._v(" General")]),t._v(" "),e("p",[t._v("If one of the axes does not match an axis in the chart, the 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.")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("adjustScaleRange")])]),t._v(" "),e("td",[t._v("Should the scale range be adjusted if this annotation is out of range.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("display")])]),t._v(" "),e("td",[t._v("Whether or not this annotation is visible.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("drawTime")])]),t._v(" "),e("td",[t._v("See "),e("RouterLink",{attrs:{to:"/guide/options.html#draw-time"}},[t._v("drawTime")]),t._v(".")],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("hitTolerance")])]),t._v(" "),e("td",[t._v("Amount of pixels to interact with annotations within some distance of the mouse point.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("id")])]),t._v(" "),e("td",[t._v("Identifies a unique id for the annotation and it will be stored in the element context. When the annotations are defined by an object, the id is automatically set using the key used to store the annotations in the object. When the annotations are configured by an array, the id, passed by this option in the annotation, will be used.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("rotation")])]),t._v(" "),e("td",[t._v("Rotation of the box in degrees.")])]),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("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("z")])]),t._v(" "),e("td",[t._v("The "),e("code",[t._v("z")]),t._v(" property determines the drawing stack level of the box annotation element. All visible elements will be drawn in ascending order of "),e("code",[t._v("z")]),t._v(" option, with the same "),e("code",[t._v("drawTime")]),t._v(" option.")])])])]),t._v(" "),e("h3",{attrs:{id:"styling"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#styling"}},[t._v("#")]),t._v(" Styling")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("backgroundColor")])]),t._v(" "),e("td",[t._v("Fill color.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("backgroundShadowColor")])]),t._v(" "),e("td",[t._v("The color of shadow. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowColor",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderCapStyle")])]),t._v(" "),e("td",[t._v("Cap style of the border line. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineCap",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderColor")])]),t._v(" "),e("td",[t._v("Stroke color.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderDash")])]),t._v(" "),e("td",[t._v("Length and spacing of dashes. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/setLineDash",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderDashOffset")])]),t._v(" "),e("td",[t._v("Offset for border line dashes. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineDashOffset",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderJoinStyle")])]),t._v(" "),e("td",[t._v("Border line join style. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineJoin",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#borderradius"}},[e("code",[t._v("borderRadius")])])]),t._v(" "),e("td",[t._v("Radius of box rectangle (in pixels).")])]),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("Border line width (in pixels).")])]),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("h4",{attrs:{id:"borderradius"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#borderradius"}},[t._v("#")]),t._v(" borderRadius")]),t._v(" "),e("p",[t._v("If this value is a number, it is applied to all corners of the rectangle (topLeft, topRight, bottomLeft, bottomRight). If this value is an object, the "),e("code",[t._v("topLeft")]),t._v(" property defines the top-left corners border radius. Similarly, the "),e("code",[t._v("topRight")]),t._v(", "),e("code",[t._v("bottomLeft")]),t._v(", and "),e("code",[t._v("bottomRight")]),t._v(" properties can also be specified. Omitted corners have radius of 0.")]),t._v(" "),e("h2",{attrs:{id:"label"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#label"}},[t._v("#")]),t._v(" Label")]),t._v(" "),e("p",[t._v("Namespace: "),e("code",[t._v("options.annotations[annotationID].label")]),t._v(", it defines options for the the label of annotation.")]),t._v(" "),e("p",[t._v("All of these options can be "),e("RouterLink",{attrs:{to:"/guide/options.html#scriptable-options"}},[t._v("Scriptable")])],1),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"center"}},[t._v("Default")]),t._v(" "),e("th",[t._v("Notes")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("a",{attrs:{href:"#fonts-and-colors"}},[e("code",[t._v("color")])])]),t._v(" "),e("td",[e("a",{attrs:{href:"../options#color"}},[e("code",[t._v("Color")]),t._v("|"),e("code",[t._v("Color[]")])])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("'black'")])]),t._v(" "),e("td",[t._v("Text color.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("content")])]),t._v(" "),e("td",[e("code",[t._v("string")]),t._v("|"),e("code",[t._v("string[]")]),t._v("|"),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/Image",target:"_blank",rel:"noopener noreferrer"}},[e("code",[t._v("Image")]),e("OutboundLink")],1),t._v("|"),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement",target:"_blank",rel:"noopener noreferrer"}},[e("code",[t._v("HTMLCanvasElement")]),e("OutboundLink")],1)]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("null")])]),t._v(" "),e("td",[t._v("The content to show in the label.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("display")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("false")])]),t._v(" "),e("td",[t._v("Whether or not the label is shown.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("drawTime")])]),t._v(" "),e("td",[e("code",[t._v("string")]),t._v("|"),e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("options.drawTime")])]),t._v(" "),e("td",[t._v("See "),e("a",{attrs:{href:"../options#draw-time"}},[t._v("drawTime")]),t._v(". Defaults to the annotation draw time if unset")])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#fonts-and-colors"}},[e("code",[t._v("font")])])]),t._v(" "),e("td",[e("a",{attrs:{href:"../options#font"}},[e("code",[t._v("Font")]),t._v("|"),e("code",[t._v("Font[]")])])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("{ weight: 'bold' }")])]),t._v(" "),e("td",[t._v("Label font")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("height")])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v("|"),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("undefined")])]),t._v(" "),e("td",[t._v("Overrides the height of the image or canvas element. Could be set in pixel by a number, or in percentage of current height of image or canvas element by a string. If undefined, uses the height of the image or canvas element. It is used only when the content is an image or canvas element.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("hitTolerance")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("undefined")])]),t._v(" "),e("td",[t._v("Amount of pixels to interact with annotations within some distance of the mouse point.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("opacity")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("undefined")])]),t._v(" "),e("td",[t._v("Overrides the opacity of the image or canvas element. Could be set a number in the range 0.0 to 1.0, inclusive. If undefined, uses the opacity of the image or canvas element. It is used only when the content is an image or canvas element.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("padding")])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#padding"}},[e("code",[t._v("Padding")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("6")])]),t._v(" "),e("td",[t._v("The padding to add around the text label.")])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#position"}},[e("code",[t._v("position")])])]),t._v(" "),e("td",[e("code",[t._v("string")]),t._v("|"),e("code",[t._v("{x: string, y: string}")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("'center'")])]),t._v(" "),e("td",[t._v("Anchor position of label in the annotation.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("rotation")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("undefined")])]),t._v(" "),e("td",[t._v("Rotation of label, in degrees. If "),e("code",[t._v("undefined")]),t._v(", the annotation rotation is used.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("textAlign")])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("'start'")])]),t._v(" "),e("td",[t._v("Text alignment of label content when there's more than one line. Possible options are: "),e("code",[t._v("'left'")]),t._v(", "),e("code",[t._v("'start'")]),t._v(", "),e("code",[t._v("'center'")]),t._v(", "),e("code",[t._v("'end'")]),t._v(", "),e("code",[t._v("'right'")]),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("textStrokeColor")])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#color"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("undefined")])]),t._v(" "),e("td",[t._v("The color of the stroke around the text.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("textStrokeWidth")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("0")])]),t._v(" "),e("td",[t._v("Stroke width around the text.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("width")])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v("|"),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("undefined")])]),t._v(" "),e("td",[t._v("Overrides the width of the image or canvas element. Could be set in pixel by a number, or in percentage of current width of image or canvas element by a string. If undefined, uses the width of the image or canvas element. It is used only when the content is an image or canvas element.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("xAdjust")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("0")])]),t._v(" "),e("td",[t._v("Adjustment along x-axis (left-right) of label relative to computed position. Negative values move the label left, positive right.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("yAdjust")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("0")])]),t._v(" "),e("td",[t._v("Adjustment along y-axis (top-bottom) of label relative to computed position. Negative values move the label up, positive down.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("z")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("0")])]),t._v(" "),e("td",[t._v("It determines the drawing stack level of the label element, with same "),e("code",[t._v("drawTime")]),t._v(".")])])])]),t._v(" "),e("h3",{attrs:{id:"position"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#position"}},[t._v("#")]),t._v(" Position")]),t._v(" "),e("p",[t._v("A position can be set in 2 different values types:")]),t._v(" "),e("ol",[e("li",[e("code",[t._v("'start'")]),t._v(", "),e("code",[t._v("'center'")]),t._v(", "),e("code",[t._v("'end'")]),t._v(" which are defining where the label will be located")]),t._v(" "),e("li",[t._v("a "),e("code",[t._v("string")]),t._v(", in percentage format "),e("code",[t._v("'number%'")]),t._v(", is representing the percentage on the size where the label will be located")])]),t._v(" "),e("p",[t._v("If this value is a string (possible options are "),e("code",[t._v("'start'")]),t._v(", "),e("code",[t._v("'center'")]),t._v(", "),e("code",[t._v("'end'")]),t._v(" or a string in percentage format), it is applied to vertical and horizontal position in the annotation.")]),t._v(" "),e("p",[t._v("If this value is an object, the "),e("code",[t._v("x")]),t._v(" property defines the horizontal alignment in the annotation. Similarly, the "),e("code",[t._v("y")]),t._v(" property defines the vertical alignment in the annotation. Possible options for both properties are "),e("code",[t._v("'start'")]),t._v(", "),e("code",[t._v("'center'")]),t._v(", "),e("code",[t._v("'end'")]),t._v(", a string in percentage format. Omitted property have value of the default, "),e("code",[t._v("'center'")]),t._v(".")]),t._v(" "),e("h3",{attrs:{id:"fonts-and-colors"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#fonts-and-colors"}},[t._v("#")]),t._v(" Fonts and colors")]),t._v(" "),e("p",[t._v("When the label to draw has multiple lines, you can use different font and color for each line of the label. This is enabled configuring an array of fonts or colors for those options. When the lines are more than the configured fonts of colors, the last configuration of those options is used for all remaining lines.")]),t._v(" "),e("h2",{attrs:{id:"element"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#element"}},[t._v("#")]),t._v(" Element")]),t._v(" "),e("p",[t._v("The following diagram is showing the element properties about a "),e("code",[t._v("'box'")]),t._v(" annotation:")]),t._v(" "),e("p",[e("img",{attrs:{src:o(261),alt:"box"}})]),t._v(" "),e("p",[t._v("The label of a box annotation is described as a "),e("RouterLink",{attrs:{to:"/guide/types/label.html#element"}},[t._v("label annotation")]),t._v(" and accessible by "),e("code",[t._v("element.label")]),t._v(".")],1)],1)}),[],!1,null,null,null);e.default=a.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[9],{261:function(t,e,o){t.exports=o.p+"assets/img/elementBoxProps.645c7c00.png"},467:function(t,e,o){"use strict";o.r(e);var n=o(4),a=Object(n.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"box-annotations"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#box-annotations"}},[t._v("#")]),t._v(" Box Annotations")]),t._v(" "),e("p",[t._v("Box annotations are used to draw rectangles on the chart area. This can be useful for highlighting different areas of a chart.")]),t._v(" "),e("chart-editor",{attrs:{code:"/* */\nconst options = {\n plugins: {\n annotation: {\n annotations: {\n 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"}}),e("h2",{attrs:{id:"configuration"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#configuration"}},[t._v("#")]),t._v(" Configuration")]),t._v(" "),e("h3",{attrs:{id:"box-annotation-specific-options"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#box-annotation-specific-options"}},[t._v("#")]),t._v(" Box annotation specific options")]),t._v(" "),e("p",[t._v("The following options are available for box 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("borderRadius")])])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v(" | "),e("code",[t._v("object")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderWidth")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("1")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#label"}},[e("code",[t._v("label")])])]),t._v(" "),e("td",[e("code",[t._v("object")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td")]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("rotation")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])])])]),t._v(" "),e("h3",{attrs:{id:"common-options-to-all-annotations"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#common-options-to-all-annotations"}},[t._v("#")]),t._v(" Common options to all annotations")]),t._v(" "),e("p",[t._v("The following options are available for all annotations.")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"center"}},[e("RouterLink",{attrs:{to:"/guide/options.html#scriptable-options"}},[t._v("Scriptable")])],1),t._v(" "),e("th",[t._v("Default")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("adjustScaleRange")])])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("true")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("backgroundColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#color"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("options.color")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#color"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("options.color")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderDash")])])]),t._v(" "),e("td",[e("code",[t._v("number[]")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("[]")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderDashOffset")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderShadowColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#color"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'transparent'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("display")])])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("true")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("drawTime")])])]),t._v(" "),e("td",[e("code",[t._v("string")]),t._v("|"),e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'afterDatasetsDraw'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("hitTolerance")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("RouterLink",{attrs:{to:"/guide/configuration.html#common"}},[e("code",[t._v("init")])])],1),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("RouterLink",{attrs:{to:"/guide/configuration.html#initial-animation"}},[t._v("See initial animation")])],1),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("id")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("No")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("shadowBlur")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("shadowOffsetX")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("shadowOffsetY")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("xMax")])])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v(" | "),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("xMin")])])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v(" | "),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("xScaleID")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("yMin")])])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v(" | "),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("yMax")])])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v(" | "),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("yScaleID")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("z")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])])])]),t._v(" "),e("h3",{attrs:{id:"general"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#general"}},[t._v("#")]),t._v(" General")]),t._v(" "),e("p",[t._v("If one of the axes does not match an axis in the chart, the 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.")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("adjustScaleRange")])]),t._v(" "),e("td",[t._v("Should the scale range be adjusted if this annotation is out of range.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("display")])]),t._v(" "),e("td",[t._v("Whether or not this annotation is visible.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("drawTime")])]),t._v(" "),e("td",[t._v("See "),e("RouterLink",{attrs:{to:"/guide/options.html#draw-time"}},[t._v("drawTime")]),t._v(".")],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("hitTolerance")])]),t._v(" "),e("td",[t._v("Amount of pixels to interact with annotations within some distance of the mouse point.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("id")])]),t._v(" "),e("td",[t._v("Identifies a unique id for the annotation and it will be stored in the element context. When the annotations are defined by an object, the id is automatically set using the key used to store the annotations in the object. When the annotations are configured by an array, the id, passed by this option in the annotation, will be used.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("rotation")])]),t._v(" "),e("td",[t._v("Rotation of the box in degrees.")])]),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("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("z")])]),t._v(" "),e("td",[t._v("The "),e("code",[t._v("z")]),t._v(" property determines the drawing stack level of the box annotation element. All visible elements will be drawn in ascending order of "),e("code",[t._v("z")]),t._v(" option, with the same "),e("code",[t._v("drawTime")]),t._v(" option.")])])])]),t._v(" "),e("h3",{attrs:{id:"styling"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#styling"}},[t._v("#")]),t._v(" Styling")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("backgroundColor")])]),t._v(" "),e("td",[t._v("Fill color.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("backgroundShadowColor")])]),t._v(" "),e("td",[t._v("The color of shadow. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowColor",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderCapStyle")])]),t._v(" "),e("td",[t._v("Cap style of the border line. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineCap",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderColor")])]),t._v(" "),e("td",[t._v("Stroke color.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderDash")])]),t._v(" "),e("td",[t._v("Length and spacing of dashes. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/setLineDash",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderDashOffset")])]),t._v(" "),e("td",[t._v("Offset for border line dashes. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineDashOffset",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderJoinStyle")])]),t._v(" "),e("td",[t._v("Border line join style. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineJoin",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#borderradius"}},[e("code",[t._v("borderRadius")])])]),t._v(" "),e("td",[t._v("Radius of box rectangle (in pixels).")])]),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("Border line width (in pixels).")])]),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("h4",{attrs:{id:"borderradius"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#borderradius"}},[t._v("#")]),t._v(" borderRadius")]),t._v(" "),e("p",[t._v("If this value is a number, it is applied to all corners of the rectangle (topLeft, topRight, bottomLeft, bottomRight). If this value is an object, the "),e("code",[t._v("topLeft")]),t._v(" property defines the top-left corners border radius. Similarly, the "),e("code",[t._v("topRight")]),t._v(", "),e("code",[t._v("bottomLeft")]),t._v(", and "),e("code",[t._v("bottomRight")]),t._v(" properties can also be specified. Omitted corners have radius of 0.")]),t._v(" "),e("h2",{attrs:{id:"label"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#label"}},[t._v("#")]),t._v(" Label")]),t._v(" "),e("p",[t._v("Namespace: "),e("code",[t._v("options.annotations[annotationID].label")]),t._v(", it defines options for the the label of annotation.")]),t._v(" "),e("p",[t._v("All of these options can be "),e("RouterLink",{attrs:{to:"/guide/options.html#scriptable-options"}},[t._v("Scriptable")])],1),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"center"}},[t._v("Default")]),t._v(" "),e("th",[t._v("Notes")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("a",{attrs:{href:"#fonts-and-colors"}},[e("code",[t._v("color")])])]),t._v(" "),e("td",[e("a",{attrs:{href:"../options#color"}},[e("code",[t._v("Color")]),t._v("|"),e("code",[t._v("Color[]")])])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("'black'")])]),t._v(" "),e("td",[t._v("Text color.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("content")])]),t._v(" "),e("td",[e("code",[t._v("string")]),t._v("|"),e("code",[t._v("string[]")]),t._v("|"),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/Image",target:"_blank",rel:"noopener noreferrer"}},[e("code",[t._v("Image")]),e("OutboundLink")],1),t._v("|"),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement",target:"_blank",rel:"noopener noreferrer"}},[e("code",[t._v("HTMLCanvasElement")]),e("OutboundLink")],1)]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("null")])]),t._v(" "),e("td",[t._v("The content to show in the label.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("display")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("false")])]),t._v(" "),e("td",[t._v("Whether or not the label is shown.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("drawTime")])]),t._v(" "),e("td",[e("code",[t._v("string")]),t._v("|"),e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("options.drawTime")])]),t._v(" "),e("td",[t._v("See "),e("a",{attrs:{href:"../options#draw-time"}},[t._v("drawTime")]),t._v(". Defaults to the annotation draw time if unset")])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#fonts-and-colors"}},[e("code",[t._v("font")])])]),t._v(" "),e("td",[e("a",{attrs:{href:"../options#font"}},[e("code",[t._v("Font")]),t._v("|"),e("code",[t._v("Font[]")])])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("{ weight: 'bold' }")])]),t._v(" "),e("td",[t._v("Label font")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("height")])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v("|"),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("undefined")])]),t._v(" "),e("td",[t._v("Overrides the height of the image or canvas element. Could be set in pixel by a number, or in percentage of current height of image or canvas element by a string. If undefined, uses the height of the image or canvas element. It is used only when the content is an image or canvas element.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("hitTolerance")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("undefined")])]),t._v(" "),e("td",[t._v("Amount of pixels to interact with annotations within some distance of the mouse point.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("opacity")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("undefined")])]),t._v(" "),e("td",[t._v("Overrides the opacity of the image or canvas element. Could be set a number in the range 0.0 to 1.0, inclusive. If undefined, uses the opacity of the image or canvas element. It is used only when the content is an image or canvas element.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("padding")])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#padding"}},[e("code",[t._v("Padding")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("6")])]),t._v(" "),e("td",[t._v("The padding to add around the text label.")])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#position"}},[e("code",[t._v("position")])])]),t._v(" "),e("td",[e("code",[t._v("string")]),t._v("|"),e("code",[t._v("{x: string, y: string}")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("'center'")])]),t._v(" "),e("td",[t._v("Anchor position of label in the annotation.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("rotation")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("undefined")])]),t._v(" "),e("td",[t._v("Rotation of label, in degrees. If "),e("code",[t._v("undefined")]),t._v(", the annotation rotation is used.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("textAlign")])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("'start'")])]),t._v(" "),e("td",[t._v("Text alignment of label content when there's more than one line. Possible options are: "),e("code",[t._v("'left'")]),t._v(", "),e("code",[t._v("'start'")]),t._v(", "),e("code",[t._v("'center'")]),t._v(", "),e("code",[t._v("'end'")]),t._v(", "),e("code",[t._v("'right'")]),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("textStrokeColor")])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#color"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("undefined")])]),t._v(" "),e("td",[t._v("The color of the stroke around the text.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("textStrokeWidth")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("0")])]),t._v(" "),e("td",[t._v("Stroke width around the text.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("width")])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v("|"),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("undefined")])]),t._v(" "),e("td",[t._v("Overrides the width of the image or canvas element. Could be set in pixel by a number, or in percentage of current width of image or canvas element by a string. If undefined, uses the width of the image or canvas element. It is used only when the content is an image or canvas element.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("xAdjust")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("0")])]),t._v(" "),e("td",[t._v("Adjustment along x-axis (left-right) of label relative to computed position. Negative values move the label left, positive right.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("yAdjust")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("0")])]),t._v(" "),e("td",[t._v("Adjustment along y-axis (top-bottom) of label relative to computed position. Negative values move the label up, positive down.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("z")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("0")])]),t._v(" "),e("td",[t._v("It determines the drawing stack level of the label element, with same "),e("code",[t._v("drawTime")]),t._v(".")])])])]),t._v(" "),e("h3",{attrs:{id:"position"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#position"}},[t._v("#")]),t._v(" Position")]),t._v(" "),e("p",[t._v("A position can be set in 2 different values types:")]),t._v(" "),e("ol",[e("li",[e("code",[t._v("'start'")]),t._v(", "),e("code",[t._v("'center'")]),t._v(", "),e("code",[t._v("'end'")]),t._v(" which are defining where the label will be located")]),t._v(" "),e("li",[t._v("a "),e("code",[t._v("string")]),t._v(", in percentage format "),e("code",[t._v("'number%'")]),t._v(", is representing the percentage on the size where the label will be located")])]),t._v(" "),e("p",[t._v("If this value is a string (possible options are "),e("code",[t._v("'start'")]),t._v(", "),e("code",[t._v("'center'")]),t._v(", "),e("code",[t._v("'end'")]),t._v(" or a string in percentage format), it is applied to vertical and horizontal position in the annotation.")]),t._v(" "),e("p",[t._v("If this value is an object, the "),e("code",[t._v("x")]),t._v(" property defines the horizontal alignment in the annotation. Similarly, the "),e("code",[t._v("y")]),t._v(" property defines the vertical alignment in the annotation. Possible options for both properties are "),e("code",[t._v("'start'")]),t._v(", "),e("code",[t._v("'center'")]),t._v(", "),e("code",[t._v("'end'")]),t._v(", a string in percentage format. Omitted property have value of the default, "),e("code",[t._v("'center'")]),t._v(".")]),t._v(" "),e("h3",{attrs:{id:"fonts-and-colors"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#fonts-and-colors"}},[t._v("#")]),t._v(" Fonts and colors")]),t._v(" "),e("p",[t._v("When the label to draw has multiple lines, you can use different font and color for each line of the label. This is enabled configuring an array of fonts or colors for those options. When the lines are more than the configured fonts of colors, the last configuration of those options is used for all remaining lines.")]),t._v(" "),e("h2",{attrs:{id:"element"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#element"}},[t._v("#")]),t._v(" Element")]),t._v(" "),e("p",[t._v("The following diagram is showing the element properties about a "),e("code",[t._v("'box'")]),t._v(" annotation:")]),t._v(" "),e("p",[e("img",{attrs:{src:o(261),alt:"box"}})]),t._v(" "),e("p",[t._v("The label of a box annotation is described as a "),e("RouterLink",{attrs:{to:"/guide/types/label.html#element"}},[t._v("label annotation")]),t._v(" and accessible by "),e("code",[t._v("element.label")]),t._v(".")],1)],1)}),[],!1,null,null,null);e.default=a.exports}}]); \ No newline at end of file diff --git a/master/assets/js/90.b8bcafbe.js b/master/assets/js/90.baf419e8.js similarity index 97% rename from master/assets/js/90.b8bcafbe.js rename to master/assets/js/90.baf419e8.js index ae9aed602..a73a8990f 100644 --- a/master/assets/js/90.b8bcafbe.js +++ b/master/assets/js/90.baf419e8.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[90],{506: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:"outside-of-chart"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#outside-of-chart"}},[this._v("#")]),this._v(" Outside of 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('' + 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: 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"}})],1)}),[],!1,null,null,null);t.default=e.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[90],{508: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:"outside-of-chart"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#outside-of-chart"}},[this._v("#")]),this._v(" Outside of 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('' + 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: 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"}})],1)}),[],!1,null,null,null);t.default=e.exports}}]); \ No newline at end of file diff --git a/master/assets/js/91.5ec4c938.js b/master/assets/js/91.f328f6e0.js similarity index 97% rename from master/assets/js/91.5ec4c938.js rename to master/assets/js/91.f328f6e0.js index e1f54060a..1ceaa4b47 100644 --- a/master/assets/js/91.5ec4c938.js +++ b/master/assets/js/91.f328f6e0.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[91],{508: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],{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 diff --git a/master/assets/js/92.c48a78e5.js b/master/assets/js/92.70311316.js similarity index 98% rename from master/assets/js/92.c48a78e5.js rename to master/assets/js/92.70311316.js index 9e8358909..c1236ee62 100644 --- a/master/assets/js/92.c48a78e5.js +++ b/master/assets/js/92.70311316.js @@ -1 +1 @@ -(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 +(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 diff --git a/master/assets/js/93.3d57126c.js b/master/assets/js/93.277bd44b.js similarity index 97% rename from master/assets/js/93.3d57126c.js rename to master/assets/js/93.277bd44b.js index 00df6c77e..33faaea2e 100644 --- a/master/assets/js/93.3d57126c.js +++ b/master/assets/js/93.277bd44b.js @@ -1 +1 @@ -(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 +(window.webpackJsonp=window.webpackJsonp||[]).push([[93],{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:"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.1ff52b61.js b/master/assets/js/96.bce9cd31.js similarity index 97% rename from master/assets/js/96.1ff52b61.js rename to master/assets/js/96.bce9cd31.js index 90481e377..4b086d20e 100644 --- a/master/assets/js/96.1ff52b61.js +++ b/master/assets/js/96.bce9cd31.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[96],{513:function(n,t,a){"use strict";a.r(t);var i=a(4),s=Object(i.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"line-visibility"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#line-visibility"}},[this._v("#")]),this._v(" Line visibility")]),this._v(" "),n("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 6;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(8);\nconst jointValue = Utils.rand(MIN, MAX);\n\nconst dataCfg = Utils.numbers({count: DATA_COUNT, min: MIN, max: MAX});\ndataCfg.push(jointValue, NaN, NaN, NaN, NaN, NaN, NaN);\n\nconst futureCfg = Utils.numbers({count: DATA_COUNT - 1, min: MIN, max: MAX});\nfutureCfg.splice(0, 0, NaN, NaN, NaN, NaN, NaN, NaN, jointValue);\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: dataCfg\n }, {\n data: futureCfg,\n borderDash: [6, 6]\n }]\n};\n// \n\n// \nconst annotation = {\n type: 'line',\n borderColor: 'black',\n borderWidth: 1,\n display: (ctx) => ctx.chart.isDatasetVisible(1),\n label: {\n display: true,\n content: 'Now',\n position: 'start'\n },\n scaleID: 'x',\n value: 'July'\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n plugins: {\n annotation: {\n annotations: {\n annotation\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Toggle annotation',\n handler: function(chart) {\n const visible = chart.isDatasetVisible(1);\n if (visible) {\n chart.options.scales.x.max = 'July';\n } else {\n chart.options.scales.x.max = undefined;\n }\n chart.setDatasetVisibility(1, !visible);\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n"}})],1)}),[],!1,null,null,null);t.default=s.exports}}]); \ No newline at end of file +(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 diff --git a/master/assets/js/97.fb9701a8.js b/master/assets/js/97.7fe63a01.js similarity index 97% rename from master/assets/js/97.fb9701a8.js rename to master/assets/js/97.7fe63a01.js index 157e881bd..13038df60 100644 --- a/master/assets/js/97.fb9701a8.js +++ b/master/assets/js/97.7fe63a01.js @@ -1 +1 @@ -(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 +(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 diff --git a/master/assets/js/98.5bb89e70.js b/master/assets/js/98.f5949a1c.js similarity index 97% rename from master/assets/js/98.5bb89e70.js rename to master/assets/js/98.f5949a1c.js index 159375a0c..9a3e34f06 100644 --- a/master/assets/js/98.5bb89e70.js +++ b/master/assets/js/98.f5949a1c.js @@ -1 +1 @@ -(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 +(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 diff --git a/master/assets/js/99.65aaa12e.js b/master/assets/js/99.08fe828f.js similarity index 97% rename from master/assets/js/99.65aaa12e.js rename to master/assets/js/99.08fe828f.js index d5497ffd8..b5a3b32cd 100644 --- a/master/assets/js/99.65aaa12e.js +++ b/master/assets/js/99.08fe828f.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[99],{515: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],{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 diff --git a/master/assets/js/app.9e787e90.js b/master/assets/js/app.ac67eed2.js similarity index 53% rename from master/assets/js/app.9e787e90.js rename to master/assets/js/app.ac67eed2.js index f365c74e9..4a5332675 100644 --- a/master/assets/js/app.9e787e90.js +++ b/master/assets/js/app.ac67eed2.js @@ -1,43 +1,43 @@ -(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);e=0;a--)t.call(e,n[a],a);else for(a=0;a=n}function tn(n,t,e){var o,a,i;for(o=0,a=n.length;ol&&c3&&void 0!==arguments[3]?arguments[3]:1e-6;return n>=Math.min(t,e)-o&&n<=Math.max(t,e)+o}function pn(n,t,e){e=e||function(e){return n[e]1;)e(o=i+a>>1)?i=o:a=o;return{lo:i,hi:a}}var bn=function(n,t,e,o){return pn(n,e,o?function(o){var a=n[o][t];return a=e}))};function gn(n,t,e){for(var o=0,a=n.length;oo&&n[a-1]>e;)a--;return o>0||a0||(mn.forEach((function(t){delete n[t]})),delete n._chartjs)}}function wn(n){var t=new Set(n);return t.size===n.length?n:Array.from(t)}var On="undefined"==typeof window?function(n){return n()}:window.requestAnimationFrame;function Cn(n,t){var e=[],o=!1;return function(){for(var a=arguments.length,i=new Array(a),r=0;r=1?n:-(Math.sqrt(1-n*n)-1)},easeOutCirc:function(n){return Math.sqrt(1-(n-=1)*n)},easeInOutCirc:function(n){return(n/=.5)<1?-.5*(Math.sqrt(1-n*n)-1):.5*(Math.sqrt(1-(n-=2)*n)+1)},easeInElastic:function(n){return Pn(n)?n:jn(n,.075,.3)},easeOutElastic:function(n){return Pn(n)?n:Tn(n,.075,.3)},easeInOutElastic:function(n){var t=.1125;return Pn(n)?n:n<.5?.5*jn(2*n,t,.45):.5+.5*Tn(2*n-1,t,.45)},easeInBack:function(n){var t=1.70158;return n*n*((t+1)*n-t)},easeOutBack:function(n){var t=1.70158;return(n-=1)*n*((t+1)*n+t)+1},easeInOutBack:function(n){var t=1.70158;return(n/=.5)<1?n*n*((1+(t*=1.525))*n-t)*.5:.5*((n-=2)*n*((1+(t*=1.525))*n+t)+2)},easeInBounce:function(n){return 1-In.easeOutBounce(1-n)},easeOutBounce:function(n){var t=7.5625,e=2.75;return n<1/e?t*n*n:n<2/e?t*(n-=1.5/e)*n+.75:n<2.5/e?t*(n-=2.25/e)*n+.9375:t*(n-=2.625/e)*n+.984375},easeInOutBounce:function(n){return n<.5?.5*In.easeInBounce(2*n):.5*In.easeOutBounce(2*n-1)+.5}};function En(n){if(n&&"object"===l(n)){var t=n.toString();return"[object CanvasPattern]"===t||"[object CanvasGradient]"===t}return!1}function Ln(n){return En(n)?n:new o.a(n)}function Nn(n){return En(n)?n:new o.a(n).saturate(.5).darken(.1).hexString()}var Rn=["x","y","borderWidth","radius","tension"],Vn=["color","borderColor","backgroundColor"];var Un=new Map;function zn(n,t,e){return function(n,t){t=t||{};var e=n+JSON.stringify(t),o=Un.get(e);return o||(o=new Intl.NumberFormat(n,t),Un.set(e,o)),o}(t,e).format(n)}var Wn={values:function(n){return v(n)?n:""+n},numeric:function(n,t,e){if(0===n)return"0";var o,a=this.chart.options.locale,i=n;if(e.length>1){var r=Math.max(Math.abs(e[0].value),Math.abs(e[e.length-1].value));(r<1e-4||r>1e15)&&(o="scientific"),i=function(n,t){var e=t.length>3?t[2].value-t[1].value:t[1].value-t[0].value;Math.abs(e)>=1&&n!==Math.floor(n)&&(e=n-Math.floor(n));return e}(n,e)}var s=J(Math.abs(i)),l=isNaN(s)?1:Math.max(Math.min(-1*Math.floor(s),20),0),c={notation:o,minimumFractionDigits:l,maximumFractionDigits:l};return Object.assign(c,this.options.ticks.format),zn(n,a,c)},logarithmic:function(n,t,e){if(0===n)return"0";var o=e[t].significand||n/Math.pow(10,Math.floor(J(n)));return[1,2,3,5,10,15].includes(o)||t>.8*e.length?Wn.numeric.call(this,n,t,e):""}};var Fn={formatters:Wn};var Bn=Object.create(null),Yn=Object.create(null);function $n(n,t){if(!t)return n;for(var e=t.split("."),o=0,a=e.length;oo&&(o=i),o}function qn(n,t,e,o){var a=(o=o||{}).data=o.data||{},i=o.garbageCollect=o.garbageCollect||[];o.font!==t&&(a=o.data={},i=o.garbageCollect=[],o.font=t),n.save(),n.font=t;var r,s,l,c,d,u=0,h=e.length;for(r=0;re.length){for(r=0;r0&&n.stroke()}}function nt(n,t,e){return e=e||.5,!t||n&&n.x>t.left-e&&n.xt.top-e&&n.y5&&void 0!==arguments[5]?arguments[5]:{},l=v(t)?t:[t],c=s.strokeWidth>0&&""!==s.strokeColor;for(n.save(),n.font=a.string,it(n,s),i=0;i1&&void 0!==arguments[1]?arguments[1]:[""],o=arguments.length>2?arguments[2]:void 0,r=arguments.length>3?arguments[3]:void 0,s=arguments.length>4&&void 0!==arguments[4]?arguments[4]:function(){return n[0]},l=o||n;void 0===r&&(r=It("_fallback",n));var c=(i(t={},Symbol.toStringTag,"Object"),i(t,"_cacheable",!0),i(t,"_scopes",n),i(t,"_rootScopes",l),i(t,"_fallback",r),i(t,"_getTarget",s),i(t,"override",(function(t){return wt([t].concat(a(n)),e,l,r)})),t);return new Proxy(c,{deleteProperty:function(t,e){return delete t[e],delete t._keys,delete n[0][e],!0},get:function(t,o){return St(t,o,(function(){return Tt(o,e,n,t)}))},getOwnPropertyDescriptor:function(n,t){return Reflect.getOwnPropertyDescriptor(n._scopes[0],t)},getPrototypeOf:function(){return Reflect.getPrototypeOf(n[0])},has:function(n,t){return Et(n).includes(t)},ownKeys:function(n){return Et(n)},set:function(n,t,e){var o=n._storage||(n._storage=s());return n[t]=o[t]=e,delete n._keys,!0}})}function Ot(n,t,e,o){var a={_cacheable:!1,_proxy:n,_context:t,_subProxy:e,_stack:new Set,_descriptors:Ct(n,o),setContext:function(t){return Ot(n,t,e,o)},override:function(a){return Ot(n.override(a),t,e,o)}};return new Proxy(a,{deleteProperty:function(t,e){return delete t[e],delete n[e],!0},get:function(n,t,e){return St(n,t,(function(){return function(n,t,e){var o=n._proxy,a=n._context,i=n._subProxy,r=n._descriptors,s=o[t];R(s)&&r.isScriptable(t)&&(s=function(n,t,e,o){var a=e._proxy,i=e._context,r=e._subProxy,s=e._stack;if(s.has(n))throw new Error("Recursion detected: "+Array.from(s).join("->")+"->"+n);s.add(n);var l=t(i,r||o);s.delete(n),_t(n,l)&&(l=Pt(a._scopes,a,n,l));return l}(t,s,n,e));v(s)&&s.length&&(s=function(n,t,e,o){var a=e._proxy,i=e._context,r=e._subProxy,s=e._descriptors;if(void 0!==i.index&&o(n))return t[i.index%t.length];if(g(t[0])){var l=t,d=a._scopes.filter((function(n){return n!==l}));t=[];var u,h=c(l);try{for(h.s();!(u=h.n()).done;){var f=u.value,p=Pt(d,a,n,f);t.push(Ot(p,i,r&&r[n],s))}}catch(n){h.e(n)}finally{h.f()}}return t}(t,s,n,r.isIndexable));_t(t,s)&&(s=Ot(s,a,i&&i[t],r));return s}(n,t,e)}))},getOwnPropertyDescriptor:function(t,e){return t._descriptors.allKeys?Reflect.has(n,e)?{enumerable:!0,configurable:!0}:void 0:Reflect.getOwnPropertyDescriptor(n,e)},getPrototypeOf:function(){return Reflect.getPrototypeOf(n)},has:function(t,e){return Reflect.has(n,e)},ownKeys:function(){return Reflect.ownKeys(n)},set:function(t,e,o){return n[e]=o,delete t[e],!0}})}function Ct(n){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{scriptable:!0,indexable:!0},e=n._scriptable,o=void 0===e?t.scriptable:e,a=n._indexable,i=void 0===a?t.indexable:a,r=n._allKeys,s=void 0===r?t.allKeys:r;return{allKeys:s,scriptable:o,indexable:i,isScriptable:R(o)?o:function(){return o},isIndexable:R(i)?i:function(){return i}}}var kt=function(n,t){return n?n+L(t):t},_t=function(n,t){return g(t)&&"adapters"!==n&&(null===Object.getPrototypeOf(t)||t.constructor===Object)};function St(n,t,e){if(Object.prototype.hasOwnProperty.call(n,t))return n[t];var o=e();return n[t]=o,o}function Dt(n,t,e){return R(n)?n(t,e):n}var Mt=function(n,t){return!0===n?t:"string"==typeof n?E(t,n):void 0};function At(n,t,e,o,a){var i,r=c(t);try{for(r.s();!(i=r.n()).done;){var s=i.value,l=Mt(e,s);if(l){n.add(l);var d=Dt(l._fallback,e,a);if(void 0!==d&&d!==e&&d!==o)return d}else if(!1===l&&void 0!==o&&e!==o)return null}}catch(n){r.e(n)}finally{r.f()}return!1}function Pt(n,t,e,o){var i=t._rootScopes,r=Dt(t._fallback,e,o),s=[].concat(a(n),a(i)),l=new Set;l.add(o);var c=jt(l,s,e,r||e,o);return null!==c&&((void 0===r||r===e||null!==(c=jt(l,s,r,c,o)))&&wt(Array.from(l),[""],i,r,(function(){return function(n,t,e){var o=n._getTarget();t in o||(o[t]={});var a=o[t];if(v(a)&&g(e))return e;return a||{}}(t,e,o)})))}function jt(n,t,e,o,a){for(;e;)e=At(n,t,e,o,a);return e}function Tt(n,t,e,o){var a,i,r=c(t);try{for(r.s();!(i=r.n()).done;){var s=i.value;if(void 0!==(a=It(kt(s,n),e)))return _t(n,a)?Pt(e,o,n,a):a}}catch(n){r.e(n)}finally{r.f()}}function It(n,t){var e,o=c(t);try{for(o.s();!(e=o.n()).done;){var a=e.value;if(a){var i=a[n];if(void 0!==i)return i}}}catch(n){o.e(n)}finally{o.f()}}function Et(n){var t=n._keys;return t||(t=n._keys=function(n){var t,e=new Set,o=c(n);try{for(o.s();!(t=o.n()).done;){var a,i=t.value,r=c(Object.keys(i).filter((function(n){return!n.startsWith("_")})));try{for(r.s();!(a=r.n()).done;){var s=a.value;e.add(s)}}catch(n){r.e(n)}finally{r.f()}}}catch(n){o.e(n)}finally{o.f()}return Array.from(e)}(n._scopes)),t}function Lt(n,t,e,o){var a,i,r,s,l=n.iScale,c=this._parsing.key,d=void 0===c?"r":c,u=new Array(o);for(a=0,i=o;a2&&void 0!==arguments[2]?arguments[2]:"x",r=Vt(i),s=n.length,l=Rt(n,0),c=0;c1&&void 0!==arguments[1]?arguments[1]:"x",i=Vt(a),r=n.length,s=Array(r).fill(0),l=Array(r),c=Rt(n,0);for(t=0;t0||t>0)&&(!e||!e.shadowRoot)}(r,s,n.target))e=r,o=s;else{var c=t.getBoundingClientRect();e=i.clientX-c.left,o=i.clientY-c.top,l=!0}return{x:e,y:o,box:l}}(n,e),c=l.x,d=l.y,u=l.box,h=r.left+(u&&s.left),f=r.top+(u&&s.top),p=t.width,b=t.height;return i&&(p-=r.width+s.width,b-=r.height+s.height),{x:Math.round((c-h)/p*e.width/o),y:Math.round((d-f)/b*e.height/o)}}var Gt=function(n){return Math.round(10*n)/10};function Kt(n,t,e,o){var a=Xt(n),i=Jt(a,"margin"),r=$t(a.maxWidth,n,"clientWidth")||B,s=$t(a.maxHeight,n,"clientHeight")||B,l=function(n,t,e){var o,a;if(void 0===t||void 0===e){var i=Yt(n);if(i){var r=i.getBoundingClientRect(),s=Xt(i),l=Jt(s,"border","width"),c=Jt(s,"padding");t=r.width-c.width-l.width,e=r.height-c.height-l.height,o=$t(s.maxWidth,i,"clientWidth"),a=$t(s.maxHeight,i,"clientHeight")}else t=n.clientWidth,e=n.clientHeight}return{width:t,height:e,maxWidth:o||B,maxHeight:a||B}}(n,t,e),c=l.width,d=l.height;if("content-box"===a.boxSizing){var u=Jt(a,"border","width"),h=Jt(a,"padding");c-=h.width+u.width,d-=h.height+u.height}return c=Math.max(0,c-i.width),d=Math.max(0,o?c/o:d-i.height),c=Gt(Math.min(c,r,l.maxWidth)),d=Gt(Math.min(d,s,l.maxHeight)),c&&!d&&(d=Gt(c/2)),(void 0!==t||void 0!==e)&&o&&l.height&&d>l.height&&(d=l.height,c=Gt(Math.floor(d*o))),{width:c,height:d}}function Zt(n,t,e){var o=t||1,a=Math.floor(n.height*o),i=Math.floor(n.width*o);n.height=Math.floor(n.height),n.width=Math.floor(n.width);var r=n.canvas;return r.style&&(e||!r.style.height&&!r.style.width)&&(r.style.height="".concat(n.height,"px"),r.style.width="".concat(n.width,"px")),(n.currentDevicePixelRatio!==o||r.height!==a||r.width!==i)&&(n.currentDevicePixelRatio=o,r.height=a,r.width=i,n.ctx.setTransform(o,0,0,o,0,0),!0)}var Qt=function(){var n=!1;try{var t={get passive(){return n=!0,!1}};window.addEventListener("test",null,t),window.removeEventListener("test",null,t)}catch(n){}return n}();function ne(n,t){var e=function(n,t){return Xt(n).getPropertyValue(t)}(n,t),o=e&&e.match(/^(\d+)(\.\d+)?px$/);return o?+o[1]:void 0}function te(n,t,e,o){return{x:n.x+e*(t.x-n.x),y:n.y+e*(t.y-n.y)}}function ee(n,t,e,o){return{x:n.x+e*(t.x-n.x),y:"middle"===o?e<.5?n.y:t.y:"after"===o?e<1?n.y:t.y:e>0?t.y:n.y}}function oe(n,t,e,o){var a={x:n.cp2x,y:n.cp2y},i={x:t.cp1x,y:t.cp1y},r=te(n,a,e),s=te(a,i,e),l=te(i,t,e),c=te(r,s,e),d=te(s,l,e);return te(c,d,e)}function ae(n,t,e){return n?function(n,t){return{x:function(e){return n+n+t-e},setWidth:function(n){t=n},textAlign:function(n){return"center"===n?n:"right"===n?"left":"right"},xPlus:function(n,t){return n-t},leftForLtr:function(n,t){return n-t}}}(t,e):{x:function(n){return n},setWidth:function(n){},textAlign:function(n){return n},xPlus:function(n,t){return n+t},leftForLtr:function(n,t){return n}}}function ie(n,t){var e,o;"ltr"!==t&&"rtl"!==t||(o=[(e=n.canvas.style).getPropertyValue("direction"),e.getPropertyPriority("direction")],e.setProperty("direction",t,"important"),n.prevTextDirection=o)}function re(n,t){void 0!==t&&(delete n.prevTextDirection,n.canvas.style.setProperty("direction",t[0],t[1]))}function se(n){return"angle"===n?{between:dn,compare:ln,normalize:cn}:{between:fn,compare:function(n,t){return n-t},normalize:function(n){return n}}}function le(n){var t=n.start,e=n.end,o=n.count;return{start:t%o,end:e%o,loop:n.loop&&(e-t+1)%o==0,style:n.style}}function ce(n,t,e){if(!e)return[n];for(var o,a,i,r=e.property,s=e.start,l=e.end,c=t.length,d=se(r),u=d.compare,h=d.between,f=d.normalize,p=function(n,t,e){var o,a,i=e.property,r=e.start,s=e.end,l=se(i),c=l.between,d=l.normalize,u=t.length,h=n.start,f=n.end,p=n.loop;if(p){for(h+=u,f+=u,o=0,a=u;oa&&n[i%t].skip;)i--;return{start:a,end:i%=t}}(e,a,i,o),s=r.start,l=r.end;return he(n,!0===o?[{start:s,end:l,loop:i}]:function(n,t,e,o){var a,i=n.length,r=[],s=t,l=n[t];for(a=t+1;a<=e;++a){var c=n[a%i];c.skip||c.stop?l.skip||(o=!1,r.push({start:t%i,end:(a-1)%i,loop:o}),t=s=c.stop?a:null):(s=a,l.skip&&(t=a)),l=c}return null!==s&&r.push({start:t%i,end:s%i,loop:o}),r}(e,s,l=0;a--)t.call(e,n[a],a);else for(a=0;a=n}function tn(n,t,e){var o,a,i;for(o=0,a=n.length;ol&&c3&&void 0!==arguments[3]?arguments[3]:1e-6;return n>=Math.min(t,e)-o&&n<=Math.max(t,e)+o}function pn(n,t,e){e=e||function(e){return n[e]1;)e(o=i+a>>1)?i=o:a=o;return{lo:i,hi:a}}var bn=function(n,t,e,o){return pn(n,e,o?function(o){var a=n[o][t];return a=e}))};function mn(n,t,e){for(var o=0,a=n.length;oo&&n[a-1]>e;)a--;return o>0||a0||(gn.forEach((function(t){delete n[t]})),delete n._chartjs)}}function wn(n){var t=new Set(n);return t.size===n.length?n:Array.from(t)}var On="undefined"==typeof window?function(n){return n()}:window.requestAnimationFrame;function Cn(n,t){var e=[],o=!1;return function(){for(var a=arguments.length,i=new Array(a),r=0;r=1?n:-(Math.sqrt(1-n*n)-1)},easeOutCirc:function(n){return Math.sqrt(1-(n-=1)*n)},easeInOutCirc:function(n){return(n/=.5)<1?-.5*(Math.sqrt(1-n*n)-1):.5*(Math.sqrt(1-(n-=2)*n)+1)},easeInElastic:function(n){return Pn(n)?n:jn(n,.075,.3)},easeOutElastic:function(n){return Pn(n)?n:Tn(n,.075,.3)},easeInOutElastic:function(n){var t=.1125;return Pn(n)?n:n<.5?.5*jn(2*n,t,.45):.5+.5*Tn(2*n-1,t,.45)},easeInBack:function(n){var t=1.70158;return n*n*((t+1)*n-t)},easeOutBack:function(n){var t=1.70158;return(n-=1)*n*((t+1)*n+t)+1},easeInOutBack:function(n){var t=1.70158;return(n/=.5)<1?n*n*((1+(t*=1.525))*n-t)*.5:.5*((n-=2)*n*((1+(t*=1.525))*n+t)+2)},easeInBounce:function(n){return 1-In.easeOutBounce(1-n)},easeOutBounce:function(n){var t=7.5625,e=2.75;return n<1/e?t*n*n:n<2/e?t*(n-=1.5/e)*n+.75:n<2.5/e?t*(n-=2.25/e)*n+.9375:t*(n-=2.625/e)*n+.984375},easeInOutBounce:function(n){return n<.5?.5*In.easeInBounce(2*n):.5*In.easeOutBounce(2*n-1)+.5}};function En(n){if(n&&"object"===l(n)){var t=n.toString();return"[object CanvasPattern]"===t||"[object CanvasGradient]"===t}return!1}function Ln(n){return En(n)?n:new o.a(n)}function Nn(n){return En(n)?n:new o.a(n).saturate(.5).darken(.1).hexString()}var Rn=["x","y","borderWidth","radius","tension"],Vn=["color","borderColor","backgroundColor"];var Un=new Map;function zn(n,t,e){return function(n,t){t=t||{};var e=n+JSON.stringify(t),o=Un.get(e);return o||(o=new Intl.NumberFormat(n,t),Un.set(e,o)),o}(t,e).format(n)}var Wn={values:function(n){return v(n)?n:""+n},numeric:function(n,t,e){if(0===n)return"0";var o,a=this.chart.options.locale,i=n;if(e.length>1){var r=Math.max(Math.abs(e[0].value),Math.abs(e[e.length-1].value));(r<1e-4||r>1e15)&&(o="scientific"),i=function(n,t){var e=t.length>3?t[2].value-t[1].value:t[1].value-t[0].value;Math.abs(e)>=1&&n!==Math.floor(n)&&(e=n-Math.floor(n));return e}(n,e)}var s=J(Math.abs(i)),l=isNaN(s)?1:Math.max(Math.min(-1*Math.floor(s),20),0),c={notation:o,minimumFractionDigits:l,maximumFractionDigits:l};return Object.assign(c,this.options.ticks.format),zn(n,a,c)},logarithmic:function(n,t,e){if(0===n)return"0";var o=e[t].significand||n/Math.pow(10,Math.floor(J(n)));return[1,2,3,5,10,15].includes(o)||t>.8*e.length?Wn.numeric.call(this,n,t,e):""}};var Fn={formatters:Wn};var Bn=Object.create(null),Yn=Object.create(null);function $n(n,t){if(!t)return n;for(var e=t.split("."),o=0,a=e.length;oo&&(o=i),o}function qn(n,t,e,o){var a=(o=o||{}).data=o.data||{},i=o.garbageCollect=o.garbageCollect||[];o.font!==t&&(a=o.data={},i=o.garbageCollect=[],o.font=t),n.save(),n.font=t;var r,s,l,c,d,u=0,h=e.length;for(r=0;re.length){for(r=0;r0&&n.stroke()}}function nt(n,t,e){return e=e||.5,!t||n&&n.x>t.left-e&&n.xt.top-e&&n.y5&&void 0!==arguments[5]?arguments[5]:{},l=v(t)?t:[t],c=s.strokeWidth>0&&""!==s.strokeColor;for(n.save(),n.font=a.string,it(n,s),i=0;i1&&void 0!==arguments[1]?arguments[1]:[""],o=arguments.length>2?arguments[2]:void 0,r=arguments.length>3?arguments[3]:void 0,s=arguments.length>4&&void 0!==arguments[4]?arguments[4]:function(){return n[0]},l=o||n;void 0===r&&(r=It("_fallback",n));var c=(i(t={},Symbol.toStringTag,"Object"),i(t,"_cacheable",!0),i(t,"_scopes",n),i(t,"_rootScopes",l),i(t,"_fallback",r),i(t,"_getTarget",s),i(t,"override",(function(t){return wt([t].concat(a(n)),e,l,r)})),t);return new Proxy(c,{deleteProperty:function(t,e){return delete t[e],delete t._keys,delete n[0][e],!0},get:function(t,o){return St(t,o,(function(){return Tt(o,e,n,t)}))},getOwnPropertyDescriptor:function(n,t){return Reflect.getOwnPropertyDescriptor(n._scopes[0],t)},getPrototypeOf:function(){return Reflect.getPrototypeOf(n[0])},has:function(n,t){return Et(n).includes(t)},ownKeys:function(n){return Et(n)},set:function(n,t,e){var o=n._storage||(n._storage=s());return n[t]=o[t]=e,delete n._keys,!0}})}function Ot(n,t,e,o){var a={_cacheable:!1,_proxy:n,_context:t,_subProxy:e,_stack:new Set,_descriptors:Ct(n,o),setContext:function(t){return Ot(n,t,e,o)},override:function(a){return Ot(n.override(a),t,e,o)}};return new Proxy(a,{deleteProperty:function(t,e){return delete t[e],delete n[e],!0},get:function(n,t,e){return St(n,t,(function(){return function(n,t,e){var o=n._proxy,a=n._context,i=n._subProxy,r=n._descriptors,s=o[t];R(s)&&r.isScriptable(t)&&(s=function(n,t,e,o){var a=e._proxy,i=e._context,r=e._subProxy,s=e._stack;if(s.has(n))throw new Error("Recursion detected: "+Array.from(s).join("->")+"->"+n);s.add(n);var l=t(i,r||o);s.delete(n),_t(n,l)&&(l=Pt(a._scopes,a,n,l));return l}(t,s,n,e));v(s)&&s.length&&(s=function(n,t,e,o){var a=e._proxy,i=e._context,r=e._subProxy,s=e._descriptors;if(void 0!==i.index&&o(n))return t[i.index%t.length];if(m(t[0])){var l=t,d=a._scopes.filter((function(n){return n!==l}));t=[];var u,h=c(l);try{for(h.s();!(u=h.n()).done;){var f=u.value,p=Pt(d,a,n,f);t.push(Ot(p,i,r&&r[n],s))}}catch(n){h.e(n)}finally{h.f()}}return t}(t,s,n,r.isIndexable));_t(t,s)&&(s=Ot(s,a,i&&i[t],r));return s}(n,t,e)}))},getOwnPropertyDescriptor:function(t,e){return t._descriptors.allKeys?Reflect.has(n,e)?{enumerable:!0,configurable:!0}:void 0:Reflect.getOwnPropertyDescriptor(n,e)},getPrototypeOf:function(){return Reflect.getPrototypeOf(n)},has:function(t,e){return Reflect.has(n,e)},ownKeys:function(){return Reflect.ownKeys(n)},set:function(t,e,o){return n[e]=o,delete t[e],!0}})}function Ct(n){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{scriptable:!0,indexable:!0},e=n._scriptable,o=void 0===e?t.scriptable:e,a=n._indexable,i=void 0===a?t.indexable:a,r=n._allKeys,s=void 0===r?t.allKeys:r;return{allKeys:s,scriptable:o,indexable:i,isScriptable:R(o)?o:function(){return o},isIndexable:R(i)?i:function(){return i}}}var kt=function(n,t){return n?n+L(t):t},_t=function(n,t){return m(t)&&"adapters"!==n&&(null===Object.getPrototypeOf(t)||t.constructor===Object)};function St(n,t,e){if(Object.prototype.hasOwnProperty.call(n,t))return n[t];var o=e();return n[t]=o,o}function Dt(n,t,e){return R(n)?n(t,e):n}var Mt=function(n,t){return!0===n?t:"string"==typeof n?E(t,n):void 0};function At(n,t,e,o,a){var i,r=c(t);try{for(r.s();!(i=r.n()).done;){var s=i.value,l=Mt(e,s);if(l){n.add(l);var d=Dt(l._fallback,e,a);if(void 0!==d&&d!==e&&d!==o)return d}else if(!1===l&&void 0!==o&&e!==o)return null}}catch(n){r.e(n)}finally{r.f()}return!1}function Pt(n,t,e,o){var i=t._rootScopes,r=Dt(t._fallback,e,o),s=[].concat(a(n),a(i)),l=new Set;l.add(o);var c=jt(l,s,e,r||e,o);return null!==c&&((void 0===r||r===e||null!==(c=jt(l,s,r,c,o)))&&wt(Array.from(l),[""],i,r,(function(){return function(n,t,e){var o=n._getTarget();t in o||(o[t]={});var a=o[t];if(v(a)&&m(e))return e;return a||{}}(t,e,o)})))}function jt(n,t,e,o,a){for(;e;)e=At(n,t,e,o,a);return e}function Tt(n,t,e,o){var a,i,r=c(t);try{for(r.s();!(i=r.n()).done;){var s=i.value;if(void 0!==(a=It(kt(s,n),e)))return _t(n,a)?Pt(e,o,n,a):a}}catch(n){r.e(n)}finally{r.f()}}function It(n,t){var e,o=c(t);try{for(o.s();!(e=o.n()).done;){var a=e.value;if(a){var i=a[n];if(void 0!==i)return i}}}catch(n){o.e(n)}finally{o.f()}}function Et(n){var t=n._keys;return t||(t=n._keys=function(n){var t,e=new Set,o=c(n);try{for(o.s();!(t=o.n()).done;){var a,i=t.value,r=c(Object.keys(i).filter((function(n){return!n.startsWith("_")})));try{for(r.s();!(a=r.n()).done;){var s=a.value;e.add(s)}}catch(n){r.e(n)}finally{r.f()}}}catch(n){o.e(n)}finally{o.f()}return Array.from(e)}(n._scopes)),t}function Lt(n,t,e,o){var a,i,r,s,l=n.iScale,c=this._parsing.key,d=void 0===c?"r":c,u=new Array(o);for(a=0,i=o;a2&&void 0!==arguments[2]?arguments[2]:"x",r=Vt(i),s=n.length,l=Rt(n,0),c=0;c1&&void 0!==arguments[1]?arguments[1]:"x",i=Vt(a),r=n.length,s=Array(r).fill(0),l=Array(r),c=Rt(n,0);for(t=0;t0||t>0)&&(!e||!e.shadowRoot)}(r,s,n.target))e=r,o=s;else{var c=t.getBoundingClientRect();e=i.clientX-c.left,o=i.clientY-c.top,l=!0}return{x:e,y:o,box:l}}(n,e),c=l.x,d=l.y,u=l.box,h=r.left+(u&&s.left),f=r.top+(u&&s.top),p=t.width,b=t.height;return i&&(p-=r.width+s.width,b-=r.height+s.height),{x:Math.round((c-h)/p*e.width/o),y:Math.round((d-f)/b*e.height/o)}}var Gt=function(n){return Math.round(10*n)/10};function Kt(n,t,e,o){var a=Xt(n),i=Jt(a,"margin"),r=$t(a.maxWidth,n,"clientWidth")||B,s=$t(a.maxHeight,n,"clientHeight")||B,l=function(n,t,e){var o,a;if(void 0===t||void 0===e){var i=Yt(n);if(i){var r=i.getBoundingClientRect(),s=Xt(i),l=Jt(s,"border","width"),c=Jt(s,"padding");t=r.width-c.width-l.width,e=r.height-c.height-l.height,o=$t(s.maxWidth,i,"clientWidth"),a=$t(s.maxHeight,i,"clientHeight")}else t=n.clientWidth,e=n.clientHeight}return{width:t,height:e,maxWidth:o||B,maxHeight:a||B}}(n,t,e),c=l.width,d=l.height;if("content-box"===a.boxSizing){var u=Jt(a,"border","width"),h=Jt(a,"padding");c-=h.width+u.width,d-=h.height+u.height}return c=Math.max(0,c-i.width),d=Math.max(0,o?c/o:d-i.height),c=Gt(Math.min(c,r,l.maxWidth)),d=Gt(Math.min(d,s,l.maxHeight)),c&&!d&&(d=Gt(c/2)),(void 0!==t||void 0!==e)&&o&&l.height&&d>l.height&&(d=l.height,c=Gt(Math.floor(d*o))),{width:c,height:d}}function Zt(n,t,e){var o=t||1,a=Math.floor(n.height*o),i=Math.floor(n.width*o);n.height=Math.floor(n.height),n.width=Math.floor(n.width);var r=n.canvas;return r.style&&(e||!r.style.height&&!r.style.width)&&(r.style.height="".concat(n.height,"px"),r.style.width="".concat(n.width,"px")),(n.currentDevicePixelRatio!==o||r.height!==a||r.width!==i)&&(n.currentDevicePixelRatio=o,r.height=a,r.width=i,n.ctx.setTransform(o,0,0,o,0,0),!0)}var Qt=function(){var n=!1;try{var t={get passive(){return n=!0,!1}};window.addEventListener("test",null,t),window.removeEventListener("test",null,t)}catch(n){}return n}();function ne(n,t){var e=function(n,t){return Xt(n).getPropertyValue(t)}(n,t),o=e&&e.match(/^(\d+)(\.\d+)?px$/);return o?+o[1]:void 0}function te(n,t,e,o){return{x:n.x+e*(t.x-n.x),y:n.y+e*(t.y-n.y)}}function ee(n,t,e,o){return{x:n.x+e*(t.x-n.x),y:"middle"===o?e<.5?n.y:t.y:"after"===o?e<1?n.y:t.y:e>0?t.y:n.y}}function oe(n,t,e,o){var a={x:n.cp2x,y:n.cp2y},i={x:t.cp1x,y:t.cp1y},r=te(n,a,e),s=te(a,i,e),l=te(i,t,e),c=te(r,s,e),d=te(s,l,e);return te(c,d,e)}function ae(n,t,e){return n?function(n,t){return{x:function(e){return n+n+t-e},setWidth:function(n){t=n},textAlign:function(n){return"center"===n?n:"right"===n?"left":"right"},xPlus:function(n,t){return n-t},leftForLtr:function(n,t){return n-t}}}(t,e):{x:function(n){return n},setWidth:function(n){},textAlign:function(n){return n},xPlus:function(n,t){return n+t},leftForLtr:function(n,t){return n}}}function ie(n,t){var e,o;"ltr"!==t&&"rtl"!==t||(o=[(e=n.canvas.style).getPropertyValue("direction"),e.getPropertyPriority("direction")],e.setProperty("direction",t,"important"),n.prevTextDirection=o)}function re(n,t){void 0!==t&&(delete n.prevTextDirection,n.canvas.style.setProperty("direction",t[0],t[1]))}function se(n){return"angle"===n?{between:dn,compare:ln,normalize:cn}:{between:fn,compare:function(n,t){return n-t},normalize:function(n){return n}}}function le(n){var t=n.start,e=n.end,o=n.count;return{start:t%o,end:e%o,loop:n.loop&&(e-t+1)%o==0,style:n.style}}function ce(n,t,e){if(!e)return[n];for(var o,a,i,r=e.property,s=e.start,l=e.end,c=t.length,d=se(r),u=d.compare,h=d.between,f=d.normalize,p=function(n,t,e){var o,a,i=e.property,r=e.start,s=e.end,l=se(i),c=l.between,d=l.normalize,u=t.length,h=n.start,f=n.end,p=n.loop;if(p){for(h+=u,f+=u,o=0,a=u;oa&&n[i%t].skip;)i--;return{start:a,end:i%=t}}(e,a,i,o),s=r.start,l=r.end;return he(n,!0===o?[{start:s,end:l,loop:i}]:function(n,t,e,o){var a,i=n.length,r=[],s=t,l=n[t];for(a=t+1;a<=e;++a){var c=n[a%i];c.skip||c.stop?l.skip||(o=!1,r.push({start:t%i,end:(a-1)%i,loop:o}),t=s=c.stop?a:null):(s=a,l.skip&&(t=a)),l=c}return null!==s&&r.push({start:t%i,end:s%i,loop:o}),r}(e,s,l=0&&Math.floor(t)===t&&isFinite(n)}function b(n){return r(n)&&"function"==typeof n.then&&"function"==typeof n.catch}function v(n){return null==n?"":Array.isArray(n)||h(n)&&n.toString===u?JSON.stringify(n,null,2):String(n)}function g(n){var t=parseFloat(n);return isNaN(t)?n:t}function m(n,t){for(var e=Object.create(null),o=n.split(","),a=0;a-1)return n.splice(o,1)}}var w=Object.prototype.hasOwnProperty;function O(n,t){return w.call(n,t)}function C(n){var t=Object.create(null);return function(e){return t[e]||(t[e]=n(e))}}var k=/-(\w)/g,_=C((function(n){return n.replace(k,(function(n,t){return t?t.toUpperCase():""}))})),S=C((function(n){return n.charAt(0).toUpperCase()+n.slice(1)})),D=/\B([A-Z])/g,M=C((function(n){return n.replace(D,"-$1").toLowerCase()}));var A=Function.prototype.bind?function(n,t){return n.bind(t)}:function(n,t){function e(e){var o=arguments.length;return o?o>1?n.apply(t,arguments):n.call(t,e):n.call(t)}return e._length=n.length,e};function P(n,t){t=t||0;for(var e=n.length-t,o=new Array(e);e--;)o[e]=n[e+t];return o}function j(n,t){for(var e in t)n[e]=t[e];return n}function T(n){for(var t={},e=0;e0,Z=q&&q.indexOf("edge/")>0;q&&q.indexOf("android");var Q=q&&/iphone|ipad|ipod|ios/.test(q);q&&/chrome\/\d+/.test(q),q&&/phantomjs/.test(q);var nn,tn=q&&q.match(/firefox\/(\d+)/),en={}.watch,on=!1;if(J)try{var an={};Object.defineProperty(an,"passive",{get:function(){on=!0}}),window.addEventListener("test-passive",null,an)}catch(n){}var rn=function(){return void 0===nn&&(nn=!J&&"undefined"!=typeof global&&(global.process&&"server"===global.process.env.VUE_ENV)),nn},sn=J&&window.__VUE_DEVTOOLS_GLOBAL_HOOK__;function ln(n){return"function"==typeof n&&/native code/.test(n.toString())}var cn,dn="undefined"!=typeof Symbol&&ln(Symbol)&&"undefined"!=typeof Reflect&&ln(Reflect.ownKeys);cn="undefined"!=typeof Set&&ln(Set)?Set:function(){function n(){this.set=Object.create(null)}return n.prototype.has=function(n){return!0===this.set[n]},n.prototype.add=function(n){this.set[n]=!0},n.prototype.clear=function(){this.set=Object.create(null)},n}();var un=null;function hn(n){void 0===n&&(n=null),n||un&&un._scope.off(),un=n,n&&n._scope.on()}var fn=function(){function n(n,t,e,o,a,i,r,s){this.tag=n,this.data=t,this.children=e,this.text=o,this.elm=a,this.ns=void 0,this.context=i,this.fnContext=void 0,this.fnOptions=void 0,this.fnScopeId=void 0,this.key=t&&t.key,this.componentOptions=r,this.componentInstance=void 0,this.parent=void 0,this.raw=!1,this.isStatic=!1,this.isRootInsert=!0,this.isComment=!1,this.isCloned=!1,this.isOnce=!1,this.asyncFactory=s,this.asyncMeta=void 0,this.isAsyncPlaceholder=!1}return Object.defineProperty(n.prototype,"child",{get:function(){return this.componentInstance},enumerable:!1,configurable:!0}),n}(),pn=function(n){void 0===n&&(n="");var t=new fn;return t.text=n,t.isComment=!0,t};function bn(n){return new fn(void 0,void 0,void 0,String(n))}function vn(n){var t=new fn(n.tag,n.data,n.children&&n.children.slice(),n.text,n.elm,n.context,n.componentOptions,n.asyncFactory);return t.ns=n.ns,t.isStatic=n.isStatic,t.key=n.key,t.isComment=n.isComment,t.fnContext=n.fnContext,t.fnOptions=n.fnOptions,t.fnScopeId=n.fnScopeId,t.asyncMeta=n.asyncMeta,t.isCloned=!0,t}var gn=0,mn=[],yn=function(){function n(){this._pending=!1,this.id=gn++,this.subs=[]}return n.prototype.addSub=function(n){this.subs.push(n)},n.prototype.removeSub=function(n){this.subs[this.subs.indexOf(n)]=null,this._pending||(this._pending=!0,mn.push(this))},n.prototype.depend=function(t){n.target&&n.target.addDep(this)},n.prototype.notify=function(n){var t=this.subs.filter((function(n){return n}));for(var e=0,o=t.length;e0&&(Gn((c=n(c,"".concat(e||"","_").concat(o)))[0])&&Gn(u)&&(h[d]=bn(u.text+c[0].text),c.shift()),h.push.apply(h,c)):l(c)?Gn(u)?h[d]=bn(u.text+c):""!==c&&h.push(bn(c)):Gn(c)&&Gn(u)?h[d]=bn(u.text+c.text):(s(t._isVList)&&r(c.tag)&&i(c.key)&&r(e)&&(c.key="__vlist".concat(e,"_").concat(o,"__")),h.push(c)));return h}(n):void 0}function Gn(n){return r(n)&&r(n.text)&&!1===n.isComment}function Kn(n,t){var e,o,i,s,l=null;if(a(n)||"string"==typeof n)for(l=new Array(n.length),e=0,o=n.length;e0,s=t?!!t.$stable:!r,l=t&&t.$key;if(t){if(t._normalized)return t._normalized;if(s&&a&&a!==o&&l===a.$key&&!r&&!a.$hasNormal)return a;for(var c in i={},t)t[c]&&"$"!==c[0]&&(i[c]=vt(n,e,c,t[c]))}else i={};for(var d in e)d in i||(i[d]=gt(e,d));return t&&Object.isExtensible(t)&&(t._normalized=i),$(i,"$stable",s),$(i,"$key",l),$(i,"$hasNormal",r),i}function vt(n,t,e,o){var i=function(){var t=un;hn(n);var e=arguments.length?o.apply(null,arguments):o({}),i=(e=e&&"object"==typeof e&&!a(e)?[e]:qn(e))&&e[0];return hn(t),e&&(!i||1===e.length&&i.isComment&&!pt(i))?void 0:e};return o.proxy&&Object.defineProperty(t,e,{get:i,enumerable:!0,configurable:!0}),i}function gt(n,t){return function(){return n[t]}}function mt(n){return{get attrs(){if(!n._attrsProxy){var t=n._attrsProxy={};$(t,"_v_attr_proxy",!0),yt(t,n.$attrs,o,n,"$attrs")}return n._attrsProxy},get listeners(){n._listenersProxy||yt(n._listenersProxy={},n.$listeners,o,n,"$listeners");return n._listenersProxy},get slots(){return function(n){n._slotsProxy||wt(n._slotsProxy={},n.$scopedSlots);return n._slotsProxy}(n)},emit:A(n.$emit,n),expose:function(t){t&&Object.keys(t).forEach((function(e){return zn(n,t,e)}))}}}function yt(n,t,e,o,a){var i=!1;for(var r in t)r in n?t[r]!==e[r]&&(i=!0):(i=!0,xt(n,r,o,a));for(var r in n)r in t||(i=!0,delete n[r]);return i}function xt(n,t,e,o){Object.defineProperty(n,t,{enumerable:!0,configurable:!0,get:function(){return e[o][t]}})}function wt(n,t){for(var e in t)n[e]=t[e];for(var e in n)e in t||delete n[e]}var Ot=null;function Ct(n,t){return(n.__esModule||dn&&"Module"===n[Symbol.toStringTag])&&(n=n.default),d(n)?t.extend(n):n}function kt(n){if(a(n))for(var t=0;tdocument.createEvent("Event").timeStamp&&(le=function(){return ce.now()})}var de=function(n,t){if(n.post){if(!t.post)return 1}else if(t.post)return-1;return n.id-t.id};function ue(){var n,t;for(se=le(),ie=!0,te.sort(de),re=0;rere&&te[e].id>n.id;)e--;te.splice(e+1,0,n)}else te.push(n);ae||(ae=!0,Ut(ue))}}function fe(n,t){if(n){for(var e=Object.create(null),o=dn?Reflect.ownKeys(n):Object.keys(n),a=0;a-1)if(i&&!O(a,"default"))r=!1;else if(""===r||r===M(n)){var l=Le(String,a.type);(l<0||s-1:"string"==typeof n?n.split(",").indexOf(t)>-1:!!f(n)&&n.test(t)}function Ge(n,t){var e=n.cache,o=n.keys,a=n._vnode;for(var i in e){var r=e[i];if(r){var s=r.name;s&&!t(s)&&Ke(e,i,o,a)}}}function Ke(n,t,e,o){var a=n[t];!a||o&&a.tag===o.tag||a.componentInstance.$destroy(),n[t]=null,x(e,t)}!function(n){n.prototype._init=function(n){var t=this;t._uid=Ye++,t._isVue=!0,t.__v_skip=!0,t._scope=new Fn(!0),t._scope._vm=!0,n&&n._isComponent?function(n,t){var e=n.$options=Object.create(n.constructor.options),o=t._parentVnode;e.parent=t.parent,e._parentVnode=o;var a=o.componentOptions;e.propsData=a.propsData,e._parentListeners=a.listeners,e._renderChildren=a.children,e._componentTag=a.tag,t.render&&(e.render=t.render,e.staticRenderFns=t.staticRenderFns)}(t,n):t.$options=Ae($e(t.constructor),n||{},t),t._renderProxy=t,t._self=t,function(n){var t=n.$options,e=t.parent;if(e&&!t.abstract){for(;e.$options.abstract&&e.$parent;)e=e.$parent;e.$children.push(n)}n.$parent=e,n.$root=e?e.$root:n,n.$children=[],n.$refs={},n._provided=e?e._provided:Object.create(null),n._watcher=null,n._inactive=null,n._directInactive=!1,n._isMounted=!1,n._isDestroyed=!1,n._isBeingDestroyed=!1}(t),function(n){n._events=Object.create(null),n._hasHookEvent=!1;var t=n.$options._parentListeners;t&&qt(n,t)}(t),function(n){n._vnode=null,n._staticTrees=null;var t=n.$options,e=n.$vnode=t._parentVnode,a=e&&e.context;n.$slots=ht(t._renderChildren,a),n.$scopedSlots=e?bt(n.$parent,e.data.scopedSlots,n.$slots):o,n._c=function(t,e,o,a){return _t(n,t,e,o,a,!1)},n.$createElement=function(t,e,o,a){return _t(n,t,e,o,a,!0)};var i=e&&e.data;Tn(n,"$attrs",i&&i.attrs||o,null,!0),Tn(n,"$listeners",t._parentListeners||o,null,!0)}(t),ne(t,"beforeCreate",void 0,!1),function(n){var t=fe(n.$options.inject,n);t&&(Mn(!1),Object.keys(t).forEach((function(e){Tn(n,e,t[e])})),Mn(!0))}(t),Ve(t),function(n){var t=n.$options.provide;if(t){var e=c(t)?t.call(n):t;if(!d(e))return;for(var o=Bn(n),a=dn?Reflect.ownKeys(e):Object.keys(e),i=0;i1?P(e):e;for(var o=P(arguments,1),a='event handler for "'.concat(n,'"'),i=0,r=e.length;iparseInt(this.max)&&Ke(n,t[0],t,this._vnode),this.vnodeToCache=null}}},created:function(){this.cache=Object.create(null),this.keys=[]},destroyed:function(){for(var n in this.cache)Ke(this.cache,n,this.keys)},mounted:function(){var n=this;this.cacheVNode(),this.$watch("include",(function(t){Ge(n,(function(n){return qe(t,n)}))})),this.$watch("exclude",(function(t){Ge(n,(function(n){return!qe(t,n)}))}))},updated:function(){this.cacheVNode()},render:function(){var n=this.$slots.default,t=kt(n),e=t&&t.componentOptions;if(e){var o=Je(e),a=this.include,i=this.exclude;if(a&&(!o||!qe(a,o))||i&&o&&qe(i,o))return t;var r=this.cache,s=this.keys,l=null==t.key?e.Ctor.cid+(e.tag?"::".concat(e.tag):""):t.key;r[l]?(t.componentInstance=r[l].componentInstance,x(s,l),s.push(l)):(this.vnodeToCache=t,this.keyToCache=l),t.data.keepAlive=!0}return t||n&&n[0]}}};!function(n){var t={get:function(){return F}};Object.defineProperty(n,"config",t),n.util={warn:Oe,extend:j,mergeOptions:Ae,defineReactive:Tn},n.set=In,n.delete=En,n.nextTick=Ut,n.observable=function(n){return jn(n),n},n.options=Object.create(null),z.forEach((function(t){n.options[t+"s"]=Object.create(null)})),n.options._base=n,j(n.options.components,Qe),function(n){n.use=function(n){var t=this._installedPlugins||(this._installedPlugins=[]);if(t.indexOf(n)>-1)return this;var e=P(arguments,1);return e.unshift(this),c(n.install)?n.install.apply(n,e):c(n)&&n.apply(null,e),t.push(n),this}}(n),function(n){n.mixin=function(n){return this.options=Ae(this.options,n),this}}(n),He(n),function(n){z.forEach((function(t){n[t]=function(n,e){return e?("component"===t&&h(e)&&(e.name=e.name||n,e=this.options._base.extend(e)),"directive"===t&&c(e)&&(e={bind:e,update:e}),this.options[t+"s"][n]=e,e):this.options[t+"s"][n]}}))}(n)}(Xe),Object.defineProperty(Xe.prototype,"$isServer",{get:rn}),Object.defineProperty(Xe.prototype,"$ssrContext",{get:function(){return this.$vnode&&this.$vnode.ssrContext}}),Object.defineProperty(Xe,"FunctionalRenderContext",{value:pe}),Xe.version="2.7.14";var no=m("style,class"),to=m("input,textarea,option,select,progress"),eo=m("contenteditable,draggable,spellcheck"),oo=m("events,caret,typing,plaintext-only"),ao=m("allowfullscreen,async,autofocus,autoplay,checked,compact,controls,declare,default,defaultchecked,defaultmuted,defaultselected,defer,disabled,enabled,formnovalidate,hidden,indeterminate,inert,ismap,itemscope,loop,multiple,muted,nohref,noresize,noshade,novalidate,nowrap,open,pauseonexit,readonly,required,reversed,scoped,seamless,selected,sortable,truespeed,typemustmatch,visible"),io="http://www.w3.org/1999/xlink",ro=function(n){return":"===n.charAt(5)&&"xlink"===n.slice(0,5)},so=function(n){return ro(n)?n.slice(6,n.length):""},lo=function(n){return null==n||!1===n};function co(n){for(var t=n.data,e=n,o=n;r(o.componentInstance);)(o=o.componentInstance._vnode)&&o.data&&(t=uo(o.data,t));for(;r(e=e.parent);)e&&e.data&&(t=uo(t,e.data));return function(n,t){if(r(n)||r(t))return ho(n,fo(t));return""}(t.staticClass,t.class)}function uo(n,t){return{staticClass:ho(n.staticClass,t.staticClass),class:r(n.class)?[n.class,t.class]:t.class}}function ho(n,t){return n?t?n+" "+t:n:t||""}function fo(n){return Array.isArray(n)?function(n){for(var t,e="",o=0,a=n.length;o-1?Ro(n,t,e):ao(t)?lo(e)?n.removeAttribute(t):(e="allowfullscreen"===t&&"EMBED"===n.tagName?"true":t,n.setAttribute(t,e)):eo(t)?n.setAttribute(t,function(n,t){return lo(t)||"false"===t?"false":"contenteditable"===n&&oo(t)?t:"true"}(t,e)):ro(t)?lo(e)?n.removeAttributeNS(io,so(t)):n.setAttributeNS(io,t,e):Ro(n,t,e)}function Ro(n,t,e){if(lo(e))n.removeAttribute(t);else{if(G&&!K&&"TEXTAREA"===n.tagName&&"placeholder"===t&&""!==e&&!n.__ieph){var o=function(t){t.stopImmediatePropagation(),n.removeEventListener("input",o)};n.addEventListener("input",o),n.__ieph=!0}n.setAttribute(t,e)}}var Vo={create:Lo,update:Lo};function Uo(n,t){var e=t.elm,o=t.data,a=n.data;if(!(i(o.staticClass)&&i(o.class)&&(i(a)||i(a.staticClass)&&i(a.class)))){var s=co(t),l=e._transitionClasses;r(l)&&(s=ho(s,fo(l))),s!==e._prevClass&&(e.setAttribute("class",s),e._prevClass=s)}}var zo,Wo={create:Uo,update:Uo};function Fo(n,t,e){var o=zo;return function a(){var i=t.apply(null,arguments);null!==i&&$o(n,a,e,o)}}var Bo=jt&&!(tn&&Number(tn[1])<=53);function Yo(n,t,e,o){if(Bo){var a=se,i=t;t=i._wrapper=function(n){if(n.target===n.currentTarget||n.timeStamp>=a||n.timeStamp<=0||n.target.ownerDocument!==document)return i.apply(this,arguments)}}zo.addEventListener(n,t,on?{capture:e,passive:o}:e)}function $o(n,t,e,o){(o||zo).removeEventListener(n,t._wrapper||t,e)}function Xo(n,t){if(!i(n.data.on)||!i(t.data.on)){var e=t.data.on||{},o=n.data.on||{};zo=t.elm||n.elm,function(n){if(r(n.__r)){var t=G?"change":"input";n[t]=[].concat(n.__r,n[t]||[]),delete n.__r}r(n.__c)&&(n.change=[].concat(n.__c,n.change||[]),delete n.__c)}(e),Xn(e,o,Yo,$o,Fo,t.context),zo=void 0}}var Ho,Jo={create:Xo,update:Xo,destroy:function(n){return Xo(n,ko)}};function qo(n,t){if(!i(n.data.domProps)||!i(t.data.domProps)){var e,o,a=t.elm,l=n.data.domProps||{},c=t.data.domProps||{};for(e in(r(c.__ob__)||s(c._v_attr_proxy))&&(c=t.data.domProps=j({},c)),l)e in c||(a[e]="");for(e in c){if(o=c[e],"textContent"===e||"innerHTML"===e){if(t.children&&(t.children.length=0),o===l[e])continue;1===a.childNodes.length&&a.removeChild(a.childNodes[0])}if("value"===e&&"PROGRESS"!==a.tagName){a._value=o;var d=i(o)?"":String(o);Go(a,d)&&(a.value=d)}else if("innerHTML"===e&&vo(a.tagName)&&i(a.innerHTML)){(Ho=Ho||document.createElement("div")).innerHTML="".concat(o,"");for(var u=Ho.firstChild;a.firstChild;)a.removeChild(a.firstChild);for(;u.firstChild;)a.appendChild(u.firstChild)}else if(o!==l[e])try{a[e]=o}catch(n){}}}}function Go(n,t){return!n.composing&&("OPTION"===n.tagName||function(n,t){var e=!0;try{e=document.activeElement!==n}catch(n){}return e&&n.value!==t}(n,t)||function(n,t){var e=n.value,o=n._vModifiers;if(r(o)){if(o.number)return g(e)!==g(t);if(o.trim)return e.trim()!==t.trim()}return e!==t}(n,t))}var Ko={create:qo,update:qo},Zo=C((function(n){var t={},e=/:(.+)/;return n.split(/;(?![^(]*\))/g).forEach((function(n){if(n){var o=n.split(e);o.length>1&&(t[o[0].trim()]=o[1].trim())}})),t}));function Qo(n){var t=na(n.style);return n.staticStyle?j(n.staticStyle,t):t}function na(n){return Array.isArray(n)?T(n):"string"==typeof n?Zo(n):n}var ta,ea=/^--/,oa=/\s*!important$/,aa=function(n,t,e){if(ea.test(t))n.style.setProperty(t,e);else if(oa.test(e))n.style.setProperty(M(t),e.replace(oa,""),"important");else{var o=ra(t);if(Array.isArray(e))for(var a=0,i=e.length;a-1?t.split(ca).forEach((function(t){return n.classList.add(t)})):n.classList.add(t);else{var e=" ".concat(n.getAttribute("class")||""," ");e.indexOf(" "+t+" ")<0&&n.setAttribute("class",(e+t).trim())}}function ua(n,t){if(t&&(t=t.trim()))if(n.classList)t.indexOf(" ")>-1?t.split(ca).forEach((function(t){return n.classList.remove(t)})):n.classList.remove(t),n.classList.length||n.removeAttribute("class");else{for(var e=" ".concat(n.getAttribute("class")||""," "),o=" "+t+" ";e.indexOf(o)>=0;)e=e.replace(o," ");(e=e.trim())?n.setAttribute("class",e):n.removeAttribute("class")}}function ha(n){if(n){if("object"==typeof n){var t={};return!1!==n.css&&j(t,fa(n.name||"v")),j(t,n),t}return"string"==typeof n?fa(n):void 0}}var fa=C((function(n){return{enterClass:"".concat(n,"-enter"),enterToClass:"".concat(n,"-enter-to"),enterActiveClass:"".concat(n,"-enter-active"),leaveClass:"".concat(n,"-leave"),leaveToClass:"".concat(n,"-leave-to"),leaveActiveClass:"".concat(n,"-leave-active")}})),pa=J&&!K,ba="transition",va="transitionend",ga="animation",ma="animationend";pa&&(void 0===window.ontransitionend&&void 0!==window.onwebkittransitionend&&(ba="WebkitTransition",va="webkitTransitionEnd"),void 0===window.onanimationend&&void 0!==window.onwebkitanimationend&&(ga="WebkitAnimation",ma="webkitAnimationEnd"));var ya=J?window.requestAnimationFrame?window.requestAnimationFrame.bind(window):setTimeout:function(n){return n()};function xa(n){ya((function(){ya(n)}))}function wa(n,t){var e=n._transitionClasses||(n._transitionClasses=[]);e.indexOf(t)<0&&(e.push(t),da(n,t))}function Oa(n,t){n._transitionClasses&&x(n._transitionClasses,t),ua(n,t)}function Ca(n,t,e){var o=_a(n,t),a=o.type,i=o.timeout,r=o.propCount;if(!a)return e();var s="transition"===a?va:ma,l=0,c=function(){n.removeEventListener(s,d),e()},d=function(t){t.target===n&&++l>=r&&c()};setTimeout((function(){l0&&(e="transition",d=r,u=i.length):"animation"===t?c>0&&(e="animation",d=c,u=l.length):u=(e=(d=Math.max(r,c))>0?r>c?"transition":"animation":null)?"transition"===e?i.length:l.length:0,{type:e,timeout:d,propCount:u,hasTransform:"transition"===e&&ka.test(o[ba+"Property"])}}function Sa(n,t){for(;n.length1}function Ta(n,t){!0!==t.data.show&&Ma(t)}var Ia=function(n){var t,e,o={},c=n.modules,d=n.nodeOps;for(t=0;t<_o.length;++t)for(o[_o[t]]=[],e=0;ep?x(n,i(e[g+1])?null:e[g+1].elm,e,f,g,o):f>g&&O(t,u,p)}(u,b,g,e,c):r(g)?(r(n.text)&&d.setTextContent(u,""),x(u,null,g,0,g.length-1,e)):r(b)?O(b,0,b.length-1):r(n.text)&&d.setTextContent(u,""):n.text!==t.text&&d.setTextContent(u,t.text),r(p)&&r(f=p.hook)&&r(f=f.postpatch)&&f(n,t)}}}function S(n,t,e){if(s(e)&&r(n.parent))n.parent.data.pendingInsert=t;else for(var o=0;o-1,r.selected!==i&&(r.selected=i);else if(N(Va(r),o))return void(n.selectedIndex!==s&&(n.selectedIndex=s));a||(n.selectedIndex=-1)}}function Ra(n,t){return t.every((function(t){return!N(t,n)}))}function Va(n){return"_value"in n?n._value:n.value}function Ua(n){n.target.composing=!0}function za(n){n.target.composing&&(n.target.composing=!1,Wa(n.target,"input"))}function Wa(n,t){var e=document.createEvent("HTMLEvents");e.initEvent(t,!0,!0),n.dispatchEvent(e)}function Fa(n){return!n.componentInstance||n.data&&n.data.transition?n:Fa(n.componentInstance._vnode)}var Ba={model:Ea,show:{bind:function(n,t,e){var o=t.value,a=(e=Fa(e)).data&&e.data.transition,i=n.__vOriginalDisplay="none"===n.style.display?"":n.style.display;o&&a?(e.data.show=!0,Ma(e,(function(){n.style.display=i}))):n.style.display=o?i:"none"},update:function(n,t,e){var o=t.value;!o!=!t.oldValue&&((e=Fa(e)).data&&e.data.transition?(e.data.show=!0,o?Ma(e,(function(){n.style.display=n.__vOriginalDisplay})):Aa(e,(function(){n.style.display="none"}))):n.style.display=o?n.__vOriginalDisplay:"none")},unbind:function(n,t,e,o,a){a||(n.style.display=n.__vOriginalDisplay)}}},Ya={name:String,appear:Boolean,css:Boolean,mode:String,type:String,enterClass:String,leaveClass:String,enterToClass:String,leaveToClass:String,enterActiveClass:String,leaveActiveClass:String,appearClass:String,appearActiveClass:String,appearToClass:String,duration:[Number,String,Object]};function $a(n){var t=n&&n.componentOptions;return t&&t.Ctor.options.abstract?$a(kt(t.children)):n}function Xa(n){var t={},e=n.$options;for(var o in e.propsData)t[o]=n[o];var a=e._parentListeners;for(var o in a)t[_(o)]=a[o];return t}function Ha(n,t){if(/\d-keep-alive$/.test(t.tag))return n("keep-alive",{props:t.componentOptions.propsData})}var Ja=function(n){return n.tag||pt(n)},qa=function(n){return"show"===n.name},Ga={name:"transition",props:Ya,abstract:!0,render:function(n){var t=this,e=this.$slots.default;if(e&&(e=e.filter(Ja)).length){0;var o=this.mode;0;var a=e[0];if(function(n){for(;n=n.parent;)if(n.data.transition)return!0}(this.$vnode))return a;var i=$a(a);if(!i)return a;if(this._leaving)return Ha(n,a);var r="__transition-".concat(this._uid,"-");i.key=null==i.key?i.isComment?r+"comment":r+i.tag:l(i.key)?0===String(i.key).indexOf(r)?i.key:r+i.key:i.key;var s=(i.data||(i.data={})).transition=Xa(this),c=this._vnode,d=$a(c);if(i.data.directives&&i.data.directives.some(qa)&&(i.data.show=!0),d&&d.data&&!function(n,t){return t.key===n.key&&t.tag===n.tag}(i,d)&&!pt(d)&&(!d.componentInstance||!d.componentInstance._vnode.isComment)){var u=d.data.transition=j({},s);if("out-in"===o)return this._leaving=!0,Hn(u,"afterLeave",(function(){t._leaving=!1,t.$forceUpdate()})),Ha(n,a);if("in-out"===o){if(pt(i))return c;var h,f=function(){h()};Hn(s,"afterEnter",f),Hn(s,"enterCancelled",f),Hn(u,"delayLeave",(function(n){h=n}))}}return a}}},Ka=j({tag:String,moveClass:String},Ya);function Za(n){n.elm._moveCb&&n.elm._moveCb(),n.elm._enterCb&&n.elm._enterCb()}function Qa(n){n.data.newPos=n.elm.getBoundingClientRect()}function ni(n){var t=n.data.pos,e=n.data.newPos,o=t.left-e.left,a=t.top-e.top;if(o||a){n.data.moved=!0;var i=n.elm.style;i.transform=i.WebkitTransform="translate(".concat(o,"px,").concat(a,"px)"),i.transitionDuration="0s"}}delete Ka.mode;var ti={Transition:Ga,TransitionGroup:{props:Ka,beforeMount:function(){var n=this,t=this._update;this._update=function(e,o){var a=Kt(n);n.__patch__(n._vnode,n.kept,!1,!0),n._vnode=n.kept,a(),t.call(n,e,o)}},render:function(n){for(var t=this.tag||this.$vnode.data.tag||"span",e=Object.create(null),o=this.prevChildren=this.children,a=this.$slots.default||[],i=this.children=[],r=Xa(this),s=0;s-1?mo[n]=t.constructor===window.HTMLUnknownElement||t.constructor===window.HTMLElement:mo[n]=/HTMLUnknownElement/.test(t.toString())},j(Xe.options.directives,Ba),j(Xe.options.components,ti),Xe.prototype.__patch__=J?Ia:I,Xe.prototype.$mount=function(n,t){return function(n,t,e){var o;n.$el=t,n.$options.render||(n.$options.render=pn),ne(n,"beforeMount"),o=function(){n._update(n._render(),e)},new $t(n,o,I,{before:function(){n._isMounted&&!n._isDestroyed&&ne(n,"beforeUpdate")}},!0),e=!1;var a=n._preWatchers;if(a)for(var i=0;i=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 g(n){return(g="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(n){return typeof n}:function(n){return n&&"function"==typeof Symbol&&n.constructor===Symbol&&n!==Symbol.prototype?"symbol":typeof n})(n)}function m(n){return function(n){if(Array.isArray(n))return x(n)}(n)||function(n){if("undefined"!=typeof Symbol&&null!=n[Symbol.iterator]||null!=n["@@iterator"])return Array.from(n)}(n)||y(n)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function y(n,t){if(n){if("string"==typeof n)return x(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)?x(n,t):void 0}}function x(n,t){(null==t||t>n.length)&&(t=n.length);for(var e=0,o=new Array(t);e=0&&Math.floor(t)===t&&isFinite(n)}function b(n){return r(n)&&"function"==typeof n.then&&"function"==typeof n.catch}function v(n){return null==n?"":Array.isArray(n)||h(n)&&n.toString===u?JSON.stringify(n,null,2):String(n)}function m(n){var t=parseFloat(n);return isNaN(t)?n:t}function g(n,t){for(var e=Object.create(null),o=n.split(","),a=0;a-1)return n.splice(o,1)}}var w=Object.prototype.hasOwnProperty;function O(n,t){return w.call(n,t)}function C(n){var t=Object.create(null);return function(e){return t[e]||(t[e]=n(e))}}var k=/-(\w)/g,_=C((function(n){return n.replace(k,(function(n,t){return t?t.toUpperCase():""}))})),S=C((function(n){return n.charAt(0).toUpperCase()+n.slice(1)})),D=/\B([A-Z])/g,M=C((function(n){return n.replace(D,"-$1").toLowerCase()}));var A=Function.prototype.bind?function(n,t){return n.bind(t)}:function(n,t){function e(e){var o=arguments.length;return o?o>1?n.apply(t,arguments):n.call(t,e):n.call(t)}return e._length=n.length,e};function P(n,t){t=t||0;for(var e=n.length-t,o=new Array(e);e--;)o[e]=n[e+t];return o}function j(n,t){for(var e in t)n[e]=t[e];return n}function T(n){for(var t={},e=0;e0,Z=q&&q.indexOf("edge/")>0;q&&q.indexOf("android");var Q=q&&/iphone|ipad|ipod|ios/.test(q);q&&/chrome\/\d+/.test(q),q&&/phantomjs/.test(q);var nn,tn=q&&q.match(/firefox\/(\d+)/),en={}.watch,on=!1;if(J)try{var an={};Object.defineProperty(an,"passive",{get:function(){on=!0}}),window.addEventListener("test-passive",null,an)}catch(n){}var rn=function(){return void 0===nn&&(nn=!J&&"undefined"!=typeof global&&(global.process&&"server"===global.process.env.VUE_ENV)),nn},sn=J&&window.__VUE_DEVTOOLS_GLOBAL_HOOK__;function ln(n){return"function"==typeof n&&/native code/.test(n.toString())}var cn,dn="undefined"!=typeof Symbol&&ln(Symbol)&&"undefined"!=typeof Reflect&&ln(Reflect.ownKeys);cn="undefined"!=typeof Set&&ln(Set)?Set:function(){function n(){this.set=Object.create(null)}return n.prototype.has=function(n){return!0===this.set[n]},n.prototype.add=function(n){this.set[n]=!0},n.prototype.clear=function(){this.set=Object.create(null)},n}();var un=null;function hn(n){void 0===n&&(n=null),n||un&&un._scope.off(),un=n,n&&n._scope.on()}var fn=function(){function n(n,t,e,o,a,i,r,s){this.tag=n,this.data=t,this.children=e,this.text=o,this.elm=a,this.ns=void 0,this.context=i,this.fnContext=void 0,this.fnOptions=void 0,this.fnScopeId=void 0,this.key=t&&t.key,this.componentOptions=r,this.componentInstance=void 0,this.parent=void 0,this.raw=!1,this.isStatic=!1,this.isRootInsert=!0,this.isComment=!1,this.isCloned=!1,this.isOnce=!1,this.asyncFactory=s,this.asyncMeta=void 0,this.isAsyncPlaceholder=!1}return Object.defineProperty(n.prototype,"child",{get:function(){return this.componentInstance},enumerable:!1,configurable:!0}),n}(),pn=function(n){void 0===n&&(n="");var t=new fn;return t.text=n,t.isComment=!0,t};function bn(n){return new fn(void 0,void 0,void 0,String(n))}function vn(n){var t=new fn(n.tag,n.data,n.children&&n.children.slice(),n.text,n.elm,n.context,n.componentOptions,n.asyncFactory);return t.ns=n.ns,t.isStatic=n.isStatic,t.key=n.key,t.isComment=n.isComment,t.fnContext=n.fnContext,t.fnOptions=n.fnOptions,t.fnScopeId=n.fnScopeId,t.asyncMeta=n.asyncMeta,t.isCloned=!0,t}var mn=0,gn=[],yn=function(){function n(){this._pending=!1,this.id=mn++,this.subs=[]}return n.prototype.addSub=function(n){this.subs.push(n)},n.prototype.removeSub=function(n){this.subs[this.subs.indexOf(n)]=null,this._pending||(this._pending=!0,gn.push(this))},n.prototype.depend=function(t){n.target&&n.target.addDep(this)},n.prototype.notify=function(n){var t=this.subs.filter((function(n){return n}));for(var e=0,o=t.length;e0&&(Gn((c=n(c,"".concat(e||"","_").concat(o)))[0])&&Gn(u)&&(h[d]=bn(u.text+c[0].text),c.shift()),h.push.apply(h,c)):l(c)?Gn(u)?h[d]=bn(u.text+c):""!==c&&h.push(bn(c)):Gn(c)&&Gn(u)?h[d]=bn(u.text+c.text):(s(t._isVList)&&r(c.tag)&&i(c.key)&&r(e)&&(c.key="__vlist".concat(e,"_").concat(o,"__")),h.push(c)));return h}(n):void 0}function Gn(n){return r(n)&&r(n.text)&&!1===n.isComment}function Kn(n,t){var e,o,i,s,l=null;if(a(n)||"string"==typeof n)for(l=new Array(n.length),e=0,o=n.length;e0,s=t?!!t.$stable:!r,l=t&&t.$key;if(t){if(t._normalized)return t._normalized;if(s&&a&&a!==o&&l===a.$key&&!r&&!a.$hasNormal)return a;for(var c in i={},t)t[c]&&"$"!==c[0]&&(i[c]=vt(n,e,c,t[c]))}else i={};for(var d in e)d in i||(i[d]=mt(e,d));return t&&Object.isExtensible(t)&&(t._normalized=i),$(i,"$stable",s),$(i,"$key",l),$(i,"$hasNormal",r),i}function vt(n,t,e,o){var i=function(){var t=un;hn(n);var e=arguments.length?o.apply(null,arguments):o({}),i=(e=e&&"object"==typeof e&&!a(e)?[e]:qn(e))&&e[0];return hn(t),e&&(!i||1===e.length&&i.isComment&&!pt(i))?void 0:e};return o.proxy&&Object.defineProperty(t,e,{get:i,enumerable:!0,configurable:!0}),i}function mt(n,t){return function(){return n[t]}}function gt(n){return{get attrs(){if(!n._attrsProxy){var t=n._attrsProxy={};$(t,"_v_attr_proxy",!0),yt(t,n.$attrs,o,n,"$attrs")}return n._attrsProxy},get listeners(){n._listenersProxy||yt(n._listenersProxy={},n.$listeners,o,n,"$listeners");return n._listenersProxy},get slots(){return function(n){n._slotsProxy||wt(n._slotsProxy={},n.$scopedSlots);return n._slotsProxy}(n)},emit:A(n.$emit,n),expose:function(t){t&&Object.keys(t).forEach((function(e){return zn(n,t,e)}))}}}function yt(n,t,e,o,a){var i=!1;for(var r in t)r in n?t[r]!==e[r]&&(i=!0):(i=!0,xt(n,r,o,a));for(var r in n)r in t||(i=!0,delete n[r]);return i}function xt(n,t,e,o){Object.defineProperty(n,t,{enumerable:!0,configurable:!0,get:function(){return e[o][t]}})}function wt(n,t){for(var e in t)n[e]=t[e];for(var e in n)e in t||delete n[e]}var Ot=null;function Ct(n,t){return(n.__esModule||dn&&"Module"===n[Symbol.toStringTag])&&(n=n.default),d(n)?t.extend(n):n}function kt(n){if(a(n))for(var t=0;tdocument.createEvent("Event").timeStamp&&(le=function(){return ce.now()})}var de=function(n,t){if(n.post){if(!t.post)return 1}else if(t.post)return-1;return n.id-t.id};function ue(){var n,t;for(se=le(),ie=!0,te.sort(de),re=0;rere&&te[e].id>n.id;)e--;te.splice(e+1,0,n)}else te.push(n);ae||(ae=!0,Ut(ue))}}function fe(n,t){if(n){for(var e=Object.create(null),o=dn?Reflect.ownKeys(n):Object.keys(n),a=0;a-1)if(i&&!O(a,"default"))r=!1;else if(""===r||r===M(n)){var l=Le(String,a.type);(l<0||s-1:"string"==typeof n?n.split(",").indexOf(t)>-1:!!f(n)&&n.test(t)}function Ge(n,t){var e=n.cache,o=n.keys,a=n._vnode;for(var i in e){var r=e[i];if(r){var s=r.name;s&&!t(s)&&Ke(e,i,o,a)}}}function Ke(n,t,e,o){var a=n[t];!a||o&&a.tag===o.tag||a.componentInstance.$destroy(),n[t]=null,x(e,t)}!function(n){n.prototype._init=function(n){var t=this;t._uid=Ye++,t._isVue=!0,t.__v_skip=!0,t._scope=new Fn(!0),t._scope._vm=!0,n&&n._isComponent?function(n,t){var e=n.$options=Object.create(n.constructor.options),o=t._parentVnode;e.parent=t.parent,e._parentVnode=o;var a=o.componentOptions;e.propsData=a.propsData,e._parentListeners=a.listeners,e._renderChildren=a.children,e._componentTag=a.tag,t.render&&(e.render=t.render,e.staticRenderFns=t.staticRenderFns)}(t,n):t.$options=Ae($e(t.constructor),n||{},t),t._renderProxy=t,t._self=t,function(n){var t=n.$options,e=t.parent;if(e&&!t.abstract){for(;e.$options.abstract&&e.$parent;)e=e.$parent;e.$children.push(n)}n.$parent=e,n.$root=e?e.$root:n,n.$children=[],n.$refs={},n._provided=e?e._provided:Object.create(null),n._watcher=null,n._inactive=null,n._directInactive=!1,n._isMounted=!1,n._isDestroyed=!1,n._isBeingDestroyed=!1}(t),function(n){n._events=Object.create(null),n._hasHookEvent=!1;var t=n.$options._parentListeners;t&&qt(n,t)}(t),function(n){n._vnode=null,n._staticTrees=null;var t=n.$options,e=n.$vnode=t._parentVnode,a=e&&e.context;n.$slots=ht(t._renderChildren,a),n.$scopedSlots=e?bt(n.$parent,e.data.scopedSlots,n.$slots):o,n._c=function(t,e,o,a){return _t(n,t,e,o,a,!1)},n.$createElement=function(t,e,o,a){return _t(n,t,e,o,a,!0)};var i=e&&e.data;Tn(n,"$attrs",i&&i.attrs||o,null,!0),Tn(n,"$listeners",t._parentListeners||o,null,!0)}(t),ne(t,"beforeCreate",void 0,!1),function(n){var t=fe(n.$options.inject,n);t&&(Mn(!1),Object.keys(t).forEach((function(e){Tn(n,e,t[e])})),Mn(!0))}(t),Ve(t),function(n){var t=n.$options.provide;if(t){var e=c(t)?t.call(n):t;if(!d(e))return;for(var o=Bn(n),a=dn?Reflect.ownKeys(e):Object.keys(e),i=0;i1?P(e):e;for(var o=P(arguments,1),a='event handler for "'.concat(n,'"'),i=0,r=e.length;iparseInt(this.max)&&Ke(n,t[0],t,this._vnode),this.vnodeToCache=null}}},created:function(){this.cache=Object.create(null),this.keys=[]},destroyed:function(){for(var n in this.cache)Ke(this.cache,n,this.keys)},mounted:function(){var n=this;this.cacheVNode(),this.$watch("include",(function(t){Ge(n,(function(n){return qe(t,n)}))})),this.$watch("exclude",(function(t){Ge(n,(function(n){return!qe(t,n)}))}))},updated:function(){this.cacheVNode()},render:function(){var n=this.$slots.default,t=kt(n),e=t&&t.componentOptions;if(e){var o=Je(e),a=this.include,i=this.exclude;if(a&&(!o||!qe(a,o))||i&&o&&qe(i,o))return t;var r=this.cache,s=this.keys,l=null==t.key?e.Ctor.cid+(e.tag?"::".concat(e.tag):""):t.key;r[l]?(t.componentInstance=r[l].componentInstance,x(s,l),s.push(l)):(this.vnodeToCache=t,this.keyToCache=l),t.data.keepAlive=!0}return t||n&&n[0]}}};!function(n){var t={get:function(){return F}};Object.defineProperty(n,"config",t),n.util={warn:Oe,extend:j,mergeOptions:Ae,defineReactive:Tn},n.set=In,n.delete=En,n.nextTick=Ut,n.observable=function(n){return jn(n),n},n.options=Object.create(null),z.forEach((function(t){n.options[t+"s"]=Object.create(null)})),n.options._base=n,j(n.options.components,Qe),function(n){n.use=function(n){var t=this._installedPlugins||(this._installedPlugins=[]);if(t.indexOf(n)>-1)return this;var e=P(arguments,1);return e.unshift(this),c(n.install)?n.install.apply(n,e):c(n)&&n.apply(null,e),t.push(n),this}}(n),function(n){n.mixin=function(n){return this.options=Ae(this.options,n),this}}(n),He(n),function(n){z.forEach((function(t){n[t]=function(n,e){return e?("component"===t&&h(e)&&(e.name=e.name||n,e=this.options._base.extend(e)),"directive"===t&&c(e)&&(e={bind:e,update:e}),this.options[t+"s"][n]=e,e):this.options[t+"s"][n]}}))}(n)}(Xe),Object.defineProperty(Xe.prototype,"$isServer",{get:rn}),Object.defineProperty(Xe.prototype,"$ssrContext",{get:function(){return this.$vnode&&this.$vnode.ssrContext}}),Object.defineProperty(Xe,"FunctionalRenderContext",{value:pe}),Xe.version="2.7.14";var no=g("style,class"),to=g("input,textarea,option,select,progress"),eo=g("contenteditable,draggable,spellcheck"),oo=g("events,caret,typing,plaintext-only"),ao=g("allowfullscreen,async,autofocus,autoplay,checked,compact,controls,declare,default,defaultchecked,defaultmuted,defaultselected,defer,disabled,enabled,formnovalidate,hidden,indeterminate,inert,ismap,itemscope,loop,multiple,muted,nohref,noresize,noshade,novalidate,nowrap,open,pauseonexit,readonly,required,reversed,scoped,seamless,selected,sortable,truespeed,typemustmatch,visible"),io="http://www.w3.org/1999/xlink",ro=function(n){return":"===n.charAt(5)&&"xlink"===n.slice(0,5)},so=function(n){return ro(n)?n.slice(6,n.length):""},lo=function(n){return null==n||!1===n};function co(n){for(var t=n.data,e=n,o=n;r(o.componentInstance);)(o=o.componentInstance._vnode)&&o.data&&(t=uo(o.data,t));for(;r(e=e.parent);)e&&e.data&&(t=uo(t,e.data));return function(n,t){if(r(n)||r(t))return ho(n,fo(t));return""}(t.staticClass,t.class)}function uo(n,t){return{staticClass:ho(n.staticClass,t.staticClass),class:r(n.class)?[n.class,t.class]:t.class}}function ho(n,t){return n?t?n+" "+t:n:t||""}function fo(n){return Array.isArray(n)?function(n){for(var t,e="",o=0,a=n.length;o-1?Ro(n,t,e):ao(t)?lo(e)?n.removeAttribute(t):(e="allowfullscreen"===t&&"EMBED"===n.tagName?"true":t,n.setAttribute(t,e)):eo(t)?n.setAttribute(t,function(n,t){return lo(t)||"false"===t?"false":"contenteditable"===n&&oo(t)?t:"true"}(t,e)):ro(t)?lo(e)?n.removeAttributeNS(io,so(t)):n.setAttributeNS(io,t,e):Ro(n,t,e)}function Ro(n,t,e){if(lo(e))n.removeAttribute(t);else{if(G&&!K&&"TEXTAREA"===n.tagName&&"placeholder"===t&&""!==e&&!n.__ieph){var o=function(t){t.stopImmediatePropagation(),n.removeEventListener("input",o)};n.addEventListener("input",o),n.__ieph=!0}n.setAttribute(t,e)}}var Vo={create:Lo,update:Lo};function Uo(n,t){var e=t.elm,o=t.data,a=n.data;if(!(i(o.staticClass)&&i(o.class)&&(i(a)||i(a.staticClass)&&i(a.class)))){var s=co(t),l=e._transitionClasses;r(l)&&(s=ho(s,fo(l))),s!==e._prevClass&&(e.setAttribute("class",s),e._prevClass=s)}}var zo,Wo={create:Uo,update:Uo};function Fo(n,t,e){var o=zo;return function a(){var i=t.apply(null,arguments);null!==i&&$o(n,a,e,o)}}var Bo=jt&&!(tn&&Number(tn[1])<=53);function Yo(n,t,e,o){if(Bo){var a=se,i=t;t=i._wrapper=function(n){if(n.target===n.currentTarget||n.timeStamp>=a||n.timeStamp<=0||n.target.ownerDocument!==document)return i.apply(this,arguments)}}zo.addEventListener(n,t,on?{capture:e,passive:o}:e)}function $o(n,t,e,o){(o||zo).removeEventListener(n,t._wrapper||t,e)}function Xo(n,t){if(!i(n.data.on)||!i(t.data.on)){var e=t.data.on||{},o=n.data.on||{};zo=t.elm||n.elm,function(n){if(r(n.__r)){var t=G?"change":"input";n[t]=[].concat(n.__r,n[t]||[]),delete n.__r}r(n.__c)&&(n.change=[].concat(n.__c,n.change||[]),delete n.__c)}(e),Xn(e,o,Yo,$o,Fo,t.context),zo=void 0}}var Ho,Jo={create:Xo,update:Xo,destroy:function(n){return Xo(n,ko)}};function qo(n,t){if(!i(n.data.domProps)||!i(t.data.domProps)){var e,o,a=t.elm,l=n.data.domProps||{},c=t.data.domProps||{};for(e in(r(c.__ob__)||s(c._v_attr_proxy))&&(c=t.data.domProps=j({},c)),l)e in c||(a[e]="");for(e in c){if(o=c[e],"textContent"===e||"innerHTML"===e){if(t.children&&(t.children.length=0),o===l[e])continue;1===a.childNodes.length&&a.removeChild(a.childNodes[0])}if("value"===e&&"PROGRESS"!==a.tagName){a._value=o;var d=i(o)?"":String(o);Go(a,d)&&(a.value=d)}else if("innerHTML"===e&&vo(a.tagName)&&i(a.innerHTML)){(Ho=Ho||document.createElement("div")).innerHTML="".concat(o,"");for(var u=Ho.firstChild;a.firstChild;)a.removeChild(a.firstChild);for(;u.firstChild;)a.appendChild(u.firstChild)}else if(o!==l[e])try{a[e]=o}catch(n){}}}}function Go(n,t){return!n.composing&&("OPTION"===n.tagName||function(n,t){var e=!0;try{e=document.activeElement!==n}catch(n){}return e&&n.value!==t}(n,t)||function(n,t){var e=n.value,o=n._vModifiers;if(r(o)){if(o.number)return m(e)!==m(t);if(o.trim)return e.trim()!==t.trim()}return e!==t}(n,t))}var Ko={create:qo,update:qo},Zo=C((function(n){var t={},e=/:(.+)/;return n.split(/;(?![^(]*\))/g).forEach((function(n){if(n){var o=n.split(e);o.length>1&&(t[o[0].trim()]=o[1].trim())}})),t}));function Qo(n){var t=na(n.style);return n.staticStyle?j(n.staticStyle,t):t}function na(n){return Array.isArray(n)?T(n):"string"==typeof n?Zo(n):n}var ta,ea=/^--/,oa=/\s*!important$/,aa=function(n,t,e){if(ea.test(t))n.style.setProperty(t,e);else if(oa.test(e))n.style.setProperty(M(t),e.replace(oa,""),"important");else{var o=ra(t);if(Array.isArray(e))for(var a=0,i=e.length;a-1?t.split(ca).forEach((function(t){return n.classList.add(t)})):n.classList.add(t);else{var e=" ".concat(n.getAttribute("class")||""," ");e.indexOf(" "+t+" ")<0&&n.setAttribute("class",(e+t).trim())}}function ua(n,t){if(t&&(t=t.trim()))if(n.classList)t.indexOf(" ")>-1?t.split(ca).forEach((function(t){return n.classList.remove(t)})):n.classList.remove(t),n.classList.length||n.removeAttribute("class");else{for(var e=" ".concat(n.getAttribute("class")||""," "),o=" "+t+" ";e.indexOf(o)>=0;)e=e.replace(o," ");(e=e.trim())?n.setAttribute("class",e):n.removeAttribute("class")}}function ha(n){if(n){if("object"==typeof n){var t={};return!1!==n.css&&j(t,fa(n.name||"v")),j(t,n),t}return"string"==typeof n?fa(n):void 0}}var fa=C((function(n){return{enterClass:"".concat(n,"-enter"),enterToClass:"".concat(n,"-enter-to"),enterActiveClass:"".concat(n,"-enter-active"),leaveClass:"".concat(n,"-leave"),leaveToClass:"".concat(n,"-leave-to"),leaveActiveClass:"".concat(n,"-leave-active")}})),pa=J&&!K,ba="transition",va="transitionend",ma="animation",ga="animationend";pa&&(void 0===window.ontransitionend&&void 0!==window.onwebkittransitionend&&(ba="WebkitTransition",va="webkitTransitionEnd"),void 0===window.onanimationend&&void 0!==window.onwebkitanimationend&&(ma="WebkitAnimation",ga="webkitAnimationEnd"));var ya=J?window.requestAnimationFrame?window.requestAnimationFrame.bind(window):setTimeout:function(n){return n()};function xa(n){ya((function(){ya(n)}))}function wa(n,t){var e=n._transitionClasses||(n._transitionClasses=[]);e.indexOf(t)<0&&(e.push(t),da(n,t))}function Oa(n,t){n._transitionClasses&&x(n._transitionClasses,t),ua(n,t)}function Ca(n,t,e){var o=_a(n,t),a=o.type,i=o.timeout,r=o.propCount;if(!a)return e();var s="transition"===a?va:ga,l=0,c=function(){n.removeEventListener(s,d),e()},d=function(t){t.target===n&&++l>=r&&c()};setTimeout((function(){l0&&(e="transition",d=r,u=i.length):"animation"===t?c>0&&(e="animation",d=c,u=l.length):u=(e=(d=Math.max(r,c))>0?r>c?"transition":"animation":null)?"transition"===e?i.length:l.length:0,{type:e,timeout:d,propCount:u,hasTransform:"transition"===e&&ka.test(o[ba+"Property"])}}function Sa(n,t){for(;n.length1}function Ta(n,t){!0!==t.data.show&&Ma(t)}var Ia=function(n){var t,e,o={},c=n.modules,d=n.nodeOps;for(t=0;t<_o.length;++t)for(o[_o[t]]=[],e=0;ep?x(n,i(e[m+1])?null:e[m+1].elm,e,f,m,o):f>m&&O(t,u,p)}(u,b,m,e,c):r(m)?(r(n.text)&&d.setTextContent(u,""),x(u,null,m,0,m.length-1,e)):r(b)?O(b,0,b.length-1):r(n.text)&&d.setTextContent(u,""):n.text!==t.text&&d.setTextContent(u,t.text),r(p)&&r(f=p.hook)&&r(f=f.postpatch)&&f(n,t)}}}function S(n,t,e){if(s(e)&&r(n.parent))n.parent.data.pendingInsert=t;else for(var o=0;o-1,r.selected!==i&&(r.selected=i);else if(N(Va(r),o))return void(n.selectedIndex!==s&&(n.selectedIndex=s));a||(n.selectedIndex=-1)}}function Ra(n,t){return t.every((function(t){return!N(t,n)}))}function Va(n){return"_value"in n?n._value:n.value}function Ua(n){n.target.composing=!0}function za(n){n.target.composing&&(n.target.composing=!1,Wa(n.target,"input"))}function Wa(n,t){var e=document.createEvent("HTMLEvents");e.initEvent(t,!0,!0),n.dispatchEvent(e)}function Fa(n){return!n.componentInstance||n.data&&n.data.transition?n:Fa(n.componentInstance._vnode)}var Ba={model:Ea,show:{bind:function(n,t,e){var o=t.value,a=(e=Fa(e)).data&&e.data.transition,i=n.__vOriginalDisplay="none"===n.style.display?"":n.style.display;o&&a?(e.data.show=!0,Ma(e,(function(){n.style.display=i}))):n.style.display=o?i:"none"},update:function(n,t,e){var o=t.value;!o!=!t.oldValue&&((e=Fa(e)).data&&e.data.transition?(e.data.show=!0,o?Ma(e,(function(){n.style.display=n.__vOriginalDisplay})):Aa(e,(function(){n.style.display="none"}))):n.style.display=o?n.__vOriginalDisplay:"none")},unbind:function(n,t,e,o,a){a||(n.style.display=n.__vOriginalDisplay)}}},Ya={name:String,appear:Boolean,css:Boolean,mode:String,type:String,enterClass:String,leaveClass:String,enterToClass:String,leaveToClass:String,enterActiveClass:String,leaveActiveClass:String,appearClass:String,appearActiveClass:String,appearToClass:String,duration:[Number,String,Object]};function $a(n){var t=n&&n.componentOptions;return t&&t.Ctor.options.abstract?$a(kt(t.children)):n}function Xa(n){var t={},e=n.$options;for(var o in e.propsData)t[o]=n[o];var a=e._parentListeners;for(var o in a)t[_(o)]=a[o];return t}function Ha(n,t){if(/\d-keep-alive$/.test(t.tag))return n("keep-alive",{props:t.componentOptions.propsData})}var Ja=function(n){return n.tag||pt(n)},qa=function(n){return"show"===n.name},Ga={name:"transition",props:Ya,abstract:!0,render:function(n){var t=this,e=this.$slots.default;if(e&&(e=e.filter(Ja)).length){0;var o=this.mode;0;var a=e[0];if(function(n){for(;n=n.parent;)if(n.data.transition)return!0}(this.$vnode))return a;var i=$a(a);if(!i)return a;if(this._leaving)return Ha(n,a);var r="__transition-".concat(this._uid,"-");i.key=null==i.key?i.isComment?r+"comment":r+i.tag:l(i.key)?0===String(i.key).indexOf(r)?i.key:r+i.key:i.key;var s=(i.data||(i.data={})).transition=Xa(this),c=this._vnode,d=$a(c);if(i.data.directives&&i.data.directives.some(qa)&&(i.data.show=!0),d&&d.data&&!function(n,t){return t.key===n.key&&t.tag===n.tag}(i,d)&&!pt(d)&&(!d.componentInstance||!d.componentInstance._vnode.isComment)){var u=d.data.transition=j({},s);if("out-in"===o)return this._leaving=!0,Hn(u,"afterLeave",(function(){t._leaving=!1,t.$forceUpdate()})),Ha(n,a);if("in-out"===o){if(pt(i))return c;var h,f=function(){h()};Hn(s,"afterEnter",f),Hn(s,"enterCancelled",f),Hn(u,"delayLeave",(function(n){h=n}))}}return a}}},Ka=j({tag:String,moveClass:String},Ya);function Za(n){n.elm._moveCb&&n.elm._moveCb(),n.elm._enterCb&&n.elm._enterCb()}function Qa(n){n.data.newPos=n.elm.getBoundingClientRect()}function ni(n){var t=n.data.pos,e=n.data.newPos,o=t.left-e.left,a=t.top-e.top;if(o||a){n.data.moved=!0;var i=n.elm.style;i.transform=i.WebkitTransform="translate(".concat(o,"px,").concat(a,"px)"),i.transitionDuration="0s"}}delete Ka.mode;var ti={Transition:Ga,TransitionGroup:{props:Ka,beforeMount:function(){var n=this,t=this._update;this._update=function(e,o){var a=Kt(n);n.__patch__(n._vnode,n.kept,!1,!0),n._vnode=n.kept,a(),t.call(n,e,o)}},render:function(n){for(var t=this.tag||this.$vnode.data.tag||"span",e=Object.create(null),o=this.prevChildren=this.children,a=this.$slots.default||[],i=this.children=[],r=Xa(this),s=0;s-1?go[n]=t.constructor===window.HTMLUnknownElement||t.constructor===window.HTMLElement:go[n]=/HTMLUnknownElement/.test(t.toString())},j(Xe.options.directives,Ba),j(Xe.options.components,ti),Xe.prototype.__patch__=J?Ia:I,Xe.prototype.$mount=function(n,t){return function(n,t,e){var o;n.$el=t,n.$options.render||(n.$options.render=pn),ne(n,"beforeMount"),o=function(){n._update(n._render(),e)},new $t(n,o,I,{before:function(){n._isMounted&&!n._isDestroyed&&ne(n,"beforeUpdate")}},!0),e=!1;var a=n._preWatchers;if(a)for(var i=0;i=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 m(n){return(m="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(n){return typeof n}:function(n){return n&&"function"==typeof Symbol&&n.constructor===Symbol&&n!==Symbol.prototype?"symbol":typeof n})(n)}function g(n){return function(n){if(Array.isArray(n))return x(n)}(n)||function(n){if("undefined"!=typeof Symbol&&null!=n[Symbol.iterator]||null!=n["@@iterator"])return Array.from(n)}(n)||y(n)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function y(n,t){if(n){if("string"==typeof n)return x(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)?x(n,t):void 0}}function x(n,t){(null==t||t>n.length)&&(t=n.length);for(var e=0,o=new Array(t);e0&&void 0!==arguments[0]?arguments[0]:Date.now(),e=0;this._charts.forEach((function(o,a){if(o.running&&o.items.length){for(var i,r=o.items,s=r.length-1,l=!1;s>=0;--s)(i=r[s])._active?(i._total>o.duration&&(o.duration=i._total),i.tick(t),l=!0):(r[s]=r[r.length-1],r.pop());l&&(a.draw(),n._notify(a,o,t,"progress")),r.length||(o.running=!1,n._notify(a,o,t,"complete"),o.initial=!1),e+=r.length}})),this._lastDate=t,0===e&&(this._running=!1)}},{key:"_getAnims",value:function(n){var t=this._charts,e=t.get(n);return e||(e={running:!1,initial:!0,items:[],listeners:{complete:[],progress:[]}},t.set(n,e)),e}},{key:"listen",value:function(n,t,e){this._getAnims(n).listeners[t].push(e)}},{key:"add",value:function(n,t){var e;t&&t.length&&(e=this._getAnims(n).items).push.apply(e,m(t))}},{key:"has",value:function(n){return this._getAnims(n).items.length>0}},{key:"start",value:function(n){var t=this._charts.get(n);t&&(t.running=!0,t.start=Date.now(),t.duration=t.items.reduce((function(n,t){return Math.max(n,t._duration)}),0),this._refresh())}},{key:"running",value:function(n){if(!this._running)return!1;var t=this._charts.get(n);return!!(t&&t.running&&t.items.length)}},{key:"stop",value:function(n){var t=this._charts.get(n);if(t&&t.items.length){for(var e=t.items,o=e.length-1;o>=0;--o)e[o].cancel();t.items=[],this._notify(n,t,Date.now(),"complete")}}},{key:"remove",value:function(n){return this._charts.delete(n)}}]),n}()),S={boolean:function(n,t,e){return e>.5?t:n},color:function(n,t,e){var a=Object(o.Hb)(n||"transparent"),i=a.valid&&Object(o.Hb)(t||"transparent");return i&&i.valid?i.mix(a,e).hexString():t},number:function(n,t,e){return n+(t-n)*e}},D=function(){function n(t,e,a,i){w(this,n);var r=e[a];i=Object(o.C)([t.to,i,r,t.from]);var s=Object(o.C)([t.from,r,i]);this._active=!0,this._fn=t.fn||S[t.type||g(s)],this._easing=o.Jb[t.easing]||o.Jb.linear,this._start=Math.floor(Date.now()+(t.delay||0)),this._duration=this._total=Math.floor(t.duration),this._loop=!!t.loop,this._target=e,this._prop=a,this._from=s,this._to=i,this._promises=void 0}return C(n,[{key:"active",value:function(){return this._active}},{key:"update",value:function(n,t,e){if(this._active){this._notify(!1);var a=this._target[this._prop],i=e-this._start,r=this._duration-i;this._start=e,this._duration=Math.floor(Math.max(r,n.duration)),this._total+=i,this._loop=!!n.loop,this._to=Object(o.C)([n.to,t,a,n.from]),this._from=Object(o.C)([n.from,a,t])}}},{key:"cancel",value:function(){this._active&&(this.tick(Date.now()),this._active=!1,this._notify(!1))}},{key:"tick",value:function(n){var t,e=n-this._start,o=this._duration,a=this._prop,i=this._from,r=this._loop,s=this._to;if(this._active=i!==s&&(r||e1?2-t:t,t=this._easing(Math.min(1,Math.max(0,t))),this._target[a]=this._fn(i,s,t))}},{key:"wait",value:function(){var n=this._promises||(this._promises=[]);return new Promise((function(t,e){n.push({res:t,rej:e})}))}},{key:"_notify",value:function(n){for(var t=n?"res":"rej",e=this._promises||[],o=0;o=0;--e){var l=r[e];if("$"!==l.charAt(0))if("options"!==l){var c=t[l],d=i[l],u=o.get(l);if(d){if(u&&d.active()){d.update(u,c,s);continue}d.cancel()}u&&u.duration?(i[l]=d=new D(u,n,l,c),a.push(d)):n[l]=c}else a.push.apply(a,m(this._animateOptions(n,t)))}return a}},{key:"update",value:function(n,t){if(0!==this._properties.size){var e=this._createAnimations(n,t);return e.length?(_.add(this._chart,e),!0):void 0}Object.assign(n,t)}}]),n}();function A(n,t){var e=n&&n.options||{},o=e.reverse,a=void 0===e.min?t:0,i=void 0===e.max?t:0;return{start:o?i:a,end:o?a:i}}function P(n,t){var e,o,a=[],i=n._getSortedDatasetMetas(t);for(e=0,o=i.length;e3&&void 0!==arguments[3]?arguments[3]:{},c=n.keys,d="single"===l.mode;if(null!==t){for(a=0,i=c.length;a0||!e&&s<0)return r.index}}catch(n){i.e(n)}finally{i.f()}return null}function L(n,t){for(var e,o=n.chart,a=n._cachedMeta,i=o._stacks||(o._stacks={}),r=a.iScale,s=a.vScale,l=a.index,c=r.axis,d=s.axis,u=function(n,t,e){return"".concat(n.id,".").concat(t.id,".").concat(e.stack||e.type)}(r,s,a),h=t.length,f=0;f0&&r._parsed[n-1];if(!1===this._parsing)r._parsed=s,r._sorted=!0,i=s;else{i=Object(o.Db)(s[n])?this.parseArrayData(r,s,n,t):Object(o.Nb)(s[n])?this.parseObjectData(r,s,n,t):this.parsePrimitiveData(r,s,n,t);for(e=0;et||p=0;--e)if(!b()){this.updateRangeFromParsed(u,n,a,d);break}return u}},{key:"getAllParsedValues",value:function(n){var t,e,a,i=this._cachedMeta._parsed,r=[];for(t=0,e=i.length;t=0&&n1&&void 0!==arguments[1]?arguments[1]:"default",a=arguments.length>2?arguments[2]:void 0,i="active"===e,r=this._cachedDataOpts,s=n+"-"+e,l=r[s],c=this.enableOptionSharing&&Object(o.Mb)(a);if(l)return U(l,c);var d=this.chart.config,u=d.datasetElementScopeKeys(this._type,n),h=i?["".concat(n,"Hover"),"hover",n,""]:[n,""],f=d.getOptionScopes(this.getDataset(),u),p=Object.keys(o.Ib.elements[n]),b=function(){return t.getContext(a,i,e)},v=d.resolveNamedOptions(f,p,b,h);return v.$shared&&(v.$shared=c,r[s]=Object.freeze(U(v,c))),v}},{key:"_resolveAnimations",value:function(n,t,e){var o,a=this.chart,i=this._cachedDataOpts,r="animation-".concat(t),s=i[r];if(s)return s;if(!1!==a.options.animation){var l=this.chart.config,c=l.datasetAnimationScopeKeys(this._type,t),d=l.getOptionScopes(this.getDataset(),c);o=l.createResolver(d,this.getContext(n,e,t))}var u=new M(a,o&&o.animations);return o&&o._cacheable&&(i[r]=Object.freeze(u)),u}},{key:"getSharedOptions",value:function(n){if(n.$shared)return this._sharedOptions||(this._sharedOptions=Object.assign({},n))}},{key:"includeOptions",value:function(n,t){return!t||V(n)||this.chart._animationsDisabled}},{key:"_getSharedOptions",value:function(n,t){var e=this.resolveDataElementOptions(n,t),o=this._sharedOptions,a=this.getSharedOptions(e),i=this.includeOptions(t,a)||a!==o;return this.updateSharedOptions(a,t,e),{sharedOptions:a,includeOptions:i}}},{key:"updateElement",value:function(n,t,e,o){V(o)?Object.assign(n,e):this._resolveAnimations(t,o).update(n,e)}},{key:"updateSharedOptions",value:function(n,t,e){n&&!V(t)&&this._resolveAnimations(void 0,t).update(n,e)}},{key:"_setStyle",value:function(n,t,e,o){n.active=o;var a=this.getStyle(t,o);this._resolveAnimations(t,e,o).update(n,{options:!o&&this.getSharedOptions(a)||a})}},{key:"removeHoverStyle",value:function(n,t,e){this._setStyle(n,e,"active",!1)}},{key:"setHoverStyle",value:function(n,t,e){this._setStyle(n,e,"active",!0)}},{key:"_removeDatasetHoverStyle",value:function(){var n=this._cachedMeta.dataset;n&&this._setStyle(n,void 0,"active",!1)}},{key:"_setDatasetHoverStyle",value:function(){var n=this._cachedMeta.dataset;n&&this._setStyle(n,void 0,"active",!0)}},{key:"_resyncElements",value:function(n){var t,e=this._data,o=this._cachedMeta.data,a=v(this._syncList);try{for(a.s();!(t=a.n()).done;){var i=p(t.value,3),r=i[0],s=i[1],l=i[2];this[r](s,l)}}catch(n){a.e(n)}finally{a.f()}this._syncList=[];var c=o.length,d=e.length,u=Math.min(d,c);u&&this.parse(0,u),d>c?this._insertElements(c,d-c,n):d2&&void 0!==arguments[2])||arguments[2],a=this._cachedMeta,i=a.data,r=n+t,s=function(n){for(n.length+=t,e=n.length-1;e>=r;e--)n[e]=n[e-t]};for(s(i),e=n;eMath.abs(s)&&(l=s,c=r),t[e.axis]=c,t._custom={barStart:l,barEnd:c,start:a,end:i,min:r,max:s}}(n,t,e,a):t[e.axis]=e.parse(n,a),t}function B(n,t,e,o){var a,i,r,s,l=n.iScale,c=n.vScale,d=l.getLabels(),u=l===c,h=[];for(a=e,i=e+o;an.x,e="left",o="right"):(t=n.base=e?1:-1)}(e,i,u)*d,b===u&&(y-=e/2);var x=i.getPixelForDecimal(0),w=i.getPixelForDecimal(1),O=Math.min(x,w),C=Math.max(x,w);t=(y=Math.max(Math.min(y,C),O))+e,r&&!p&&(h._stacks[i.axis]._visualValues[s]=i.getValueForPixel(t)-i.getValueForPixel(y))}if(y===i.getPixelForValue(u)){var k=Object(o.Xb)(e)*i.getLineWidthForValue(u)/2;y+=k,e-=k}return{size:e,base:y,head:t,center:t+e/2}}},{key:"_calculateBarIndexPixels",value:function(n,t){var e,a,i=t.scale,r=this.options,s=r.skipNull,l=Object(o.ac)(r.maxBarThickness,1/0);if(t.grouped){var c=s?this._getStackCount(n):t.stackCount,d="flex"===r.barThickness?function(n,t,e,o){var a=t.pixels,i=a[n],r=n>0?a[n-1]:null,s=n=0;--e)t=Math.max(t,n[e].size(this.resolveDataElementOptions(e))/2);return t>0&&t}},{key:"getLabelAndValue",value:function(n){var t=this._cachedMeta,e=this.chart.data.labels||[],o=t.xScale,a=t.yScale,i=this.getParsed(n),r=o.getLabelForValue(i.x),s=a.getLabelForValue(i.y),l=i._custom;return{label:e[n]||"",value:"("+r+", "+s+(l?", "+l:"")+")"}}},{key:"update",value:function(n){var t=this._cachedMeta.data;this.updateElements(t,0,t.length,n)}},{key:"updateElements",value:function(n,t,e,o){for(var a="reset"===o,i=this._cachedMeta,r=i.iScale,s=i.vScale,l=this._getSharedOptions(t,o),c=l.sharedOptions,d=l.includeOptions,u=r.axis,h=s.axis,f=t;f0&&!isNaN(n)?o.u*(Math.abs(n)/t):0}},{key:"getLabelAndValue",value:function(n){var t=this._cachedMeta,e=this.chart,a=e.data.labels||[],i=Object(o.Tb)(t._parsed[n],e.options.locale);return{label:a[n]||"",value:i}}},{key:"getMaxBorderWidth",value:function(n){var t,e,o,a,i,r=0,s=this.chart;if(!n)for(t=0,e=s.data.datasets.length;t0&&this.getParsed(t-1),k=0;k=w)S.skip=!0;else{var D=this.getParsed(k),M=Object(o.Pb)(D[b]),A=S[p]=s.getPixelForValue(D[p],k),P=S[b]=i||M?l.getBasePixel():l.getPixelForValue(c?this.applyStack(l,D,c):D[b],k);S.skip=isNaN(A)||isNaN(P)||M,S.stop=k>0&&Math.abs(D[p]-C[p])>y,m&&(S.parsed=D,S.raw=d.data[k]),f&&(S.options=h||this.resolveDataElementOptions(k,_.active?"active":a)),x||this.updateElement(_,k,S,a),C=D}}}},{key:"getMaxOverflow",value:function(){var n=this._cachedMeta,t=n.dataset,e=t.options&&t.options.borderWidth||0,o=n.data||[];if(!o.length)return e;var a=o[0].size(this.resolveDataElementOptions(0)),i=o[o.length-1].size(this.resolveDataElementOptions(o.length-1));return Math.max(e,a,i)/2}},{key:"draw",value:function(){var n=this._cachedMeta;n.dataset.updateControlPoints(this.chart.chartArea,n.iScale.axis),r(f(e.prototype),"draw",this).call(this)}}]),e}(z);b(Z,"id","line"),b(Z,"defaults",{datasetElementType:"line",dataElementType:"point",showLine:!0,spanGaps:!1}),b(Z,"overrides",{scales:{_index_:{type:"category"},_value_:{type:"linear"}}});var Q=function(n){l(e,n);var t=d(e);function e(n,o){var a;return w(this,e),(a=t.call(this,n,o)).innerRadius=void 0,a.outerRadius=void 0,a}return C(e,[{key:"getLabelAndValue",value:function(n){var t=this._cachedMeta,e=this.chart,a=e.data.labels||[],i=Object(o.Tb)(t._parsed[n].r,e.options.locale);return{label:a[n]||"",value:i}}},{key:"parseObjectData",value:function(n,t,e,a){return o.dc.bind(this)(n,t,e,a)}},{key:"update",value:function(n){var t=this._cachedMeta.data;this._updateRadius(),this.updateElements(t,0,t.length,n)}},{key:"getMinMax",value:function(){var n=this,t=this._cachedMeta,e={min:Number.POSITIVE_INFINITY,max:Number.NEGATIVE_INFINITY};return t.data.forEach((function(t,o){var a=n.getParsed(o).r;!isNaN(a)&&n.chart.getDataVisibility(o)&&(ae.max&&(e.max=a))})),e}},{key:"_updateRadius",value:function(){var n=this.chart,t=n.chartArea,e=n.options,o=Math.min(t.right-t.left,t.bottom-t.top),a=Math.max(o/2,0),i=(a-Math.max(e.cutoutPercentage?a/100*e.cutoutPercentage:1,0))/n.getVisibleDatasetCount();this.outerRadius=a-i*this.index,this.innerRadius=this.outerRadius-i}},{key:"updateElements",value:function(n,t,e,a){var i,r="reset"===a,s=this.chart,l=s.options.animation,c=this._cachedMeta.rScale,d=c.xCenter,u=c.yCenter,h=c.getIndexAngle(0)-.5*o.q,f=h,p=360/this.countVisibleElements();for(i=0;i0&&this.getParsed(t-1),O=t;O0&&Math.abs(k[p]-w[p])>y,m&&(_.parsed=k,_.raw=d.data[O]),f&&(_.options=h||this.resolveDataElementOptions(O,C.active?"active":a)),x||this.updateElement(C,O,_,a),w=k}this.updateSharedOptions(h,a,u)}},{key:"getMaxOverflow",value:function(){var n=this._cachedMeta,t=n.data||[];if(!this.options.showLine){for(var e=0,o=t.length-1;o>=0;--o)e=Math.max(e,t[o].size(this.resolveDataElementOptions(o))/2);return e>0&&e}var a=n.dataset,i=a.options&&a.options.borderWidth||0;if(!t.length)return i;var r=t[0].size(this.resolveDataElementOptions(0)),s=t[t.length-1].size(this.resolveDataElementOptions(t.length-1));return Math.max(i,r,s)/2}}]),e}(z);b(en,"id","scatter"),b(en,"defaults",{datasetElementType:!1,dataElementType:"point",showLine:!1,fill:!1}),b(en,"overrides",{interaction:{mode:"point"},scales:{x:{type:"linear"},y:{type:"linear"}}});var on=Object.freeze({__proto__:null,BarController:q,BubbleController:G,DoughnutController:K,LineController:Z,PieController:nn,PolarAreaController:Q,RadarController:tn,ScatterController:en});function an(){throw new Error("This method is not implemented: Check that a complete date adapter is provided.")}var rn={_date:function(){function n(t){w(this,n),b(this,"options",void 0),this.options=t||{}}return C(n,[{key:"init",value:function(){}},{key:"formats",value:function(){return an()}},{key:"parse",value:function(){return an()}},{key:"format",value:function(){return an()}},{key:"add",value:function(){return an()}},{key:"diff",value:function(){return an()}},{key:"startOf",value:function(){return an()}},{key:"endOf",value:function(){return an()}}],[{key:"override",value:function(t){Object.assign(n.prototype,t)}}]),n}()};function sn(n,t,e,a){var i=n.controller,r=n.data,s=n._sorted,l=i._cachedMeta.iScale;if(l&&t===l.axis&&"r"!==t&&s&&r.length){var c=l._reversePixels?o.b:o.c;if(!a)return c(r,t,e);if(i._sharedOptions){var d=r[0],u="function"==typeof d.getRange&&d.getRange(t);if(u){var h=c(r,t,e-u),f=c(r,t,e+u);return{lo:h.lo,hi:f.hi}}}}return{lo:0,hi:r.length-1}}function ln(n,t,e,o,a){for(var i=n.getSortedVisibleDatasetMetas(),r=e[t],s=0,l=i.length;s0){var c=l[0].datasetIndex,d=n.getDatasetMeta(c).data;l=[];for(var u=0;ui)return function(n,t,e,o){var a,i=0,r=e[0];for(o=Math.ceil(o),a=0;ai)return c}return Math.max(i,1)}(r,t,i);if(s>0){var h,f,p=s>1?Math.round((c-l)/(s-1)):null;for(Jn(t,d,u,Object(o.Pb)(p)?0:l-p,l),h=0,f=s-1;hs+1e-6)))return l}function Qn(n){return n.drawTicks?n.tickLength:0}function nt(n,t){if(!n.display)return 0;var e=Object(o.D)(n.font,t),a=Object(o.f)(n.padding);return(Object(o.Db)(n.text)?n.text.length:1)*e.lineHeight+a.height}function tt(n,t,e){var a=Object(o.E)(n);return(e&&"right"!==t||!e&&"right"===t)&&(a=function(n){return"left"===n?"right":"right"===n?"left":n}(a)),a}var et=function(n){l(e,n);var t=d(e);function e(n){var o;return w(this,e),(o=t.call(this)).id=n.id,o.type=n.type,o.options=void 0,o.ctx=n.ctx,o.chart=n.chart,o.top=void 0,o.bottom=void 0,o.left=void 0,o.right=void 0,o.width=void 0,o.height=void 0,o._margins={left:0,right:0,top:0,bottom:0},o.maxWidth=void 0,o.maxHeight=void 0,o.paddingTop=void 0,o.paddingBottom=void 0,o.paddingLeft=void 0,o.paddingRight=void 0,o.axis=void 0,o.labelRotation=void 0,o.min=void 0,o.max=void 0,o._range=void 0,o.ticks=[],o._gridLineItems=null,o._labelItems=null,o._labelSizes=null,o._length=0,o._maxLength=0,o._longestTextCache={},o._startPixel=void 0,o._endPixel=void 0,o._reversePixels=!1,o._userMax=void 0,o._userMin=void 0,o._suggestedMax=void 0,o._suggestedMin=void 0,o._ticksLength=0,o._borderValue=0,o._cache={},o._dataLimitsCached=!1,o.$context=void 0,o}return C(e,[{key:"init",value:function(n){this.options=n.setContext(this.getContext()),this.axis=n.axis,this._userMin=this.parse(n.min),this._userMax=this.parse(n.max),this._suggestedMin=this.parse(n.suggestedMin),this._suggestedMax=this.parse(n.suggestedMax)}},{key:"parse",value:function(n,t){return n}},{key:"getUserBounds",value:function(){var n=this._userMin,t=this._userMax,e=this._suggestedMin,a=this._suggestedMax;return n=Object(o.p)(n,Number.POSITIVE_INFINITY),t=Object(o.p)(t,Number.NEGATIVE_INFINITY),e=Object(o.p)(e,Number.POSITIVE_INFINITY),a=Object(o.p)(a,Number.NEGATIVE_INFINITY),{min:Object(o.p)(n,e),max:Object(o.p)(t,a),minDefined:Object(o.Lb)(n),maxDefined:Object(o.Lb)(t)}}},{key:"getMinMax",value:function(n){var t,e=this.getUserBounds(),a=e.min,i=e.max,r=e.minDefined,s=e.maxDefined;if(r&&s)return{min:a,max:i};for(var l=this.getMatchingVisibleMetas(),c=0,d=l.length;ci?i:a,i=r&&a>i?a:i,{min:Object(o.p)(a,Object(o.p)(i,a)),max:Object(o.p)(i,Object(o.p)(a,i))}}},{key:"getPadding",value:function(){return{left:this.paddingLeft||0,top:this.paddingTop||0,right:this.paddingRight||0,bottom:this.paddingBottom||0}}},{key:"getTicks",value:function(){return this.ticks}},{key:"getLabels",value:function(){var n=this.chart.data;return this.options.labels||(this.isHorizontal()?n.xLabels:n.yLabels)||n.labels||[]}},{key:"getLabelItems",value:function(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.chart.chartArea,t=this._labelItems||(this._labelItems=this._computeLabelItems(n));return t}},{key:"beforeLayout",value:function(){this._cache={},this._dataLimitsCached=!1}},{key:"beforeUpdate",value:function(){Object(o.r)(this.options.beforeUpdate,[this])}},{key:"update",value:function(n,t,e){var a=this.options,i=a.beginAtZero,r=a.grace,s=a.ticks,l=s.sampleSize;this.beforeUpdate(),this.maxWidth=n,this.maxHeight=t,this._margins=e=Object.assign({left:0,right:0,top:0,bottom:0},e),this.ticks=null,this._labelSizes=null,this._gridLineItems=null,this._labelItems=null,this.beforeSetDimensions(),this.setDimensions(),this.afterSetDimensions(),this._maxLength=this.isHorizontal()?this.width+e.left+e.right:this.height+e.top+e.bottom,this._dataLimitsCached||(this.beforeDataLimits(),this.determineDataLimits(),this.afterDataLimits(),this._range=Object(o.s)(this,r,i),this._dataLimitsCached=!0),this.beforeBuildTicks(),this.ticks=this.buildTicks()||[],this.afterBuildTicks();var c=l=l||r<=1||!this.isHorizontal())this.labelRotation=s;else{var d=this._getLabelSizes(),u=d.widest.width,h=d.highest.height,f=Object(o.t)(this.chart.width-u,0,this.maxWidth);u+6>(n=a.offset?this.maxWidth/r:f/(r-1))&&(n=f/(r-(a.offset?.5:1)),t=this.maxHeight-Qn(a.grid)-i.padding-nt(a.title,this.chart.options.font),e=Math.sqrt(u*u+h*h),c=Object(o.v)(Math.min(Math.asin(Object(o.t)((d.highest.height+6)/n,-1,1)),Math.asin(Object(o.t)(t/e,-1,1))-Math.asin(Object(o.t)(h/e,-1,1)))),c=Math.max(s,Math.min(l,c))),this.labelRotation=c}}},{key:"afterCalculateLabelRotation",value:function(){Object(o.r)(this.options.afterCalculateLabelRotation,[this])}},{key:"afterAutoSkip",value:function(){}},{key:"beforeFit",value:function(){Object(o.r)(this.options.beforeFit,[this])}},{key:"fit",value:function(){var n={width:0,height:0},t=this.chart,e=this.options,a=e.ticks,i=e.title,r=e.grid,s=this._isVisible(),l=this.isHorizontal();if(s){var c=nt(i,t.options.font);if(l?(n.width=this.maxWidth,n.height=Qn(r)+c):(n.height=this.maxHeight,n.width=Qn(r)+c),a.display&&this.ticks.length){var d=this._getLabelSizes(),u=d.first,h=d.last,f=d.widest,p=d.highest,b=2*a.padding,v=Object(o.Yb)(this.labelRotation),g=Math.cos(v),m=Math.sin(v);if(l){var y=a.mirror?0:m*f.width+g*p.height;n.height=Math.min(this.maxHeight,n.height+y+b)}else{var x=a.mirror?0:g*f.width+m*p.height;n.width=Math.min(this.maxWidth,n.width+x+b)}this._calculatePadding(u,h,m,g)}}this._handleMargins(),l?(this.width=this._length=t.width-this._margins.left-this._margins.right,this.height=n.height):(this.width=n.width,this.height=this._length=t.height-this._margins.top-this._margins.bottom)}},{key:"_calculatePadding",value:function(n,t,e,o){var a=this.options,i=a.ticks,r=i.align,s=i.padding,l=a.position,c=0!==this.labelRotation,d="top"!==l&&"x"===this.axis;if(this.isHorizontal()){var u=this.getPixelForTick(0)-this.left,h=this.right-this.getPixelForTick(this.ticks.length-1),f=0,p=0;c?d?(f=o*n.width,p=e*t.height):(f=e*n.height,p=o*t.width):"start"===r?p=t.width:"end"===r?f=n.width:"inner"!==r&&(f=n.width/2,p=t.width/2),this.paddingLeft=Math.max((f-u+s)*this.width/(this.width-u),0),this.paddingRight=Math.max((p-h+s)*this.width/(this.width-h),0)}else{var b=t.height/2,v=n.height/2;"start"===r?(b=0,v=n.height):"end"===r&&(b=t.height,v=0),this.paddingTop=b+s,this.paddingBottom=v+s}}},{key:"_handleMargins",value:function(){this._margins&&(this._margins.left=Math.max(this.paddingLeft,this._margins.left),this._margins.top=Math.max(this.paddingTop,this._margins.top),this._margins.right=Math.max(this.paddingRight,this._margins.right),this._margins.bottom=Math.max(this.paddingBottom,this._margins.bottom))}},{key:"afterFit",value:function(){Object(o.r)(this.options.afterFit,[this])}},{key:"isHorizontal",value:function(){var n=this.options,t=n.axis,e=n.position;return"top"===e||"bottom"===e||"x"===t}},{key:"isFullSize",value:function(){return this.options.fullSize}},{key:"_convertTicksToLabels",value:function(n){var t,e;for(this.beforeTickToLabelConversion(),this.generateTickLabels(n),t=0,e=n.length;tt){for(e=0;et.length-1?null:this.getPixelForValue(t[n].value)}},{key:"getPixelForDecimal",value:function(n){this._reversePixels&&(n=1-n);var t=this._startPixel+n*this._length;return Object(o.x)(this._alignToPixels?Object(o.y)(this.chart,t,0):t)}},{key:"getDecimalForPixel",value:function(n){var t=(n-this._startPixel)/this._length;return this._reversePixels?1-t:t}},{key:"getBasePixel",value:function(){return this.getPixelForValue(this.getBaseValue())}},{key:"getBaseValue",value:function(){var n=this.min,t=this.max;return n<0&&t<0?t:n>0&&t>0?n:0}},{key:"getContext",value:function(n){var t,e,a=this.ticks||[];if(n>=0&&ns*a?s/e:l/a:l*a0}},{key:"_computeGridLineItems",value:function(n){var t,e,a,i,r,s,l,c,d,u,h,f,p=this.axis,b=this.chart,v=this.options,g=v.grid,m=v.position,y=v.border,x=g.offset,w=this.isHorizontal(),O=this.ticks.length+(x?1:0),C=Qn(g),k=[],_=y.setContext(this.getContext()),S=_.display?_.width:0,D=S/2,M=function(n){return Object(o.y)(b,n,S)};if("top"===m)t=M(this.bottom),s=this.bottom-C,c=t-D,u=M(n.top)+D,f=n.bottom;else if("bottom"===m)t=M(this.top),u=n.top,f=M(n.bottom)-D,s=t+D,c=this.top+C;else if("left"===m)t=M(this.right),r=this.right-C,l=t-D,d=M(n.left)+D,h=n.right;else if("right"===m)t=M(this.left),d=n.left,h=M(n.right)-D,r=t+D,l=this.left+C;else if("x"===p){if("center"===m)t=M((n.top+n.bottom)/2+.5);else if(Object(o.Nb)(m)){var A=Object.keys(m)[0],P=m[A];t=M(this.chart.scales[A].getPixelForValue(P))}u=n.top,f=n.bottom,c=(s=t+D)+C}else if("y"===p){if("center"===m)t=M((n.left+n.right)/2);else if(Object(o.Nb)(m)){var j=Object.keys(m)[0],T=m[j];t=M(this.chart.scales[j].getPixelForValue(T))}l=(r=t-D)-C,d=n.left,h=n.right}var I=Object(o.ac)(v.ticks.maxTicksLimit,O),E=Math.max(1,Math.ceil(O/I));for(e=0;e=0?t.setContext(this.getContext(e)).lineWidth:0}},{key:"drawGrid",value:function(n){var t,e,o=this.options.grid,a=this.ctx,i=this._gridLineItems||(this._gridLineItems=this._computeGridLineItems(n)),r=function(n,t,e){e.width&&e.color&&(a.save(),a.lineWidth=e.width,a.strokeStyle=e.color,a.setLineDash(e.borderDash||[]),a.lineDashOffset=e.borderDashOffset,a.beginPath(),a.moveTo(n.x,n.y),a.lineTo(t.x,t.y),a.stroke(),a.restore())};if(o.display)for(t=0,e=i.length;t1?t-1:0),o=1;o1&&ct(n[0].toLowerCase());if(s)return s}throw new Error("Cannot determine type of '".concat(n,"' axis. Please provide 'axis' or 'position' option."))}function ht(n,t,e){if(e[t+"AxisID"]===n)return{axis:t}}function ft(n,t){var e=o.G[n.type]||{scales:{}},a=t.scales||{},i=lt(n.type,t),r=Object.create(null);return Object.keys(a).forEach((function(t){var s=a[t];if(!Object(o.Nb)(s))return console.error("Invalid scale configuration for scale: ".concat(t));if(s._proxy)return console.warn("Ignoring resolver passed as options for scale: ".concat(t));var l=ut(t,s,function(n,t){if(t.data&&t.data.datasets){var e=t.data.datasets.filter((function(t){return t.xAxisID===n||t.yAxisID===n}));if(e.length)return ht(n,"x",e[0])||ht(n,"y",e[0])}return{}}(t,n),o.Ib.scales[s.type]),c=function(n,t){return n===t?"_index_":"_value_"}(l,i),d=e.scales||{};r[t]=Object(o.eb)(Object.create(null),[{axis:l},s,d[l],d[c]])})),n.data.datasets.forEach((function(e){var i=e.type||n.type,s=e.indexAxis||lt(i,t),l=(o.G[i]||{}).scales||{};Object.keys(l).forEach((function(n){var t=function(n,t){var e=n;return"_index_"===n?e=t:"_value_"===n&&(e="x"===t?"y":"x"),e}(n,s),i=e[t+"AxisID"]||t;r[i]=r[i]||Object.create(null),Object(o.eb)(r[i],[{axis:t},a[i],l[n]])}))})),Object.keys(r).forEach((function(n){var t=r[n];Object(o.eb)(t,[o.Ib.scales[t.type],o.Ib.scale])})),r}function pt(n){var t=n.options||(n.options={});t.plugins=Object(o.ac)(t.plugins,{}),t.scales=ft(n,t)}function bt(n){return(n=n||{}).datasets=n.datasets||[],n.labels=n.labels||[],n}var vt=new Map,gt=new Set;function mt(n,t){var e=vt.get(n);return e||(e=t(),vt.set(n,e),gt.add(e)),e}var yt=function(n,t,e){var a=Object(o.Kb)(t,e);void 0!==a&&n.add(a)},xt=function(){function n(t){w(this,n),this._config=function(n){return(n=n||{}).data=bt(n.data),pt(n),n}(t),this._scopeCache=new Map,this._resolverCache=new Map}return C(n,[{key:"platform",get:function(){return this._config.platform}},{key:"type",get:function(){return this._config.type},set:function(n){this._config.type=n}},{key:"data",get:function(){return this._config.data},set:function(n){this._config.data=bt(n)}},{key:"options",get:function(){return this._config.options},set:function(n){this._config.options=n}},{key:"plugins",get:function(){return this._config.plugins}},{key:"update",value:function(){var n=this._config;this.clearCache(),pt(n)}},{key:"clearCache",value:function(){this._scopeCache.clear(),this._resolverCache.clear()}},{key:"datasetScopeKeys",value:function(n){return mt(n,(function(){return[["datasets.".concat(n),""]]}))}},{key:"datasetAnimationScopeKeys",value:function(n,t){return mt("".concat(n,".transition.").concat(t),(function(){return[["datasets.".concat(n,".transitions.").concat(t),"transitions.".concat(t)],["datasets.".concat(n),""]]}))}},{key:"datasetElementScopeKeys",value:function(n,t){return mt("".concat(n,"-").concat(t),(function(){return[["datasets.".concat(n,".elements.").concat(t),"datasets.".concat(n),"elements.".concat(t),""]]}))}},{key:"pluginScopeKeys",value:function(n){var t=n.id,e=this.type;return mt("".concat(e,"-plugin-").concat(t),(function(){return[["plugins.".concat(t)].concat(m(n.additionalOptionScopes||[]))]}))}},{key:"_cachedScopes",value:function(n,t){var e=this._scopeCache,o=e.get(n);return o&&!t||(o=new Map,e.set(n,o)),o}},{key:"getOptionScopes",value:function(n,t,e){var a=this.options,i=this.type,r=this._cachedScopes(n,e),s=r.get(t);if(s)return s;var l=new Set;t.forEach((function(t){n&&(l.add(n),t.forEach((function(t){return yt(l,n,t)}))),t.forEach((function(n){return yt(l,a,n)})),t.forEach((function(n){return yt(l,o.G[i]||{},n)})),t.forEach((function(n){return yt(l,o.Ib,n)})),t.forEach((function(n){return yt(l,o.J,n)}))}));var c=Array.from(l);return 0===c.length&&c.push(Object.create(null)),gt.has(t)&&r.set(t,c),c}},{key:"chartOptionScopes",value:function(){var n=this.options,t=this.type;return[n,o.G[t]||{},o.Ib.datasets[t]||{},{type:t},o.Ib,o.J]}},{key:"resolveNamedOptions",value:function(n,t,e){var a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:[""],i={$shared:!0},r=wt(this._resolverCache,n,a),s=r.resolver,l=r.subPrefixes,c=s;if(Ct(s,t)){i.$shared=!1,e=Object(o.K)(e)?e():e;var d=this.createResolver(n,e,l);c=Object(o.L)(s,e,d)}var u,h=v(t);try{for(h.s();!(u=h.n()).done;){var f=u.value;i[f]=c[f]}}catch(n){h.e(n)}finally{h.f()}return i}},{key:"createResolver",value:function(n,t){var e=arguments.length>2&&void 0!==arguments[2]?arguments[2]:[""],a=arguments.length>3?arguments[3]:void 0,i=wt(this._resolverCache,n,e),r=i.resolver;return Object(o.Nb)(t)?Object(o.L)(r,t,void 0,a):r}}]),n}();function wt(n,t,e){var a=n.get(t);a||(a=new Map,n.set(t,a));var i=e.join(),r=a.get(i);r||(r={resolver:Object(o.M)(t,e),subPrefixes:e.filter((function(n){return!n.toLowerCase().includes("hover")}))},a.set(i,r));return r}var Ot=function(n){return Object(o.Nb)(n)&&Object.getOwnPropertyNames(n).reduce((function(t,e){return t||Object(o.K)(n[e])}),!1)};function Ct(n,t){var e,a=Object(o.db)(n),i=a.isScriptable,r=a.isIndexable,s=v(t);try{for(s.s();!(e=s.n()).done;){var l=e.value,c=i(l),d=r(l),u=(d||c)&&n[l];if(c&&(Object(o.K)(u)||Ot(u))||d&&Object(o.Db)(u))return!0}}catch(n){s.e(n)}finally{s.f()}return!1}var kt=["top","bottom","left","right","chartArea"];function _t(n,t){return"top"===n||"bottom"===n||-1===kt.indexOf(n)&&"x"===t}function St(n,t){return function(e,o){return e[n]===o[n]?e[t]-o[t]:e[n]-o[n]}}function Dt(n){var t=n.chart,e=t.options.animation;t.notifyPlugins("afterRender"),Object(o.r)(e&&e.onComplete,[n],t)}function Mt(n){var t=n.chart,e=t.options.animation;Object(o.r)(e&&e.onProgress,[n],t)}function At(n){return Object(o.n)()&&"string"==typeof n?n=document.getElementById(n):n&&n.length&&(n=n[0]),n&&n.canvas&&(n=n.canvas),n}var Pt={},jt=function(n){var t=At(n);return Object.values(Pt).filter((function(n){return n.canvas===t})).pop()};function Tt(n,t,e){for(var o=0,a=Object.keys(n);o=t){var s=n[i];delete n[i],(e>0||r>t)&&(n[r+e]=s)}}}var It=function(){function n(t,e){var a=this;w(this,n);var i=this.config=new xt(e),r=At(t),s=jt(r);if(s)throw new Error("Canvas is already in use. Chart with ID '"+s.id+"' must be destroyed before the canvas with ID '"+s.canvas.id+"' can be reused.");var l=i.createResolver(i.chartOptionScopes(),this.getContext());this.platform=new(i.platform||function(n){return!Object(o.n)()||"undefined"!=typeof OffscreenCanvas&&n instanceof OffscreenCanvas?jn:$n}(r)),this.platform.updateConfig(i);var c=this.platform.acquireContext(r,l.aspectRatio),d=c&&c.canvas,u=d&&d.height,h=d&&d.width;this.id=Object(o.fb)(),this.ctx=c,this.canvas=d,this.width=h,this.height=u,this._options=l,this._aspectRatio=this.aspectRatio,this._layers=[],this._metasets=[],this._stacks=void 0,this.boxes=[],this.currentDevicePixelRatio=void 0,this.chartArea=void 0,this._active=[],this._lastEvent=void 0,this._listeners={},this._responsiveListeners=void 0,this._sortedMetasets=[],this.scales={},this._plugins=new it,this.$proxies={},this._hiddenIndices={},this.attached=!1,this._animationsDisabled=void 0,this.$context=void 0,this._doResize=Object(o.gb)((function(n){return a.update(n)}),l.resizeDelay||0),this._dataChanges=[],Pt[this.id]=this,c&&d?(_.listen(this,"complete",Dt),_.listen(this,"progress",Mt),this._initialize(),this.attached&&this.update()):console.error("Failed to create chart: can't acquire context from the given item")}return C(n,[{key:"aspectRatio",get:function(){var n=this.options,t=n.aspectRatio,e=n.maintainAspectRatio,a=this.width,i=this.height,r=this._aspectRatio;return Object(o.Pb)(t)?e&&r?r:i?a/i:null:t}},{key:"data",get:function(){return this.config.data},set:function(n){this.config.data=n}},{key:"options",get:function(){return this._options},set:function(n){this.config.options=n}},{key:"registry",get:function(){return at}},{key:"_initialize",value:function(){return this.notifyPlugins("beforeInit"),this.options.responsive?this.resize():Object(o.hb)(this,this.options.devicePixelRatio),this.bindEvents(),this.notifyPlugins("afterInit"),this}},{key:"clear",value:function(){return Object(o.ib)(this.canvas,this.ctx),this}},{key:"stop",value:function(){return _.stop(this),this}},{key:"resize",value:function(n,t){_.running(this)?this._resizeBeforeDraw={width:n,height:t}:this._resize(n,t)}},{key:"_resize",value:function(n,t){var e=this.options,a=this.canvas,i=e.maintainAspectRatio&&this.aspectRatio,r=this.platform.getMaximumSize(a,n,t,i),s=e.devicePixelRatio||this.platform.getDevicePixelRatio(),l=this.width?"resize":"attach";this.width=r.width,this.height=r.height,this._aspectRatio=this.aspectRatio,Object(o.hb)(this,s,!0)&&(this.notifyPlugins("resize",{size:r}),Object(o.r)(e.onResize,[this,r],this),this.attached&&this._doResize(l)&&this.render())}},{key:"ensureScalesHaveIDs",value:function(){var n=this.options.scales||{};Object(o.g)(n,(function(n,t){n.id=t}))}},{key:"buildOrUpdateScales",value:function(){var n=this,t=this.options,e=t.scales,a=this.scales,i=Object.keys(a).reduce((function(n,t){return n[t]=!1,n}),{}),r=[];e&&(r=r.concat(Object.keys(e).map((function(n){var t=e[n],o=ut(n,t),a="r"===o,i="x"===o;return{options:t,dposition:a?"chartArea":i?"bottom":"left",dtype:a?"radialLinear":i?"category":"linear"}})))),Object(o.g)(r,(function(e){var r=e.options,s=r.id,l=ut(s,r),c=Object(o.ac)(r.type,e.dtype);void 0!==r.position&&_t(r.position,l)===_t(e.dposition)||(r.position=e.dposition),i[s]=!0;var d=null;s in a&&a[s].type===c?d=a[s]:(d=new(at.getScale(c))({id:s,type:c,ctx:n.ctx,chart:n}),a[d.id]=d);d.init(r,t)})),Object(o.g)(i,(function(n,t){n||delete a[t]})),Object(o.g)(a,(function(t){Mn(n,t,t.options),Sn(n,t)}))}},{key:"_updateMetasets",value:function(){var n=this._metasets,t=this.data.datasets.length,e=n.length;if(n.sort((function(n,t){return n.index-t.index})),e>t){for(var o=t;oe.length&&delete this._stacks,t.forEach((function(t,o){0===e.filter((function(n){return n===t._dataset})).length&&n._destroyDatasetMeta(o)}))}},{key:"buildOrUpdateControllers",value:function(){var n,t,e=[],a=this.data.datasets;for(this._removeUnreferencedMetasets(),n=0,t=a.length;n=0;--t)this._drawDataset(n[t]);this.notifyPlugins("afterDatasetsDraw")}}},{key:"_drawDataset",value:function(n){var t=this.ctx,e=n._clip,a=!e.disabled,i=function(n){var t=n.xScale,e=n.yScale;if(t&&e)return{left:t.left,right:t.right,top:e.top,bottom:e.bottom}}(n)||this.chartArea,r={meta:n,index:n.index,cancelable:!0};!1!==this.notifyPlugins("beforeDatasetDraw",r)&&(a&&Object(o.z)(t,{left:!1===e.left?0:i.left-e.left,right:!1===e.right?this.width:i.right+e.right,top:!1===e.top?0:i.top-e.top,bottom:!1===e.bottom?this.height:i.bottom+e.bottom}),n.controller.draw(),a&&Object(o.a)(t),r.cancelable=!1,this.notifyPlugins("afterDatasetDraw",r))}},{key:"isPointInArea",value:function(n){return Object(o.d)(n,this.chartArea,this._minPadding)}},{key:"getElementsAtEventForMode",value:function(n,t,e,o){var a=fn.modes[t];return"function"==typeof a?a(this,n,e,o):[]}},{key:"getDatasetMeta",value:function(n){var t=this.data.datasets[n],e=this._metasets,o=e.filter((function(n){return n&&n._dataset===t})).pop();return o||(o={type:null,data:[],dataset:null,controller:null,hidden:null,xAxisID:null,yAxisID:null,order:t&&t.order||0,index:n,_dataset:t,_parsed:[],_sorted:!1},e.push(o)),o}},{key:"getContext",value:function(){return this.$context||(this.$context=Object(o.Ob)(null,{chart:this,type:"chart"}))}},{key:"getVisibleDatasetCount",value:function(){return this.getSortedVisibleDatasetMetas().length}},{key:"isDatasetVisible",value:function(n){var t=this.data.datasets[n];if(!t)return!1;var e=this.getDatasetMeta(n);return"boolean"==typeof e.hidden?!e.hidden:!t.hidden}},{key:"setDatasetVisibility",value:function(n,t){this.getDatasetMeta(n).hidden=!t}},{key:"toggleDataVisibility",value:function(n){this._hiddenIndices[n]=!this._hiddenIndices[n]}},{key:"getDataVisibility",value:function(n){return!this._hiddenIndices[n]}},{key:"_updateVisibility",value:function(n,t,e){var a=e?"show":"hide",i=this.getDatasetMeta(n),r=i.controller._resolveAnimations(void 0,a);Object(o.Mb)(t)?(i.data[t].hidden=!e,this.update()):(this.setDatasetVisibility(n,e),r.update(i,{visible:e}),this.update((function(t){return t.datasetIndex===n?a:void 0})))}},{key:"hide",value:function(n,t){this._updateVisibility(n,t,!1)}},{key:"show",value:function(n,t){this._updateVisibility(n,t,!0)}},{key:"_destroyDatasetMeta",value:function(n){var t=this._metasets[n];t&&t.controller&&t.controller._destroy(),delete this._metasets[n]}},{key:"_stop",value:function(){var n,t;for(this.stop(),_.remove(this),n=0,t=this.data.datasets.length;n0?u+a+e+d:0,p=0,b=i-c;if(a){var v=((u>0?u-a:0)+(h>0?h-a:0))/2;p=(b-(0!==v?b*v/(v+a):b))/2}var g=(b-Math.max(.001,b*h-e/o.q)/h)/2,m=c+g+p,y=i-g-p,x=Lt(t,f,h,y-m),w=x.outerStart,O=x.outerEnd,C=x.innerStart,k=x.innerEnd,_=h-w,S=h-O,D=m+w/_,M=y-O/S,A=f+C,P=f+k,j=m+C/A,T=y-k/P;if(n.beginPath(),r){var I=(D+M)/2;if(n.arc(s,l,h,D,I),n.arc(s,l,h,I,M),O>0){var E=Nt(S,M,s,l);n.arc(E.x,E.y,O,M,y+o.i)}var L=Nt(P,y,s,l);if(n.lineTo(L.x,L.y),k>0){var N=Nt(P,T,s,l);n.arc(N.x,N.y,k,y+o.i,T+Math.PI)}var R=(y-k/f+(m+C/f))/2;if(n.arc(s,l,f,y-k/f,R,!0),n.arc(s,l,f,R,m+C/f,!0),C>0){var V=Nt(A,j,s,l);n.arc(V.x,V.y,C,j+Math.PI,m-o.i)}var U=Nt(_,m,s,l);if(n.lineTo(U.x,U.y),w>0){var z=Nt(_,D,s,l);n.arc(z.x,z.y,w,m-o.i,D)}}else{n.moveTo(s,l);var W=Math.cos(D)*h+s,F=Math.sin(D)*h+l;n.lineTo(W,F);var B=Math.cos(M)*h+s,Y=Math.sin(M)*h+l;n.lineTo(B,Y)}n.closePath()}function Vt(n,t,e,a,i){var r=t.fullCircles,s=t.startAngle,l=t.circumference,c=t.options,d=c.borderWidth,u=c.borderJoinStyle,h=c.borderDash,f=c.borderDashOffset,p="inner"===c.borderAlign;if(d){n.setLineDash(h||[]),n.lineDashOffset=f,p?(n.lineWidth=2*d,n.lineJoin=u||"round"):(n.lineWidth=d,n.lineJoin=u||"bevel");var b=t.endAngle;if(r){Rt(n,t,e,a,b,i);for(var v=0;vi?(d=i/c,n.arc(r,s,c,e+d,a-d,!0)):n.arc(r,s,i,e+o.i,a-o.i),n.closePath(),n.clip()}(n,t,b),r||(Rt(n,t,e,a,b,i),n.stroke())}}b(It,"defaults",o.Ib),b(It,"instances",Pt),b(It,"overrides",o.G),b(It,"registry",at),b(It,"version","4.3.0"),b(It,"getChart",jt);var Ut=function(n){l(e,n);var t=d(e);function e(n){var o;return w(this,e),b(h(o=t.call(this)),"circumference",void 0),b(h(o),"endAngle",void 0),b(h(o),"fullCircles",void 0),b(h(o),"innerRadius",void 0),b(h(o),"outerRadius",void 0),b(h(o),"pixelMargin",void 0),b(h(o),"startAngle",void 0),o.options=void 0,o.circumference=void 0,o.startAngle=void 0,o.endAngle=void 0,o.innerRadius=void 0,o.outerRadius=void 0,o.pixelMargin=0,o.fullCircles=0,n&&Object.assign(h(o),n),o}return C(e,[{key:"inRange",value:function(n,t,e){var a=this.getProps(["x","y"],e),i=Object(o.e)(a,{x:n,y:t}),r=i.angle,s=i.distance,l=this.getProps(["startAngle","endAngle","innerRadius","outerRadius","circumference"],e),c=l.startAngle,d=l.endAngle,u=l.innerRadius,h=l.outerRadius,f=l.circumference,p=(this.options.spacing+this.options.borderWidth)/2,b=Object(o.ac)(f,d-c)>=o.u||Object(o.Ub)(r,c,d),v=Object(o.mb)(s,u+p,h+p);return b&&v}},{key:"getCenterPoint",value:function(n){var t=this.getProps(["x","y","startAngle","endAngle","innerRadius","outerRadius"],n),e=t.x,o=t.y,a=t.startAngle,i=t.endAngle,r=t.innerRadius,s=t.outerRadius,l=this.options,c=l.offset,d=(a+i)/2,u=(r+s+l.spacing+c)/2;return{x:e+Math.cos(d)*u,y:o+Math.sin(d)*u}}},{key:"tooltipPosition",value:function(n){return this.getCenterPoint(n)}},{key:"draw",value:function(n){var t=this.options,e=this.circumference,a=(t.offset||0)/4,i=(t.spacing||0)/2,r=t.circular;if(this.pixelMargin="inner"===t.borderAlign?.33:0,this.fullCircles=e>o.u?Math.floor(e/o.u):0,!(0===e||this.innerRadius<0||this.outerRadius<0)){n.save();var s=(this.startAngle+this.endAngle)/2;n.translate(Math.cos(s)*a,Math.sin(s)*a);var l=a*(1-Math.sin(Math.min(o.q,e||0)));n.fillStyle=t.backgroundColor,n.strokeStyle=t.borderColor,function(n,t,e,a,i){var r=t.fullCircles,s=t.startAngle,l=t.circumference,c=t.endAngle;if(r){Rt(n,t,e,a,c,i);for(var d=0;d2&&void 0!==arguments[2]?arguments[2]:t;n.lineCap=Object(o.ac)(e.borderCapStyle,t.borderCapStyle),n.setLineDash(Object(o.ac)(e.borderDash,t.borderDash)),n.lineDashOffset=Object(o.ac)(e.borderDashOffset,t.borderDashOffset),n.lineJoin=Object(o.ac)(e.borderJoinStyle,t.borderJoinStyle),n.lineWidth=Object(o.ac)(e.borderWidth,t.borderWidth),n.strokeStyle=Object(o.ac)(e.borderColor,t.borderColor)}function Wt(n,t,e){n.lineTo(e.x,e.y)}function Ft(n,t){var e=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},o=n.length,a=e.start,i=void 0===a?0:a,r=e.end,s=void 0===r?o-1:r,l=t.start,c=t.end,d=Math.max(i,l),u=Math.min(s,c),h=ic&&s>c;return{count:o,start:d,loop:t.loop,ilen:ul&&(l=k),y=(x*y+C)/++x):(O(),n.lineTo(C,k),r=_,x=0,s=l=k),c=k}O()}function $t(n){var t=n.options,e=t.borderDash&&t.borderDash.length;return!(n._decimated||n._loop||t.tension||"monotone"===t.cubicInterpolationMode||t.stepped||e)?Yt:Bt}b(Ut,"id","arc"),b(Ut,"defaults",{borderAlign:"center",borderColor:"#fff",borderDash:[],borderDashOffset:0,borderJoinStyle:void 0,borderRadius:0,borderWidth:2,offset:0,spacing:0,angle:void 0,circular:!0}),b(Ut,"defaultRoutes",{backgroundColor:"backgroundColor"}),b(Ut,"descriptors",{_scriptable:!0,_indexable:function(n){return"borderDash"!==n}});var Xt="function"==typeof Path2D;function Ht(n,t,e,o){Xt&&!t.options.segment?function(n,t,e,o){var a=t._path;a||(a=t._path=new Path2D,t.path(a,e,o)&&a.closePath()),zt(n,t.options),n.stroke(a)}(n,t,e,o):function(n,t,e,o){var a,i=t.segments,r=t.options,s=$t(t),l=v(i);try{for(l.s();!(a=l.n()).done;){var c=a.value;zt(n,r,c.style),n.beginPath(),s(n,t,c,{start:e,end:e+o-1})&&n.closePath(),n.stroke()}}catch(n){l.e(n)}finally{l.f()}}(n,t,e,o)}var Jt=function(n){l(e,n);var t=d(e);function e(n){var o;return w(this,e),(o=t.call(this)).animated=!0,o.options=void 0,o._chart=void 0,o._loop=void 0,o._fullLoop=void 0,o._path=void 0,o._points=void 0,o._segments=void 0,o._decimated=!1,o._pointsUpdated=!1,o._datasetIndex=void 0,n&&Object.assign(h(o),n),o}return C(e,[{key:"updateControlPoints",value:function(n,t){var e=this.options;if((e.tension||"monotone"===e.cubicInterpolationMode)&&!e.stepped&&!this._pointsUpdated){var a=e.spanGaps?this._loop:this._fullLoop;Object(o.ob)(this._points,e,n,a,t),this._pointsUpdated=!0}}},{key:"points",get:function(){return this._points},set:function(n){this._points=n,delete this._segments,delete this._path,this._pointsUpdated=!1}},{key:"segments",get:function(){return this._segments||(this._segments=Object(o.pb)(this,this.options.segment))}},{key:"first",value:function(){var n=this.segments,t=this.points;return n.length&&t[n[0].start]}},{key:"last",value:function(){var n=this.segments,t=this.points,e=n.length;return e&&t[n[e-1].end]}},{key:"interpolate",value:function(n,t){var e=this.options,a=n[t],i=this.points,r=Object(o.qb)(this,{property:t,start:a,end:a});if(r.length){var s,l,c=[],d=function(n){return n.stepped?o.rb:n.tension||"monotone"===n.cubicInterpolationMode?o.sb:o.tb}(e);for(s=0,l=r.length;s2&&void 0!==arguments[2]?arguments[2]:{},o=n.x!==e.x?-t:0,a=n.y!==e.y?-t:0,i=(n.x+n.w!==e.x+e.w?t:0)-o,r=(n.y+n.h!==e.y+e.h?t:0)-a;return{x:n.x+o,y:n.y+a,w:n.w+i,h:n.h+r,radius:n.radius}}b(Gt,"id","point"),b(Gt,"defaults",{borderWidth:1,hitRadius:1,hoverBorderWidth:1,hoverRadius:4,pointStyle:"circle",radius:3,rotation:0}),b(Gt,"defaultRoutes",{backgroundColor:"backgroundColor",borderColor:"borderColor"});var oe=function(n){l(e,n);var t=d(e);function e(n){var o;return w(this,e),(o=t.call(this)).options=void 0,o.horizontal=void 0,o.base=void 0,o.width=void 0,o.height=void 0,o.inflateAmount=void 0,n&&Object.assign(h(o),n),o}return C(e,[{key:"draw",value:function(n){var t,e=this.inflateAmount,a=this.options,i=a.borderColor,r=a.backgroundColor,s=Qt(this),l=s.inner,c=s.outer,d=(t=c.radius).topLeft||t.topRight||t.bottomLeft||t.bottomRight?o.xb:te;n.save(),c.w===l.w&&c.h===l.h||(n.beginPath(),d(n,ee(c,e,l)),n.clip(),d(n,ee(l,-e,c)),n.fillStyle=i,n.fill("evenodd")),n.beginPath(),d(n,ee(l,e)),n.fillStyle=r,n.fill(),n.restore()}},{key:"inRange",value:function(n,t,e){return ne(this,n,t,e)}},{key:"inXRange",value:function(n,t){return ne(this,n,null,t)}},{key:"inYRange",value:function(n,t){return ne(this,null,n,t)}},{key:"getCenterPoint",value:function(n){var t=this.getProps(["x","y","base","horizontal"],n),e=t.x,o=t.y,a=t.base,i=t.horizontal;return{x:i?(e+a)/2:e,y:i?o:(o+a)/2}}},{key:"getRange",value:function(n){return"x"===n?this.width/2:this.height/2}}]),e}(Xn);b(oe,"id","bar"),b(oe,"defaults",{borderSkipped:"start",borderWidth:0,borderRadius:0,inflateAmount:"auto",pointStyle:void 0}),b(oe,"defaultRoutes",{backgroundColor:"backgroundColor",borderColor:"borderColor"});var ae=Object.freeze({__proto__:null,ArcElement:Ut,BarElement:oe,LineElement:Jt,PointElement:Gt}),ie=["rgb(54, 162, 235)","rgb(255, 99, 132)","rgb(255, 159, 64)","rgb(255, 205, 86)","rgb(75, 192, 192)","rgb(153, 102, 255)","rgb(201, 203, 207)"],re=ie.map((function(n){return n.replace("rgb(","rgba(").replace(")",", 0.5)")}));function se(n){return ie[n%ie.length]}function le(n){return re[n%re.length]}function ce(n){var t=0;return function(e,o){var a=n.getDatasetMeta(o).controller;a instanceof K?t=function(n,t){return n.backgroundColor=n.data.map((function(){return se(t++)})),t}(e,t):a instanceof Q?t=function(n,t){return n.backgroundColor=n.data.map((function(){return le(t++)})),t}(e,t):a&&(t=function(n,t){return n.borderColor=se(t),n.backgroundColor=le(t),++t}(e,t))}}function de(n){var t;for(t in n)if(n[t].borderColor||n[t].backgroundColor)return!0;return!1}var ue={id:"colors",defaults:{enabled:!0,forceOverride:!1},beforeLayout:function(n,t,e){if(e.enabled){var o=n.config,a=o.data.datasets,i=o.options,r=i.elements;if(e.forceOverride||!(de(a)||(s=i,s&&(s.borderColor||s.backgroundColor))||r&&de(r))){var s,l=ce(n);a.forEach(l)}}}};function he(n){if(n._decimated){var t=n._data;delete n._decimated,delete n._data,Object.defineProperty(n,"data",{configurable:!0,enumerable:!0,writable:!0,value:t})}}function fe(n){n.data.datasets.forEach((function(n){he(n)}))}var pe={id:"decimation",defaults:{algorithm:"min-max",enabled:!1},beforeElementsUpdate:function(n,t,e){if(e.enabled){var a=n.width;n.data.datasets.forEach((function(t,r){var s=t._data,l=t.indexAxis,c=n.getDatasetMeta(r),d=s||t.data;if("y"!==Object(o.C)([l,n.options.indexAxis])&&c.controller.supportsDecimation){var u=n.scales[c.xAxisID];if(("linear"===u.type||"time"===u.type)&&!n.options.parsing){var h=function(n,t){var e=t.length,a=0,i=n.iScale,r=i.getUserBounds(),s=r.min,l=r.max,c=r.minDefined,d=r.maxDefined;return c&&(a=Object(o.t)(Object(o.c)(t,i.axis,s).lo,0,e-1)),{start:a,count:d?Object(o.t)(Object(o.c)(t,i.axis,l).hi+1,a,e)-a:e-a}}(c,d),f=h.start,p=h.count;if(p<=(e.threshold||4*a))he(t);else{var b;switch(Object(o.Pb)(s)&&(t._data=d,delete t.data,Object.defineProperty(t,"data",{configurable:!0,enumerable:!0,get:function(){return this._decimated},set:function(n){this._data=n}})),e.algorithm){case"lttb":b=function(n,t,e,o,a){var i=a.samples||o;if(i>=e)return n.slice(t,t+e);var r,s,l,c,d,u=[],h=(e-2)/(i-2),f=0,p=t+e-1,b=t;for(u[f++]=n[b],r=0;rl&&(l=c,s=n[m],d=m);u[f++]=s,b=d}return u[f++]=n[p],u}(d,f,p,a,e);break;case"min-max":b=function(n,t,e,a){var r,s,l,c,d,u,h,f,p,b,v=0,g=0,m=[],y=t+e-1,x=n[t].x,w=n[y].x-x;for(r=t;rb&&(b=c,h=r),v=(g*v+s.x)/++g;else{var C=r-1;if(!Object(o.Pb)(u)&&!Object(o.Pb)(h)){var k=Math.min(u,h),_=Math.max(u,h);k!==f&&k!==C&&m.push(i(i({},n[k]),{},{x:v})),_!==f&&_!==C&&m.push(i(i({},n[_]),{},{x:v}))}r>0&&C!==f&&m.push(n[C]),m.push(s),d=O,g=0,p=b=c,u=h=f=r}}return m}(d,f,p,a);break;default:throw new Error("Unsupported decimation algorithm '".concat(e.algorithm,"'"))}t._decimated=b}}}}))}else fe(n)},destroy:function(n){fe(n)}};function be(n,t,e,a){if(!a){var i=t[n],r=e[n];return"angle"===n&&(i=Object(o.Bb)(i),r=Object(o.Bb)(r)),{property:n,start:i,end:r}}}function ve(n,t,e){for(;t>n;t--){var o=e[t];if(!isNaN(o.x)&&!isNaN(o.y))break}return t}function ge(n,t,e,o){return n&&t?o(n[e],t[e]):n?n[e]:t?t[e]:0}function me(n,t){var e=[],a=!1;return Object(o.Db)(n)?(a=!0,e=n):e=function(n,t){var e=n||{},o=e.x,a=void 0===o?null:o,i=e.y,r=void 0===i?null:i,s=t.points,l=[];return t.segments.forEach((function(n){var t=n.start,e=n.end;e=ve(t,e,s);var o=s[t],i=s[e];null!==r?(l.push({x:o.x,y:r}),l.push({x:i.x,y:r})):null!==a&&(l.push({x:a,y:o.y}),l.push({x:a,y:i.y}))})),l}(n,t),e.length?new Jt({points:e,options:{tension:0},_loop:a,_fullLoop:a}):null}function ye(n){return n&&!1!==n.fill}function xe(n,t,e){var a,i=n[t].fill,r=[t];if(!e)return i;for(;!1!==i&&-1===r.indexOf(i);){if(!Object(o.Lb)(i))return i;if(!(a=n[i]))return!1;if(a.visible)return i;r.push(i),i=a.fill}return!1}function we(n,t,e){var a=function(n){var t=n.options,e=t.fill,a=Object(o.ac)(e&&e.target,e);void 0===a&&(a=!!t.backgroundColor);if(!1===a||null===a)return!1;if(!0===a)return"origin";return a}(n);if(Object(o.Nb)(a))return!isNaN(a.value)&&a;var i=parseFloat(a);return Object(o.Lb)(i)&&Math.floor(i)===i?function(n,t,e,o){"-"!==n&&"+"!==n||(e=t+e);if(e===t||e<0||e>=o)return!1;return e}(a[0],t,i,e):["origin","start","end","stack","shape"].indexOf(a)>=0&&a}function Oe(n,t,e){for(var o=[],a=0;a=0;--r){var s=a[r].$filler;s&&(s.line.updateControlPoints(i,s.axis),o&&s.fill&&Se(n.ctx,s,i))}},beforeDatasetsDraw:function(n,t,e){if("beforeDatasetsDraw"===e.drawTime)for(var o=n.getSortedVisibleDatasetMetas(),a=o.length-1;a>=0;--a){var i=o[a].$filler;ye(i)&&Se(n.ctx,i,n.chartArea)}},beforeDatasetDraw:function(n,t,e){var o=t.meta.$filler;ye(o)&&"beforeDatasetDraw"===e.drawTime&&Se(n.ctx,o,n.chartArea)},defaults:{propagate:!0,drawTime:"beforeDatasetDraw"}},Te=function(n,t){var e=n.boxHeight,o=void 0===e?t:e,a=n.boxWidth,i=void 0===a?t:a;return n.usePointStyle&&(o=Math.min(o,t),i=n.pointStyleWidth||Math.min(i,t)),{boxWidth:i,boxHeight:o,itemHeight:Math.max(t,o)}},Ie=function(n){l(e,n);var t=d(e);function e(n){var o;return w(this,e),(o=t.call(this))._added=!1,o.legendHitBoxes=[],o._hoveredItem=null,o.doughnutMode=!1,o.chart=n.chart,o.options=n.options,o.ctx=n.ctx,o.legendItems=void 0,o.columnSizes=void 0,o.lineWidths=void 0,o.maxHeight=void 0,o.maxWidth=void 0,o.top=void 0,o.bottom=void 0,o.left=void 0,o.right=void 0,o.height=void 0,o.width=void 0,o._margins=void 0,o.position=void 0,o.weight=void 0,o.fullSize=void 0,o}return C(e,[{key:"update",value:function(n,t,e){this.maxWidth=n,this.maxHeight=t,this._margins=e,this.setDimensions(),this.buildLabels(),this.fit()}},{key:"setDimensions",value:function(){this.isHorizontal()?(this.width=this.maxWidth,this.left=this._margins.left,this.right=this.width):(this.height=this.maxHeight,this.top=this._margins.top,this.bottom=this.height)}},{key:"buildLabels",value:function(){var n=this,t=this.options.labels||{},e=Object(o.r)(t.generateLabels,[this.chart],this)||[];t.filter&&(e=e.filter((function(e){return t.filter(e,n.chart.data)}))),t.sort&&(e=e.sort((function(e,o){return t.sort(e,o,n.chart.data)}))),this.options.reverse&&e.reverse(),this.legendItems=e}},{key:"fit",value:function(){var n=this.options,t=this.ctx;if(n.display){var e,a,i=n.labels,r=Object(o.D)(i.font),s=r.size,l=this._computeTitleHeight(),c=Te(i,s),d=c.boxWidth,u=c.itemHeight;t.font=r.string,this.isHorizontal()?(e=this.maxWidth,a=this._fitRows(l,s,d,u)+10):(a=this.maxHeight,e=this._fitCols(l,r,d,u)+10),this.width=Math.min(e,n.maxWidth||this.maxWidth),this.height=Math.min(a,n.maxHeight||this.maxHeight)}else this.width=this.height=0}},{key:"_fitRows",value:function(n,t,e,o){var a=this.ctx,i=this.maxWidth,r=this.options.labels.padding,s=this.legendHitBoxes=[],l=this.lineWidths=[0],c=o+r,d=n;a.textAlign="left",a.textBaseline="middle";var u=-1,h=-c;return this.legendItems.forEach((function(n,f){var p=e+t/2+a.measureText(n.text).width;(0===f||l[l.length-1]+p+2*r>i)&&(d+=c,l[l.length-(f>0?0:1)]=0,h+=c,u++),s[f]={left:0,top:h,row:u,width:p,height:o},l[l.length-1]+=p+r})),d}},{key:"_fitCols",value:function(n,t,e,o){var a=this.ctx,i=this.maxHeight,r=this.options.labels.padding,s=this.legendHitBoxes=[],l=this.columnSizes=[],c=i-n,d=r,u=0,h=0,f=0,p=0;return this.legendItems.forEach((function(n,i){var b=function(n,t,e,o,a){var i=function(n,t,e,o){var a=n.text;a&&"string"!=typeof a&&(a=a.reduce((function(n,t){return n.length>t.length?n:t})));return t+e.size/2+o.measureText(a).width}(o,n,t,e),r=function(n,t,e){var o=n;"string"!=typeof t.text&&(o=Ee(t,e));return o}(a,o,t.lineHeight);return{itemWidth:i,itemHeight:r}}(e,t,a,n,o),v=b.itemWidth,g=b.itemHeight;i>0&&h+g+2*r>c&&(d+=u+r,l.push({width:u,height:h}),f+=u+r,p++,u=h=0),s[i]={left:f,top:h,col:p,width:v,height:g},u=Math.max(u,v),h+=g+r})),d+=u,l.push({width:u,height:h}),d}},{key:"adjustHitBoxes",value:function(){if(this.options.display){var n=this._computeTitleHeight(),t=this.legendHitBoxes,e=this.options,a=e.align,i=e.labels.padding,r=e.rtl,s=Object(o.Cb)(r,this.left,this.width);if(this.isHorizontal()){var l,c=0,d=Object(o.F)(a,this.left+i,this.right-this.lineWidths[c]),u=v(t);try{for(u.s();!(l=u.n()).done;){var h=l.value;c!==h.row&&(c=h.row,d=Object(o.F)(a,this.left+i,this.right-this.lineWidths[c])),h.top+=this.top+n+i,h.left=s.leftForLtr(s.x(d),h.width),d+=h.width+i}}catch(n){u.e(n)}finally{u.f()}}else{var f,p=0,b=Object(o.F)(a,this.top+n+i,this.bottom-this.columnSizes[p].height),g=v(t);try{for(g.s();!(f=g.n()).done;){var m=f.value;m.col!==p&&(p=m.col,b=Object(o.F)(a,this.top+n+i,this.bottom-this.columnSizes[p].height)),m.top=b,m.left+=this.left+i,m.left=s.leftForLtr(s.x(m.left),m.width),b+=m.height+i}}catch(n){g.e(n)}finally{g.f()}}}}},{key:"isHorizontal",value:function(){return"top"===this.options.position||"bottom"===this.options.position}},{key:"draw",value:function(){if(this.options.display){var n=this.ctx;Object(o.z)(n,this),this._draw(),Object(o.a)(n)}}},{key:"_draw",value:function(){var n,t=this,e=this.options,a=this.columnSizes,i=this.lineWidths,r=this.ctx,s=e.align,l=e.labels,c=o.Ib.color,d=Object(o.Cb)(e.rtl,this.left,this.width),u=Object(o.D)(l.font),h=l.padding,f=u.size,p=f/2;this.drawTitle(),r.textAlign=d.textAlign("left"),r.textBaseline="middle",r.lineWidth=.5,r.font=u.string;var b=Te(l,f),v=b.boxWidth,g=b.boxHeight,m=b.itemHeight,y=this.isHorizontal(),x=this._computeTitleHeight();n=y?{x:Object(o.F)(s,this.left+h,this.right-i[0]),y:this.top+h+x,line:0}:{x:this.left+h,y:Object(o.F)(s,this.top+x+h,this.bottom-a[0].height),line:0},Object(o.N)(this.ctx,e.textDirection);var w=m+h;this.legendItems.forEach((function(b,O){r.strokeStyle=b.fontColor,r.fillStyle=b.fontColor;var C=r.measureText(b.text).width,k=d.textAlign(b.textAlign||(b.textAlign=l.textAlign)),_=v+p+C,S=n.x,D=n.y;if(d.setWidth(t.width),y?O>0&&S+_+h>t.right&&(D=n.y+=w,n.line++,S=n.x=Object(o.F)(s,t.left+h,t.right-i[n.line])):O>0&&D+w>t.bottom&&(S=n.x=S+a[n.line].width+h,n.line++,D=n.y=Object(o.F)(s,t.top+x+h,t.bottom-a[n.line].height)),function(n,t,e){if(!(isNaN(v)||v<=0||isNaN(g)||g<0)){r.save();var a=Object(o.ac)(e.lineWidth,1);if(r.fillStyle=Object(o.ac)(e.fillStyle,c),r.lineCap=Object(o.ac)(e.lineCap,"butt"),r.lineDashOffset=Object(o.ac)(e.lineDashOffset,0),r.lineJoin=Object(o.ac)(e.lineJoin,"miter"),r.lineWidth=a,r.strokeStyle=Object(o.ac)(e.strokeStyle,c),r.setLineDash(Object(o.ac)(e.lineDash,[])),l.usePointStyle){var i={radius:g*Math.SQRT2/2,pointStyle:e.pointStyle,rotation:e.rotation,borderWidth:a},s=d.xPlus(n,v/2),u=t+p;Object(o.Q)(r,i,s,u,l.pointStyleWidth&&v)}else{var h=t+Math.max((f-g)/2,0),b=d.leftForLtr(n,v),m=Object(o.zb)(e.borderRadius);r.beginPath(),Object.values(m).some((function(n){return 0!==n}))?Object(o.xb)(r,{x:b,y:h,w:v,h:g,radius:m}):r.rect(b,h,v,g),r.fill(),0!==a&&r.stroke()}r.restore()}}(d.x(S),D,b),S=Object(o.O)(k,S+v+p,y?S+_:t.right,e.rtl),function(n,t,e){Object(o.A)(r,e.text,n,t+m/2,u,{strikethrough:e.hidden,textAlign:d.textAlign(e.textAlign)})}(d.x(S),D,b),y)n.x+=_+h;else if("string"!=typeof b.text){var M=u.lineHeight;n.y+=Ee(b,M)}else n.y+=w})),Object(o.P)(this.ctx,e.textDirection)}},{key:"drawTitle",value:function(){var n=this.options,t=n.title,e=Object(o.D)(t.font),a=Object(o.f)(t.padding);if(t.display){var i,r=Object(o.Cb)(n.rtl,this.left,this.width),s=this.ctx,l=t.position,c=e.size/2,d=a.top+c,u=this.left,h=this.width;if(this.isHorizontal())h=Math.max.apply(Math,m(this.lineWidths)),i=this.top+d,u=Object(o.F)(n.align,u,this.right-h);else{var f=this.columnSizes.reduce((function(n,t){return Math.max(n,t.height)}),0);i=d+Object(o.F)(n.align,this.top,this.bottom-f-n.labels.padding-this._computeTitleHeight())}var p=Object(o.F)(l,u,u+h);s.textAlign=r.textAlign(Object(o.E)(l)),s.textBaseline="middle",s.strokeStyle=t.color,s.fillStyle=t.color,s.font=e.string,Object(o.A)(s,t.text,p,i,e)}}},{key:"_computeTitleHeight",value:function(){var n=this.options.title,t=Object(o.D)(n.font),e=Object(o.f)(n.padding);return n.display?t.lineHeight+e.height:0}},{key:"_getLegendItemAt",value:function(n,t){var e,a,i;if(Object(o.mb)(n,this.left,this.right)&&Object(o.mb)(t,this.top,this.bottom))for(i=this.legendHitBoxes,e=0;e-1?n.split("\n"):n}function Be(n,t){var e=t.element,o=t.datasetIndex,a=t.index,i=n.getDatasetMeta(o).controller,r=i.getLabelAndValue(a),s=r.label,l=r.value;return{chart:n,label:s,parsed:i.getParsed(a),raw:n.data.datasets[o].data[a],formattedValue:l,dataset:i.getDataset(),dataIndex:a,datasetIndex:o,element:e}}function Ye(n,t){var e=n.chart.ctx,a=n.body,i=n.footer,r=n.title,s=t.boxWidth,l=t.boxHeight,c=Object(o.D)(t.bodyFont),d=Object(o.D)(t.titleFont),u=Object(o.D)(t.footerFont),h=r.length,f=i.length,p=a.length,b=Object(o.f)(t.padding),v=b.height,g=0,m=a.reduce((function(n,t){return n+t.before.length+t.lines.length+t.after.length}),0);(m+=n.beforeBody.length+n.afterBody.length,h&&(v+=h*d.lineHeight+(h-1)*t.titleSpacing+t.titleMarginBottom),m)&&(v+=p*(t.displayColors?Math.max(l,c.lineHeight):c.lineHeight)+(m-p)*c.lineHeight+(m-1)*t.bodySpacing);f&&(v+=t.footerMarginTop+f*u.lineHeight+(f-1)*t.footerSpacing);var y=0,x=function(n){g=Math.max(g,e.measureText(n).width+y)};return e.save(),e.font=d.string,Object(o.g)(n.title,x),e.font=c.string,Object(o.g)(n.beforeBody.concat(n.afterBody),x),y=t.displayColors?s+2+t.boxPadding:0,Object(o.g)(a,(function(n){Object(o.g)(n.before,x),Object(o.g)(n.lines,x),Object(o.g)(n.after,x)})),y=0,e.font=u.string,Object(o.g)(n.footer,x),e.restore(),{width:g+=b.width,height:v}}function $e(n,t,e,o){var a=e.x,i=e.width,r=n.width,s=n.chartArea,l=s.left,c=s.right,d="center";return"center"===o?d=a<=(l+c)/2?"left":"right":a<=i/2?d="left":a>=r-i/2&&(d="right"),function(n,t,e,o){var a=o.x,i=o.width,r=e.caretSize+e.caretPadding;return"left"===n&&a+i+r>t.width||("right"===n&&a-i-r<0||void 0)}(d,n,t,e)&&(d="center"),d}function Xe(n,t,e){var o=e.yAlign||t.yAlign||function(n,t){var e=t.y,o=t.height;return en.height-o/2?"bottom":"center"}(n,e);return{xAlign:e.xAlign||t.xAlign||$e(n,t,e,o),yAlign:o}}function He(n,t,e,a){var i=n.caretSize,r=n.caretPadding,s=n.cornerRadius,l=e.xAlign,c=e.yAlign,d=i+r,u=Object(o.zb)(s),h=u.topLeft,f=u.topRight,p=u.bottomLeft,b=u.bottomRight,v=function(n,t){var e=n.x,o=n.width;return"right"===t?e-=o:"center"===t&&(e-=o/2),e}(t,l),g=function(n,t,e){var o=n.y,a=n.height;return"top"===t?o+=e:o-="bottom"===t?a+e:a/2,o}(t,c,d);return"center"===c?"left"===l?v+=d:"right"===l&&(v-=d):"left"===l?v-=Math.max(h,p)+i:"right"===l&&(v+=Math.max(f,b)+i),{x:Object(o.t)(v,0,a.width-t.width),y:Object(o.t)(g,0,a.height-t.height)}}function Je(n,t,e){var a=Object(o.f)(e.padding);return"center"===t?n.x+n.width/2:"right"===t?n.x+n.width-a.right:n.x+a.left}function qe(n){return We([],Fe(n))}function Ge(n,t){var e=t&&t.dataset&&t.dataset.tooltip&&t.dataset.tooltip.callbacks;return e?n.override(e):n}var Ke={beforeTitle:o.S,title:function(n){if(n.length>0){var t=n[0],e=t.chart.data.labels,o=e?e.length:0;if(this&&this.options&&"dataset"===this.options.mode)return t.dataset.label||"";if(t.label)return t.label;if(o>0&&t.dataIndex0&&t.stroke()}},{key:"_updateAnimationTarget",value:function(n){var t=this.chart,e=this.$animations,o=e&&e.x,a=e&&e.y;if(o||a){var i=ze[n.position].call(this,this._active,this._eventPosition);if(!i)return;var r=this._size=Ye(this,n),s=Object.assign({},i,this._size),l=Xe(t,n,s),c=He(n,s,l,t);o._to===c.x&&a._to===c.y||(this.xAlign=l.xAlign,this.yAlign=l.yAlign,this.width=r.width,this.height=r.height,this.caretX=i.x,this.caretY=i.y,this._resolveAnimations().update(this,c))}}},{key:"_willRender",value:function(){return!!this.opacity}},{key:"draw",value:function(n){var t=this.options.setContext(this.getContext()),e=this.opacity;if(e){this._updateAnimationTarget(t);var a={width:this.width,height:this.height},i={x:this.x,y:this.y};e=Math.abs(e)<.001?0:e;var r=Object(o.f)(t.padding),s=this.title.length||this.beforeBody.length||this.body.length||this.afterBody.length||this.footer.length;t.enabled&&s&&(n.save(),n.globalAlpha=e,this.drawBackground(i,n,a,t),Object(o.N)(n,t.textDirection),i.y+=r.top,this.drawTitle(i,n,t),this.drawBody(i,n,t),this.drawFooter(i,n,t),Object(o.P)(n,t.textDirection),n.restore())}}},{key:"getActiveElements",value:function(){return this._active||[]}},{key:"setActiveElements",value:function(n,t){var e=this,a=this._active,i=n.map((function(n){var t=n.datasetIndex,o=n.index,a=e.chart.getDatasetMeta(t);if(!a)throw new Error("Cannot find a dataset at index "+t);return{datasetIndex:t,element:a.data[o],index:o}})),r=!Object(o.kb)(a,i),s=this._positionChanged(i,t);(r||s)&&(this._active=i,this._eventPosition=t,this._ignoreReplayEvents=!0,this.update(!0))}},{key:"handleEvent",value:function(n,t){var e=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];if(t&&this._ignoreReplayEvents)return!1;this._ignoreReplayEvents=!1;var a=this.options,i=this._active||[],r=this._getActiveElements(n,i,t,e),s=this._positionChanged(r,n),l=t||!Object(o.kb)(r,i)||s;return l&&(this._active=r,(a.enabled||a.external)&&(this._eventPosition={x:n.x,y:n.y},this.update(!0,t))),l}},{key:"_getActiveElements",value:function(n,t,e,o){var a=this.options;if("mouseout"===n.type)return[];if(!o)return t;var i=this.chart.getElementsAtEventForMode(n,a.mode,a,e);return a.reverse&&i.reverse(),i}},{key:"_positionChanged",value:function(n,t){var e=this.caretX,o=this.caretY,a=this.options,i=ze[a.position].call(this,n,t);return!1!==i&&(e!==i.x||o!==i.y)}}]),e}(Xn);b(Qe,"positioners",ze);var no={id:"tooltip",_element:Qe,positioners:ze,afterInit:function(n,t,e){e&&(n.tooltip=new Qe({chart:n,options:e}))},beforeUpdate:function(n,t,e){n.tooltip&&n.tooltip.initialize(e)},reset:function(n,t,e){n.tooltip&&n.tooltip.initialize(e)},afterDraw:function(n){var t=n.tooltip;if(t&&t._willRender()){var e={tooltip:t};if(!1===n.notifyPlugins("beforeTooltipDraw",i(i({},e),{},{cancelable:!0})))return;t.draw(n.ctx),n.notifyPlugins("afterTooltipDraw",e)}},afterEvent:function(n,t){if(n.tooltip){var e=t.replay;n.tooltip.handleEvent(t.event,e,t.inChartArea)&&(t.changed=!0)}},defaults:{enabled:!0,external:null,position:"average",backgroundColor:"rgba(0,0,0,0.8)",titleColor:"#fff",titleFont:{weight:"bold"},titleSpacing:2,titleMarginBottom:6,titleAlign:"left",bodyColor:"#fff",bodySpacing:2,bodyFont:{},bodyAlign:"left",footerColor:"#fff",footerSpacing:2,footerMarginTop:6,footerFont:{weight:"bold"},footerAlign:"left",padding:6,caretPadding:2,caretSize:5,cornerRadius:6,boxHeight:function(n,t){return t.bodyFont.size},boxWidth:function(n,t){return t.bodyFont.size},multiKeyBackground:"#fff",displayColors:!0,boxPadding:0,borderColor:"rgba(0,0,0,0)",borderWidth:0,animation:{duration:400,easing:"easeOutQuart"},animations:{numbers:{type:"number",properties:["x","y","width","height","caretX","caretY"]},opacity:{easing:"linear",duration:200}},callbacks:Ke},defaultRoutes:{bodyFont:"font",footerFont:"font",titleFont:"font"},descriptors:{_scriptable:function(n){return"filter"!==n&&"itemSort"!==n&&"external"!==n},_indexable:!1,callbacks:{_scriptable:!1,_indexable:!1},animation:{_fallback:!1},animations:{_fallback:"animation"}},additionalOptionScopes:["interaction"]},to=Object.freeze({__proto__:null,Colors:ue,Decimation:pe,Filler:je,Legend:Le,SubTitle:Ue,Title:Re,Tooltip:no});function eo(n,t,e,o){var a=n.indexOf(t);return-1===a?function(n,t,e,o){return"string"==typeof t?(e=n.push(t)-1,o.unshift({index:e,label:t})):isNaN(t)&&(e=null),e}(n,t,e,o):a!==n.lastIndexOf(t)?e:a}function oo(n){var t=this.getLabels();return n>=0&&nt.length-1?null:this.getPixelForValue(t[n].value)}},{key:"getValueForPixel",value:function(n){return Math.round(this._startValue+this.getDecimalForPixel(n)*this._valueRange)}},{key:"getBasePixel",value:function(){return this.bottom}}]),e}(et);function io(n,t,e){var a=e.horizontal,i=e.minRotation,r=Object(o.Yb)(i),s=(a?Math.sin(r):Math.cos(r))||.001,l=.75*t*(""+n).length;return Math.min(t/s,l)}b(ao,"id","category"),b(ao,"defaults",{ticks:{callback:oo}});var ro=function(n){l(e,n);var t=d(e);function e(n){var o;return w(this,e),(o=t.call(this,n)).start=void 0,o.end=void 0,o._startValue=void 0,o._endValue=void 0,o._valueRange=0,o}return C(e,[{key:"parse",value:function(n,t){return Object(o.Pb)(n)||("number"==typeof n||n instanceof Number)&&!isFinite(+n)?null:+n}},{key:"handleTickRangeOptions",value:function(){var n=this.options.beginAtZero,t=this.getUserBounds(),e=t.minDefined,a=t.maxDefined,i=this.min,r=this.max,s=function(n){return i=e?i:n},l=function(n){return r=a?r:n};if(n){var c=Object(o.Xb)(i),d=Object(o.Xb)(r);c<0&&d<0?l(0):c>0&&d>0&&s(0)}if(i===r){var u=0===r?1:Math.abs(.05*r);l(r+u),n||s(i-u)}this.min=i,this.max=r}},{key:"getTickLimit",value:function(){var n,t=this.options.ticks,e=t.maxTicksLimit,o=t.stepSize;return o?(n=Math.ceil(this.max/o)-Math.floor(this.min/o)+1)>1e3&&(console.warn("scales.".concat(this.id,".ticks.stepSize: ").concat(o," would result generating up to ").concat(n," ticks. Limiting to 1000.")),n=1e3):(n=this.computeTickLimit(),e=e||11),e&&(n=Math.min(e,n)),n}},{key:"computeTickLimit",value:function(){return Number.POSITIVE_INFINITY}},{key:"buildTicks",value:function(){var n=this.options,t=n.ticks,e=this.getTickLimit(),a=function(n,t){var e,a,i,r,s=[],l=n.bounds,c=n.step,d=n.min,u=n.max,h=n.precision,f=n.count,p=n.maxTicks,b=n.maxDigits,v=n.includeBounds,g=c||1,m=p-1,y=t.min,x=t.max,w=!Object(o.Pb)(d),O=!Object(o.Pb)(u),C=!Object(o.Pb)(f),k=(x-y)/(b+1),_=Object(o.U)((x-y)/m/g)*g;if(_<1e-14&&!w&&!O)return[{value:y},{value:x}];(r=Math.ceil(x/_)-Math.floor(y/_))>m&&(_=Object(o.U)(r*_/m/g)*g),Object(o.Pb)(h)||(e=Math.pow(10,h),_=Math.ceil(_*e)/e),"ticks"===l?(a=Math.floor(y/_)*_,i=Math.ceil(x/_)*_):(a=y,i=x),w&&O&&c&&Object(o.V)((u-d)/c,_/1e3)?(_=(u-d)/(r=Math.round(Math.min((u-d)/_,p))),a=d,i=u):C?_=((i=O?u:i)-(a=w?d:a))/(r=f-1):(r=(i-a)/_,r=Object(o.W)(r,Math.round(r),_/1e3)?Math.round(r):Math.ceil(r));var S=Math.max(Object(o.X)(_),Object(o.X)(a));e=Math.pow(10,Object(o.Pb)(h)?S:h),a=Math.round(a*e)/e,i=Math.round(i*e)/e;var D=0;for(w&&(v&&a!==d?(s.push({value:d}),au)break;s.push({value:M})}return O&&v&&i!==u?s.length&&Object(o.W)(s[s.length-1].value,u,io(u,k,n))?s[s.length-1].value=u:s.push({value:u}):O&&i!==u||s.push({value:i}),s}({maxTicks:e=Math.max(2,e),bounds:n.bounds,min:n.min,max:n.max,precision:t.precision,step:t.stepSize,count:t.count,maxDigits:this._maxDigits(),horizontal:this.isHorizontal(),minRotation:t.minRotation||0,includeBounds:!1!==t.includeBounds},this._range||this);return"ticks"===n.bounds&&Object(o.T)(a,this,"value"),n.reverse?(a.reverse(),this.start=this.max,this.end=this.min):(this.start=this.min,this.end=this.max),a}},{key:"configure",value:function(){var n=this.ticks,t=this.min,o=this.max;if(r(f(e.prototype),"configure",this).call(this),this.options.offset&&n.length){var a=(o-t)/Math.max(n.length-1,1)/2;t-=a,o+=a}this._startValue=t,this._endValue=o,this._valueRange=o-t}},{key:"getLabelForValue",value:function(n){return Object(o.Tb)(n,this.chart.options.locale,this.options.ticks.format)}}]),e}(et),so=function(n){l(e,n);var t=d(e);function e(){return w(this,e),t.apply(this,arguments)}return C(e,[{key:"determineDataLimits",value:function(){var n=this.getMinMax(!0),t=n.min,e=n.max;this.min=Object(o.Lb)(t)?t:0,this.max=Object(o.Lb)(e)?e:1,this.handleTickRangeOptions()}},{key:"computeTickLimit",value:function(){var n=this.isHorizontal(),t=n?this.width:this.height,e=Object(o.Yb)(this.options.ticks.minRotation),a=(n?Math.sin(e):Math.cos(e))||.001,i=this._resolveTickFontOptions(0);return Math.ceil(t/Math.min(40,i.lineHeight/a))}},{key:"getPixelForValue",value:function(n){return null===n?NaN:this.getPixelForDecimal((n-this._startValue)/this._valueRange)}},{key:"getValueForPixel",value:function(n){return this._startValue+this.getDecimalForPixel(n)*this._valueRange}}]),e}(ro);b(so,"id","linear"),b(so,"defaults",{ticks:{callback:o.Y.formatters.numeric}});var lo=function(n){return Math.floor(Object(o.Z)(n))},co=function(n,t){return Math.pow(10,lo(n)+t)};function uo(n){return 1===n/Math.pow(10,lo(n))}function ho(n,t,e){var o=Math.pow(10,e),a=Math.floor(n/o);return Math.ceil(t/o)-a}function fo(n,t){var e=t.min,a=t.max;e=Object(o.p)(n.min,e);for(var i=[],r=lo(e),s=function(n,t){for(var e=lo(t-n);ho(n,t,e)>10;)e++;for(;ho(n,t,e)<10;)e--;return Math.min(e,lo(n))}(e,a),l=s<0?Math.pow(10,Math.abs(s)):1,c=Math.pow(10,s),d=r>s?Math.pow(10,r):0,u=Math.round((e-d)*l)/l,h=Math.floor((e-d)/c/10)*c*10,f=Math.floor((u-h)/Math.pow(10,s)),p=Object(o.p)(n.min,Math.round((d+h+f*Math.pow(10,s))*l)/l);p=10?f=f<15?15:20:f++,f>=20&&(f=2,l=++s>=0?1:l),p=Math.round((d+h+f*Math.pow(10,s))*l)/l;var b=Object(o.p)(n.max,p);return i.push({value:b,major:uo(b),significand:f}),i}var po=function(n){l(e,n);var t=d(e);function e(n){var o;return w(this,e),(o=t.call(this,n)).start=void 0,o.end=void 0,o._startValue=void 0,o._valueRange=0,o}return C(e,[{key:"parse",value:function(n,t){var e=ro.prototype.parse.apply(this,[n,t]);if(0!==e)return Object(o.Lb)(e)&&e>0?e:null;this._zero=!0}},{key:"determineDataLimits",value:function(){var n=this.getMinMax(!0),t=n.min,e=n.max;this.min=Object(o.Lb)(t)?Math.max(0,t):null,this.max=Object(o.Lb)(e)?Math.max(0,e):null,this.options.beginAtZero&&(this._zero=!0),this._zero&&this.min!==this._suggestedMin&&!Object(o.Lb)(this._userMin)&&(this.min=t===co(this.min,0)?co(this.min,-1):co(this.min,0)),this.handleTickRangeOptions()}},{key:"handleTickRangeOptions",value:function(){var n=this.getUserBounds(),t=n.minDefined,e=n.maxDefined,o=this.min,a=this.max,i=function(n){return o=t?o:n},r=function(n){return a=e?a:n};o===a&&(o<=0?(i(1),r(10)):(i(co(o,-1)),r(co(a,1)))),o<=0&&i(co(a,-1)),a<=0&&r(co(o,1)),this.min=o,this.max=a}},{key:"buildTicks",value:function(){var n=this.options,t=fo({min:this._userMin,max:this._userMax},this);return"ticks"===n.bounds&&Object(o.T)(t,this,"value"),n.reverse?(t.reverse(),this.start=this.max,this.end=this.min):(this.start=this.min,this.end=this.max),t}},{key:"getLabelForValue",value:function(n){return void 0===n?"0":Object(o.Tb)(n,this.chart.options.locale,this.options.ticks.format)}},{key:"configure",value:function(){var n=this.min;r(f(e.prototype),"configure",this).call(this),this._startValue=Object(o.Z)(n),this._valueRange=Object(o.Z)(this.max)-Object(o.Z)(n)}},{key:"getPixelForValue",value:function(n){return void 0!==n&&0!==n||(n=this.min),null===n||isNaN(n)?NaN:this.getPixelForDecimal(n===this.min?0:(Object(o.Z)(n)-this._startValue)/this._valueRange)}},{key:"getValueForPixel",value:function(n){var t=this.getDecimalForPixel(n);return Math.pow(10,this._startValue+t*this._valueRange)}}]),e}(et);function bo(n){var t=n.ticks;if(t.display&&n.display){var e=Object(o.f)(t.backdropPadding);return Object(o.ac)(t.font&&t.font.size,o.Ib.font.size)+e.height}return 0}function vo(n,t,e,o,a){return n===o||n===a?{start:t-e/2,end:t+e/2}:na?{start:t-e,end:t}:{start:t,end:t+e}}function go(n){for(var t,e,a,i={l:n.left+n._padding.left,r:n.right-n._padding.right,t:n.top+n._padding.top,b:n.bottom-n._padding.bottom},r=Object.assign({},i),s=[],l=[],c=n._pointLabels.length,d=n.options.pointLabels,u=d.centerPointLabels?o.q/c:0,h=0;ht.r&&(s=(o.end-t.r)/i,n.r=Math.max(n.r,t.r+s)),a.startt.b&&(l=(a.end-t.b)/r,n.b=Math.max(n.b,t.b+l))}function yo(n,t,e){var a=n.drawingArea,i=e.extra,r=e.additionalAngle,s=e.padding,l=e.size,c=n.getPointPosition(t,a+i+s,r),d=Math.round(Object(o.v)(Object(o.Bb)(c.angle+o.i))),u=function(n,t,e){90===e||270===e?n-=t/2:(e>270||e<90)&&(n-=t);return n}(c.y,l.h,d),h=function(n){if(0===n||180===n)return"center";if(n<180)return"left";return"right"}(d),f=function(n,t,e){"right"===e?n-=t:"center"===e&&(n-=t/2);return n}(c.x,l.w,h);return{visible:!0,x:c.x,y:u,textAlign:h,left:f,top:u,right:f+l.w,bottom:u+l.h}}function xo(n,t){if(!t)return!0;var e=n.left,a=n.top,i=n.right,r=n.bottom;return!(Object(o.d)({x:e,y:a},t)||Object(o.d)({x:e,y:r},t)||Object(o.d)({x:i,y:a},t)||Object(o.d)({x:i,y:r},t))}function wo(n,t,e){var a=e.left,i=e.top,r=e.right,s=e.bottom,l=t.backdropColor;if(!Object(o.Pb)(l)){var c=Object(o.zb)(t.borderRadius),d=Object(o.f)(t.backdropPadding);n.fillStyle=l;var u=a-d.left,h=i-d.top,f=r-a+d.width,p=s-i+d.height;Object.values(c).some((function(n){return 0!==n}))?(n.beginPath(),Object(o.xb)(n,{x:u,y:h,w:f,h:p,radius:c}),n.fill()):n.fillRect(u,h,f,p)}}function Oo(n,t,e,a){var i=n.ctx;if(e)i.arc(n.xCenter,n.yCenter,t,0,o.u);else{var r=n.getPointPosition(0,t);i.moveTo(r.x,r.y);for(var s=1;s=0&&n2&&void 0!==arguments[2]?arguments[2]:0,a=this.getIndexAngle(n)-o.i+e;return{x:Math.cos(a)*t+this.xCenter,y:Math.sin(a)*t+this.yCenter,angle:a}}},{key:"getPointPositionForValue",value:function(n,t){return this.getPointPosition(n,this.getDistanceFromCenterForValue(t))}},{key:"getBasePosition",value:function(n){return this.getPointPositionForValue(n||0,this.getBaseValue())}},{key:"getPointLabelPosition",value:function(n){var t=this._pointLabelItems[n];return{left:t.left,top:t.top,right:t.right,bottom:t.bottom}}},{key:"drawBackground",value:function(){var n=this.options,t=n.backgroundColor,e=n.grid.circular;if(t){var o=this.ctx;o.save(),o.beginPath(),Oo(this,this.getDistanceFromCenterForValue(this._endValue),e,this._pointLabels.length),o.closePath(),o.fillStyle=t,o.fill(),o.restore()}}},{key:"drawGrid",value:function(){var n,t,e,a=this,i=this.ctx,r=this.options,s=r.angleLines,l=r.grid,c=r.border,d=this._pointLabels.length;if(r.pointLabels.display&&function(n,t){for(var e=n.ctx,a=n.options.pointLabels,i=t-1;i>=0;i--){var r=n._pointLabelItems[i];if(r.visible){var s=a.setContext(n.getPointLabelContext(i));wo(e,s,r);var l=Object(o.D)(s.font),c=r.x,d=r.y,u=r.textAlign;Object(o.A)(e,n._pointLabels[i],c,d+l.lineHeight/2,l,{color:s.color,textAlign:u,textBaseline:"middle"})}}}(this,d),l.display&&this.ticks.forEach((function(n,e){if(0!==e){t=a.getDistanceFromCenterForValue(n.value);var o=a.getContext(e),i=l.setContext(o),r=c.setContext(o);!function(n,t,e,o,a){var i=n.ctx,r=t.circular,s=t.color,l=t.lineWidth;!r&&!o||!s||!l||e<0||(i.save(),i.strokeStyle=s,i.lineWidth=l,i.setLineDash(a.dash),i.lineDashOffset=a.dashOffset,i.beginPath(),Oo(n,e,r,o),i.closePath(),i.stroke(),i.restore())}(a,i,t,d,r)}})),s.display){for(i.save(),n=d-1;n>=0;n--){var u=s.setContext(this.getPointLabelContext(n)),h=u.color,f=u.lineWidth;f&&h&&(i.lineWidth=f,i.strokeStyle=h,i.setLineDash(u.borderDash),i.lineDashOffset=u.borderDashOffset,t=this.getDistanceFromCenterForValue(r.ticks.reverse?this.min:this.max),e=this.getPointPosition(n,t),i.beginPath(),i.moveTo(this.xCenter,this.yCenter),i.lineTo(e.x,e.y),i.stroke())}i.restore()}}},{key:"drawBorder",value:function(){}},{key:"drawLabels",value:function(){var n=this,t=this.ctx,e=this.options,a=e.ticks;if(a.display){var i,r,s=this.getIndexAngle(0);t.save(),t.translate(this.xCenter,this.yCenter),t.rotate(s),t.textAlign="center",t.textBaseline="middle",this.ticks.forEach((function(s,l){if(0!==l||e.reverse){var c=a.setContext(n.getContext(l)),d=Object(o.D)(c.font);if(i=n.getDistanceFromCenterForValue(n.ticks[l].value),c.showLabelBackdrop){t.font=d.string,r=t.measureText(s.label).width,t.fillStyle=c.backdropColor;var u=Object(o.f)(c.backdropPadding);t.fillRect(-r/2-u.left,-i-d.size/2-u.top,r+u.width,d.size+u.height)}Object(o.A)(t,s.label,0,-i,d,{color:c.color})}})),t.restore()}}},{key:"drawTitle",value:function(){}}]),e}(ro);b(Co,"id","radialLinear"),b(Co,"defaults",{display:!0,animate:!0,position:"chartArea",angleLines:{display:!0,lineWidth:1,borderDash:[],borderDashOffset:0},grid:{circular:!1},startAngle:0,ticks:{showLabelBackdrop:!0,callback:o.Y.formatters.numeric},pointLabels:{backdropColor:void 0,backdropPadding:2,display:!0,font:{size:10},callback:function(n){return n},padding:5,centerPointLabels:!1}}),b(Co,"defaultRoutes",{"angleLines.color":"borderColor","pointLabels.color":"color","ticks.color":"color"}),b(Co,"descriptors",{angleLines:{_fallback:"grid"}});var ko={millisecond:{common:!0,size:1,steps:1e3},second:{common:!0,size:1e3,steps:60},minute:{common:!0,size:6e4,steps:60},hour:{common:!0,size:36e5,steps:24},day:{common:!0,size:864e5,steps:30},week:{common:!1,size:6048e5,steps:4},month:{common:!0,size:2628e6,steps:12},quarter:{common:!1,size:7884e6,steps:4},year:{common:!0,size:3154e7}},_o=Object.keys(ko);function So(n,t){return n-t}function Do(n,t){if(Object(o.Pb)(t))return null;var e=n._adapter,a=n._parseOpts,i=a.parser,r=a.round,s=a.isoWeekday,l=t;return"function"==typeof i&&(l=i(l)),Object(o.Lb)(l)||(l="string"==typeof i?e.parse(l,i):e.parse(l)),null===l?null:(r&&(l="week"!==r||!Object(o.cc)(s)&&!0!==s?e.startOf(l,r):e.startOf(l,"isoWeek",s)),+l)}function Mo(n,t,e,o){for(var a=_o.length,i=_o.indexOf(n);i=t?e[i]:e[r]]=!0}}else n[t]=!0}function Po(n,t,e){var o,a,i=[],r={},s=t.length;for(o=0;o=0&&(t[i].major=!0);return t}(n,i,r,e):i}var jo=function(n){l(e,n);var t=d(e);function e(n){var o;return w(this,e),(o=t.call(this,n))._cache={data:[],labels:[],all:[]},o._unit="day",o._majorUnit=void 0,o._offsets={},o._normalized=!1,o._parseOpts=void 0,o}return C(e,[{key:"init",value:function(n){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},a=n.time||(n.time={}),i=this._adapter=new rn._date(n.adapters.date);i.init(t),Object(o.eb)(a.displayFormats,i.formats()),this._parseOpts={parser:a.parser,round:a.round,isoWeekday:a.isoWeekday},r(f(e.prototype),"init",this).call(this,n),this._normalized=t.normalized}},{key:"parse",value:function(n,t){return void 0===n?null:Do(this,n)}},{key:"beforeLayout",value:function(){r(f(e.prototype),"beforeLayout",this).call(this),this._cache={data:[],labels:[],all:[]}}},{key:"determineDataLimits",value:function(){var n=this.options,t=this._adapter,e=n.time.unit||"day",a=this.getUserBounds(),i=a.min,r=a.max,s=a.minDefined,l=a.maxDefined;function c(n){s||isNaN(n.min)||(i=Math.min(i,n.min)),l||isNaN(n.max)||(r=Math.max(r,n.max))}s&&l||(c(this._getLabelBounds()),"ticks"===n.bounds&&"labels"===n.ticks.source||c(this.getMinMax(!1))),i=Object(o.Lb)(i)&&!isNaN(i)?i:+t.startOf(Date.now(),e),r=Object(o.Lb)(r)&&!isNaN(r)?r:+t.endOf(Date.now(),e)+1,this.min=Math.min(i,r-1),this.max=Math.max(i+1,r)}},{key:"_getLabelBounds",value:function(){var n=this.getLabelTimestamps(),t=Number.POSITIVE_INFINITY,e=Number.NEGATIVE_INFINITY;return n.length&&(t=n[0],e=n[n.length-1]),{min:t,max:e}}},{key:"buildTicks",value:function(){var n=this.options,t=n.time,e=n.ticks,a="labels"===e.source?this.getLabelTimestamps():this._generate();"ticks"===n.bounds&&a.length&&(this.min=this._userMin||a[0],this.max=this._userMax||a[a.length-1]);var i=this.min,r=this.max,s=Object(o.bb)(a,i,r);return this._unit=t.unit||(e.autoSkip?Mo(t.minUnit,this.min,this.max,this._getLabelCapacity(i)):function(n,t,e,o,a){for(var i=_o.length-1;i>=_o.indexOf(e);i--){var r=_o[i];if(ko[r].common&&n._adapter.diff(a,o,r)>=t-1)return r}return _o[e?_o.indexOf(e):0]}(this,s.length,t.minUnit,this.min,this.max)),this._majorUnit=e.major.enabled&&"year"!==this._unit?function(n){for(var t=_o.indexOf(n)+1,e=_o.length;t0&&void 0!==arguments[0]?arguments[0]:[],a=0,i=0;this.options.offset&&e.length&&(n=this.getDecimalForValue(e[0]),a=1===e.length?1-n:(this.getDecimalForValue(e[1])-n)/2,t=this.getDecimalForValue(e[e.length-1]),i=1===e.length?t:(t-this.getDecimalForValue(e[e.length-2]))/2);var r=e.length<3?.5:.25;a=Object(o.t)(a,0,r),i=Object(o.t)(i,0,r),this._offsets={start:a,end:i,factor:1/(a+1+i)}}},{key:"_generate",value:function(){var n,t,e=this._adapter,a=this.min,i=this.max,r=this.options,s=r.time,l=s.unit||Mo(s.minUnit,a,i,this._getLabelCapacity(a)),c=Object(o.ac)(r.ticks.stepSize,1),d="week"===l&&s.isoWeekday,u=Object(o.cc)(d)||!0===d,h={},f=a;if(u&&(f=+e.startOf(f,"isoWeek",d)),f=+e.startOf(f,u?"day":l),e.diff(i,a,l)>1e5*c)throw new Error(a+" and "+i+" are too far apart with stepSize of "+c+" "+l);var p="data"===r.ticks.source&&this.getDataTimestamps();for(n=f,t=0;n0?r:1}},{key:"getDataTimestamps",value:function(){var n,t,e=this._cache.data||[];if(e.length)return e;var o=this.getMatchingVisibleMetas();if(this._normalized&&o.length)return this._cache.data=o[0].controller.getAllParsedValues(this);for(n=0,t=o.length;n=n[l].pos&&t<=n[c].pos){var d=Object(o.c)(n,"pos",t);l=d.lo,c=d.hi}var u=n[l];a=u.pos,r=u.time;var h=n[c];i=h.pos,s=h.time}else{if(t>=n[l].time&&t<=n[c].time){var f=Object(o.c)(n,"time",t);l=f.lo,c=f.hi}var p=n[l];a=p.time,r=p.pos;var b=n[c];i=b.time,s=b.pos}var v=i-a;return v?r+(s-r)*(t-a)/v:r}b(jo,"id","time"),b(jo,"defaults",{bounds:"data",adapters:{},time:{parser:!1,unit:!1,round:!1,isoWeekday:!1,minUnit:"millisecond",displayFormats:{}},ticks:{source:"auto",callback:!1,major:{enabled:!1}}});var Io=function(n){l(e,n);var t=d(e);function e(n){var o;return w(this,e),(o=t.call(this,n))._table=[],o._minPos=void 0,o._tableRange=void 0,o}return C(e,[{key:"initOffsets",value:function(){var n=this._getTimestampsForTable(),t=this._table=this.buildLookupTable(n);this._minPos=To(t,this.min),this._tableRange=To(t,this.max)-this._minPos,r(f(e.prototype),"initOffsets",this).call(this,n)}},{key:"buildLookupTable",value:function(n){var t,e,o,a,i,r=this.min,s=this.max,l=[],c=[];for(t=0,e=n.length;t=r&&a<=s&&l.push(a);if(l.length<2)return[{time:r,pos:0},{time:s,pos:1}];for(t=0,e=l.length;t .home-link::after",".sidebar > .nav-links > :first-child::before"],items:[{text:"Documentation",items:[{text:"Development (master)",link:"/chartjs-plugin-annotation/master/",target:"_self"},{type:"versions",text:"{{version}}{{tag|suffix}}",link:"/chartjs-plugin-annotation/{{version}}/",exclude:/^[0]\.[0-4]\./,group:"minor",target:"_self"}]},{text:"Release notes (5 latest)",items:[{type:"versions",limit:5,target:"_blank",group:"patch",link:"https://github.com/chartjs/chartjs-plugin-annotation/releases/tag/v{{version}}"}]}]},filters:{suffix:n=>n?` (${n})`:"",title:(n,t)=>window.location.href.includes("master")?"Development (master)":n+(t.tag?` (${tag})`:"")},base:"/chartjs-plugin-annotation/master/",name:"chartjs-plugin-annotation",version:"3.0.1",versions:[{tag:null,name:"3.0.1"},{tag:null,name:"3.0.0"},{tag:null,name:"2.2.1"},{tag:null,name:"2.2.0"},{tag:null,name:"2.1.2"},{tag:null,name:"2.1.1"},{tag:null,name:"2.1.0"},{tag:null,name:"2.0.1"},{tag:null,name:"2.0.0"},{tag:null,name:"1.4.0"},{tag:null,name:"1.3.1"},{tag:null,name:"1.3.0"},{tag:null,name:"1.2.2"},{tag:null,name:"1.2.1"},{tag:null,name:"1.2.0"},{tag:null,name:"1.1.0"},{tag:null,name:"1.0.2"},{tag:null,name:"1.0.1"},{tag:null,name:"1.0.0"},{tag:null,name:"1.0.0-rc"},{tag:null,name:"1.0.0-beta.4"},{tag:null,name:"1.0.0-beta.3"},{tag:null,name:"1.0.0-beta.2"},{tag:null,name:"1.0.0-beta"},{tag:null,name:"0.5.7"},{tag:null,name:"0.5.5"},{tag:null,name:"0.5.4"},{tag:null,name:"0.5.2"},{tag:null,name:"0.5.1"},{tag:null,name:"0.5.0"},{tag:null,name:"0.4.3"},{tag:null,name:"0.4.2"},{tag:null,name:"0.4.1"},{tag:null,name:"0.4.0"},{tag:null,name:"0.3.0"},{tag:null,name:"0.2.0"}]}},function(n,t,e){var o=e(3),a=e(65),i=a.all;n.exports=a.IS_HTMLDDA?function(n){return"object"==typeof n?null!==n:o(n)||n===i}:function(n){return"object"==typeof n?null!==n:o(n)}},function(n,t,e){var o=e(176),a=e(179);n.exports=function(n,t){var e=a(n,t);return o(e)?e:void 0}},function(n,t,e){"use strict";e.d(t,"d",(function(){return o})),e.d(t,"a",(function(){return i})),e.d(t,"i",(function(){return r})),e.d(t,"f",(function(){return l})),e.d(t,"g",(function(){return c})),e.d(t,"h",(function(){return d})),e.d(t,"b",(function(){return u})),e.d(t,"e",(function(){return h})),e.d(t,"k",(function(){return f})),e.d(t,"l",(function(){return p})),e.d(t,"c",(function(){return v})),e.d(t,"j",(function(){return g}));e(17);const o=/#.*$/,a=/\.(md|html)$/,i=/\/$/,r=/^[a-z]+:/i;function s(n){return decodeURI(n).replace(o,"").replace(a,"")}function l(n){return r.test(n)}function c(n){return/^mailto:/.test(n)}function d(n){return/^tel:/.test(n)}function u(n){if(l(n))return n;const t=n.match(o),e=t?t[0]:"",a=s(n);return i.test(a)?n:a+".html"+e}function h(n,t){const e=decodeURIComponent(n.hash),a=function(n){const t=n.match(o);if(t)return t[0]}(t);if(a&&e!==a)return!1;return s(n.path)===s(t)}function f(n,t,e){if(l(t))return{type:"external",path:t};e&&(t=function(n,t,e){const o=n.charAt(0);if("/"===o)return n;if("?"===o||"#"===o)return t+n;const a=t.split("/");e&&a[a.length-1]||a.pop();const i=n.replace(/^\//,"").split("/");for(let n=0;nfunction n(t,e,o,a=1){if("string"==typeof t)return f(e,t,o);if(Array.isArray(t))return Object.assign(f(e,t[0],o),{title:t[1]});{const i=t.children||[];return 0===i.length&&t.path?Object.assign(f(e,t.path,o),{title:t.title}):{type:"group",path:t.path,title:t.title,sidebarDepth:t.sidebarDepth,initialOpenGroupIndex:t.initialOpenGroupIndex,children:i.map(t=>n(t,e,o,a+1)),collapsable:!1!==t.collapsable}}}(n,a,e)):[]}return[]}function b(n){const t=v(n.headers||[]);return[{type:"group",collapsable:!1,title:n.title,path:null,children:t.map(t=>({type:"auto",title:t.title,basePath:n.path,path:n.path+"#"+t.slug,children:t.children||[]}))}]}function v(n){let t;return(n=n.map(n=>Object.assign({},n))).forEach(n=>{2===n.level?t=n:t&&(t.children||(t.children=[])).push(n)}),n.filter(n=>2===n.level)}function g(n){return Object.assign(n,{type:n.items&&n.items.length?"links":"link"})}},function(n,t){n.exports=function(n){return null!=n&&"object"==typeof n}},function(n,t,e){"use strict";var o=e(32),a=e(42),i=e(44),r=e(141),s=e(143);o({target:"Array",proto:!0,arity:1,forced:e(5)((function(){return 4294967297!==[].push.call({length:4294967296},1)}))||!function(){try{Object.defineProperty([],"length",{writable:!1}).push()}catch(n){return n instanceof TypeError}}()},{push:function(n){var t=a(this),e=i(t),o=arguments.length;s(e+o);for(var l=0;l0&&void 0!==arguments[0]?arguments[0]:Date.now(),e=0;this._charts.forEach((function(o,a){if(o.running&&o.items.length){for(var i,r=o.items,s=r.length-1,l=!1;s>=0;--s)(i=r[s])._active?(i._total>o.duration&&(o.duration=i._total),i.tick(t),l=!0):(r[s]=r[r.length-1],r.pop());l&&(a.draw(),n._notify(a,o,t,"progress")),r.length||(o.running=!1,n._notify(a,o,t,"complete"),o.initial=!1),e+=r.length}})),this._lastDate=t,0===e&&(this._running=!1)}},{key:"_getAnims",value:function(n){var t=this._charts,e=t.get(n);return e||(e={running:!1,initial:!0,items:[],listeners:{complete:[],progress:[]}},t.set(n,e)),e}},{key:"listen",value:function(n,t,e){this._getAnims(n).listeners[t].push(e)}},{key:"add",value:function(n,t){var e;t&&t.length&&(e=this._getAnims(n).items).push.apply(e,g(t))}},{key:"has",value:function(n){return this._getAnims(n).items.length>0}},{key:"start",value:function(n){var t=this._charts.get(n);t&&(t.running=!0,t.start=Date.now(),t.duration=t.items.reduce((function(n,t){return Math.max(n,t._duration)}),0),this._refresh())}},{key:"running",value:function(n){if(!this._running)return!1;var t=this._charts.get(n);return!!(t&&t.running&&t.items.length)}},{key:"stop",value:function(n){var t=this._charts.get(n);if(t&&t.items.length){for(var e=t.items,o=e.length-1;o>=0;--o)e[o].cancel();t.items=[],this._notify(n,t,Date.now(),"complete")}}},{key:"remove",value:function(n){return this._charts.delete(n)}}]),n}()),S={boolean:function(n,t,e){return e>.5?t:n},color:function(n,t,e){var a=Object(o.Hb)(n||"transparent"),i=a.valid&&Object(o.Hb)(t||"transparent");return i&&i.valid?i.mix(a,e).hexString():t},number:function(n,t,e){return n+(t-n)*e}},D=function(){function n(t,e,a,i){w(this,n);var r=e[a];i=Object(o.C)([t.to,i,r,t.from]);var s=Object(o.C)([t.from,r,i]);this._active=!0,this._fn=t.fn||S[t.type||m(s)],this._easing=o.Jb[t.easing]||o.Jb.linear,this._start=Math.floor(Date.now()+(t.delay||0)),this._duration=this._total=Math.floor(t.duration),this._loop=!!t.loop,this._target=e,this._prop=a,this._from=s,this._to=i,this._promises=void 0}return C(n,[{key:"active",value:function(){return this._active}},{key:"update",value:function(n,t,e){if(this._active){this._notify(!1);var a=this._target[this._prop],i=e-this._start,r=this._duration-i;this._start=e,this._duration=Math.floor(Math.max(r,n.duration)),this._total+=i,this._loop=!!n.loop,this._to=Object(o.C)([n.to,t,a,n.from]),this._from=Object(o.C)([n.from,a,t])}}},{key:"cancel",value:function(){this._active&&(this.tick(Date.now()),this._active=!1,this._notify(!1))}},{key:"tick",value:function(n){var t,e=n-this._start,o=this._duration,a=this._prop,i=this._from,r=this._loop,s=this._to;if(this._active=i!==s&&(r||e1?2-t:t,t=this._easing(Math.min(1,Math.max(0,t))),this._target[a]=this._fn(i,s,t))}},{key:"wait",value:function(){var n=this._promises||(this._promises=[]);return new Promise((function(t,e){n.push({res:t,rej:e})}))}},{key:"_notify",value:function(n){for(var t=n?"res":"rej",e=this._promises||[],o=0;o=0;--e){var l=r[e];if("$"!==l.charAt(0))if("options"!==l){var c=t[l],d=i[l],u=o.get(l);if(d){if(u&&d.active()){d.update(u,c,s);continue}d.cancel()}u&&u.duration?(i[l]=d=new D(u,n,l,c),a.push(d)):n[l]=c}else a.push.apply(a,g(this._animateOptions(n,t)))}return a}},{key:"update",value:function(n,t){if(0!==this._properties.size){var e=this._createAnimations(n,t);return e.length?(_.add(this._chart,e),!0):void 0}Object.assign(n,t)}}]),n}();function A(n,t){var e=n&&n.options||{},o=e.reverse,a=void 0===e.min?t:0,i=void 0===e.max?t:0;return{start:o?i:a,end:o?a:i}}function P(n,t){var e,o,a=[],i=n._getSortedDatasetMetas(t);for(e=0,o=i.length;e3&&void 0!==arguments[3]?arguments[3]:{},c=n.keys,d="single"===l.mode;if(null!==t){for(a=0,i=c.length;a0||!e&&s<0)return r.index}}catch(n){i.e(n)}finally{i.f()}return null}function L(n,t){for(var e,o=n.chart,a=n._cachedMeta,i=o._stacks||(o._stacks={}),r=a.iScale,s=a.vScale,l=a.index,c=r.axis,d=s.axis,u=function(n,t,e){return"".concat(n.id,".").concat(t.id,".").concat(e.stack||e.type)}(r,s,a),h=t.length,f=0;f0&&r._parsed[n-1];if(!1===this._parsing)r._parsed=s,r._sorted=!0,i=s;else{i=Object(o.Db)(s[n])?this.parseArrayData(r,s,n,t):Object(o.Nb)(s[n])?this.parseObjectData(r,s,n,t):this.parsePrimitiveData(r,s,n,t);for(e=0;et||p=0;--e)if(!b()){this.updateRangeFromParsed(u,n,a,d);break}return u}},{key:"getAllParsedValues",value:function(n){var t,e,a,i=this._cachedMeta._parsed,r=[];for(t=0,e=i.length;t=0&&n1&&void 0!==arguments[1]?arguments[1]:"default",a=arguments.length>2?arguments[2]:void 0,i="active"===e,r=this._cachedDataOpts,s=n+"-"+e,l=r[s],c=this.enableOptionSharing&&Object(o.Mb)(a);if(l)return U(l,c);var d=this.chart.config,u=d.datasetElementScopeKeys(this._type,n),h=i?["".concat(n,"Hover"),"hover",n,""]:[n,""],f=d.getOptionScopes(this.getDataset(),u),p=Object.keys(o.Ib.elements[n]),b=function(){return t.getContext(a,i,e)},v=d.resolveNamedOptions(f,p,b,h);return v.$shared&&(v.$shared=c,r[s]=Object.freeze(U(v,c))),v}},{key:"_resolveAnimations",value:function(n,t,e){var o,a=this.chart,i=this._cachedDataOpts,r="animation-".concat(t),s=i[r];if(s)return s;if(!1!==a.options.animation){var l=this.chart.config,c=l.datasetAnimationScopeKeys(this._type,t),d=l.getOptionScopes(this.getDataset(),c);o=l.createResolver(d,this.getContext(n,e,t))}var u=new M(a,o&&o.animations);return o&&o._cacheable&&(i[r]=Object.freeze(u)),u}},{key:"getSharedOptions",value:function(n){if(n.$shared)return this._sharedOptions||(this._sharedOptions=Object.assign({},n))}},{key:"includeOptions",value:function(n,t){return!t||V(n)||this.chart._animationsDisabled}},{key:"_getSharedOptions",value:function(n,t){var e=this.resolveDataElementOptions(n,t),o=this._sharedOptions,a=this.getSharedOptions(e),i=this.includeOptions(t,a)||a!==o;return this.updateSharedOptions(a,t,e),{sharedOptions:a,includeOptions:i}}},{key:"updateElement",value:function(n,t,e,o){V(o)?Object.assign(n,e):this._resolveAnimations(t,o).update(n,e)}},{key:"updateSharedOptions",value:function(n,t,e){n&&!V(t)&&this._resolveAnimations(void 0,t).update(n,e)}},{key:"_setStyle",value:function(n,t,e,o){n.active=o;var a=this.getStyle(t,o);this._resolveAnimations(t,e,o).update(n,{options:!o&&this.getSharedOptions(a)||a})}},{key:"removeHoverStyle",value:function(n,t,e){this._setStyle(n,e,"active",!1)}},{key:"setHoverStyle",value:function(n,t,e){this._setStyle(n,e,"active",!0)}},{key:"_removeDatasetHoverStyle",value:function(){var n=this._cachedMeta.dataset;n&&this._setStyle(n,void 0,"active",!1)}},{key:"_setDatasetHoverStyle",value:function(){var n=this._cachedMeta.dataset;n&&this._setStyle(n,void 0,"active",!0)}},{key:"_resyncElements",value:function(n){var t,e=this._data,o=this._cachedMeta.data,a=v(this._syncList);try{for(a.s();!(t=a.n()).done;){var i=p(t.value,3),r=i[0],s=i[1],l=i[2];this[r](s,l)}}catch(n){a.e(n)}finally{a.f()}this._syncList=[];var c=o.length,d=e.length,u=Math.min(d,c);u&&this.parse(0,u),d>c?this._insertElements(c,d-c,n):d2&&void 0!==arguments[2])||arguments[2],a=this._cachedMeta,i=a.data,r=n+t,s=function(n){for(n.length+=t,e=n.length-1;e>=r;e--)n[e]=n[e-t]};for(s(i),e=n;eMath.abs(s)&&(l=s,c=r),t[e.axis]=c,t._custom={barStart:l,barEnd:c,start:a,end:i,min:r,max:s}}(n,t,e,a):t[e.axis]=e.parse(n,a),t}function B(n,t,e,o){var a,i,r,s,l=n.iScale,c=n.vScale,d=l.getLabels(),u=l===c,h=[];for(a=e,i=e+o;an.x,e="left",o="right"):(t=n.base=e?1:-1)}(e,i,u)*d,b===u&&(y-=e/2);var x=i.getPixelForDecimal(0),w=i.getPixelForDecimal(1),O=Math.min(x,w),C=Math.max(x,w);t=(y=Math.max(Math.min(y,C),O))+e,r&&!p&&(h._stacks[i.axis]._visualValues[s]=i.getValueForPixel(t)-i.getValueForPixel(y))}if(y===i.getPixelForValue(u)){var k=Object(o.Xb)(e)*i.getLineWidthForValue(u)/2;y+=k,e-=k}return{size:e,base:y,head:t,center:t+e/2}}},{key:"_calculateBarIndexPixels",value:function(n,t){var e,a,i=t.scale,r=this.options,s=r.skipNull,l=Object(o.ac)(r.maxBarThickness,1/0);if(t.grouped){var c=s?this._getStackCount(n):t.stackCount,d="flex"===r.barThickness?function(n,t,e,o){var a=t.pixels,i=a[n],r=n>0?a[n-1]:null,s=n=0;--e)t=Math.max(t,n[e].size(this.resolveDataElementOptions(e))/2);return t>0&&t}},{key:"getLabelAndValue",value:function(n){var t=this._cachedMeta,e=this.chart.data.labels||[],o=t.xScale,a=t.yScale,i=this.getParsed(n),r=o.getLabelForValue(i.x),s=a.getLabelForValue(i.y),l=i._custom;return{label:e[n]||"",value:"("+r+", "+s+(l?", "+l:"")+")"}}},{key:"update",value:function(n){var t=this._cachedMeta.data;this.updateElements(t,0,t.length,n)}},{key:"updateElements",value:function(n,t,e,o){for(var a="reset"===o,i=this._cachedMeta,r=i.iScale,s=i.vScale,l=this._getSharedOptions(t,o),c=l.sharedOptions,d=l.includeOptions,u=r.axis,h=s.axis,f=t;f0&&!isNaN(n)?o.u*(Math.abs(n)/t):0}},{key:"getLabelAndValue",value:function(n){var t=this._cachedMeta,e=this.chart,a=e.data.labels||[],i=Object(o.Tb)(t._parsed[n],e.options.locale);return{label:a[n]||"",value:i}}},{key:"getMaxBorderWidth",value:function(n){var t,e,o,a,i,r=0,s=this.chart;if(!n)for(t=0,e=s.data.datasets.length;t0&&this.getParsed(t-1),k=0;k=w)S.skip=!0;else{var D=this.getParsed(k),M=Object(o.Pb)(D[b]),A=S[p]=s.getPixelForValue(D[p],k),P=S[b]=i||M?l.getBasePixel():l.getPixelForValue(c?this.applyStack(l,D,c):D[b],k);S.skip=isNaN(A)||isNaN(P)||M,S.stop=k>0&&Math.abs(D[p]-C[p])>y,g&&(S.parsed=D,S.raw=d.data[k]),f&&(S.options=h||this.resolveDataElementOptions(k,_.active?"active":a)),x||this.updateElement(_,k,S,a),C=D}}}},{key:"getMaxOverflow",value:function(){var n=this._cachedMeta,t=n.dataset,e=t.options&&t.options.borderWidth||0,o=n.data||[];if(!o.length)return e;var a=o[0].size(this.resolveDataElementOptions(0)),i=o[o.length-1].size(this.resolveDataElementOptions(o.length-1));return Math.max(e,a,i)/2}},{key:"draw",value:function(){var n=this._cachedMeta;n.dataset.updateControlPoints(this.chart.chartArea,n.iScale.axis),r(f(e.prototype),"draw",this).call(this)}}]),e}(z);b(Z,"id","line"),b(Z,"defaults",{datasetElementType:"line",dataElementType:"point",showLine:!0,spanGaps:!1}),b(Z,"overrides",{scales:{_index_:{type:"category"},_value_:{type:"linear"}}});var Q=function(n){l(e,n);var t=d(e);function e(n,o){var a;return w(this,e),(a=t.call(this,n,o)).innerRadius=void 0,a.outerRadius=void 0,a}return C(e,[{key:"getLabelAndValue",value:function(n){var t=this._cachedMeta,e=this.chart,a=e.data.labels||[],i=Object(o.Tb)(t._parsed[n].r,e.options.locale);return{label:a[n]||"",value:i}}},{key:"parseObjectData",value:function(n,t,e,a){return o.dc.bind(this)(n,t,e,a)}},{key:"update",value:function(n){var t=this._cachedMeta.data;this._updateRadius(),this.updateElements(t,0,t.length,n)}},{key:"getMinMax",value:function(){var n=this,t=this._cachedMeta,e={min:Number.POSITIVE_INFINITY,max:Number.NEGATIVE_INFINITY};return t.data.forEach((function(t,o){var a=n.getParsed(o).r;!isNaN(a)&&n.chart.getDataVisibility(o)&&(ae.max&&(e.max=a))})),e}},{key:"_updateRadius",value:function(){var n=this.chart,t=n.chartArea,e=n.options,o=Math.min(t.right-t.left,t.bottom-t.top),a=Math.max(o/2,0),i=(a-Math.max(e.cutoutPercentage?a/100*e.cutoutPercentage:1,0))/n.getVisibleDatasetCount();this.outerRadius=a-i*this.index,this.innerRadius=this.outerRadius-i}},{key:"updateElements",value:function(n,t,e,a){var i,r="reset"===a,s=this.chart,l=s.options.animation,c=this._cachedMeta.rScale,d=c.xCenter,u=c.yCenter,h=c.getIndexAngle(0)-.5*o.q,f=h,p=360/this.countVisibleElements();for(i=0;i0&&this.getParsed(t-1),O=t;O0&&Math.abs(k[p]-w[p])>y,g&&(_.parsed=k,_.raw=d.data[O]),f&&(_.options=h||this.resolveDataElementOptions(O,C.active?"active":a)),x||this.updateElement(C,O,_,a),w=k}this.updateSharedOptions(h,a,u)}},{key:"getMaxOverflow",value:function(){var n=this._cachedMeta,t=n.data||[];if(!this.options.showLine){for(var e=0,o=t.length-1;o>=0;--o)e=Math.max(e,t[o].size(this.resolveDataElementOptions(o))/2);return e>0&&e}var a=n.dataset,i=a.options&&a.options.borderWidth||0;if(!t.length)return i;var r=t[0].size(this.resolveDataElementOptions(0)),s=t[t.length-1].size(this.resolveDataElementOptions(t.length-1));return Math.max(i,r,s)/2}}]),e}(z);b(en,"id","scatter"),b(en,"defaults",{datasetElementType:!1,dataElementType:"point",showLine:!1,fill:!1}),b(en,"overrides",{interaction:{mode:"point"},scales:{x:{type:"linear"},y:{type:"linear"}}});var on=Object.freeze({__proto__:null,BarController:q,BubbleController:G,DoughnutController:K,LineController:Z,PieController:nn,PolarAreaController:Q,RadarController:tn,ScatterController:en});function an(){throw new Error("This method is not implemented: Check that a complete date adapter is provided.")}var rn={_date:function(){function n(t){w(this,n),b(this,"options",void 0),this.options=t||{}}return C(n,[{key:"init",value:function(){}},{key:"formats",value:function(){return an()}},{key:"parse",value:function(){return an()}},{key:"format",value:function(){return an()}},{key:"add",value:function(){return an()}},{key:"diff",value:function(){return an()}},{key:"startOf",value:function(){return an()}},{key:"endOf",value:function(){return an()}}],[{key:"override",value:function(t){Object.assign(n.prototype,t)}}]),n}()};function sn(n,t,e,a){var i=n.controller,r=n.data,s=n._sorted,l=i._cachedMeta.iScale;if(l&&t===l.axis&&"r"!==t&&s&&r.length){var c=l._reversePixels?o.b:o.c;if(!a)return c(r,t,e);if(i._sharedOptions){var d=r[0],u="function"==typeof d.getRange&&d.getRange(t);if(u){var h=c(r,t,e-u),f=c(r,t,e+u);return{lo:h.lo,hi:f.hi}}}}return{lo:0,hi:r.length-1}}function ln(n,t,e,o,a){for(var i=n.getSortedVisibleDatasetMetas(),r=e[t],s=0,l=i.length;s0){var c=l[0].datasetIndex,d=n.getDatasetMeta(c).data;l=[];for(var u=0;ui)return function(n,t,e,o){var a,i=0,r=e[0];for(o=Math.ceil(o),a=0;ai)return c}return Math.max(i,1)}(r,t,i);if(s>0){var h,f,p=s>1?Math.round((c-l)/(s-1)):null;for(Jn(t,d,u,Object(o.Pb)(p)?0:l-p,l),h=0,f=s-1;hs+1e-6)))return l}function Qn(n){return n.drawTicks?n.tickLength:0}function nt(n,t){if(!n.display)return 0;var e=Object(o.D)(n.font,t),a=Object(o.f)(n.padding);return(Object(o.Db)(n.text)?n.text.length:1)*e.lineHeight+a.height}function tt(n,t,e){var a=Object(o.E)(n);return(e&&"right"!==t||!e&&"right"===t)&&(a=function(n){return"left"===n?"right":"right"===n?"left":n}(a)),a}var et=function(n){l(e,n);var t=d(e);function e(n){var o;return w(this,e),(o=t.call(this)).id=n.id,o.type=n.type,o.options=void 0,o.ctx=n.ctx,o.chart=n.chart,o.top=void 0,o.bottom=void 0,o.left=void 0,o.right=void 0,o.width=void 0,o.height=void 0,o._margins={left:0,right:0,top:0,bottom:0},o.maxWidth=void 0,o.maxHeight=void 0,o.paddingTop=void 0,o.paddingBottom=void 0,o.paddingLeft=void 0,o.paddingRight=void 0,o.axis=void 0,o.labelRotation=void 0,o.min=void 0,o.max=void 0,o._range=void 0,o.ticks=[],o._gridLineItems=null,o._labelItems=null,o._labelSizes=null,o._length=0,o._maxLength=0,o._longestTextCache={},o._startPixel=void 0,o._endPixel=void 0,o._reversePixels=!1,o._userMax=void 0,o._userMin=void 0,o._suggestedMax=void 0,o._suggestedMin=void 0,o._ticksLength=0,o._borderValue=0,o._cache={},o._dataLimitsCached=!1,o.$context=void 0,o}return C(e,[{key:"init",value:function(n){this.options=n.setContext(this.getContext()),this.axis=n.axis,this._userMin=this.parse(n.min),this._userMax=this.parse(n.max),this._suggestedMin=this.parse(n.suggestedMin),this._suggestedMax=this.parse(n.suggestedMax)}},{key:"parse",value:function(n,t){return n}},{key:"getUserBounds",value:function(){var n=this._userMin,t=this._userMax,e=this._suggestedMin,a=this._suggestedMax;return n=Object(o.p)(n,Number.POSITIVE_INFINITY),t=Object(o.p)(t,Number.NEGATIVE_INFINITY),e=Object(o.p)(e,Number.POSITIVE_INFINITY),a=Object(o.p)(a,Number.NEGATIVE_INFINITY),{min:Object(o.p)(n,e),max:Object(o.p)(t,a),minDefined:Object(o.Lb)(n),maxDefined:Object(o.Lb)(t)}}},{key:"getMinMax",value:function(n){var t,e=this.getUserBounds(),a=e.min,i=e.max,r=e.minDefined,s=e.maxDefined;if(r&&s)return{min:a,max:i};for(var l=this.getMatchingVisibleMetas(),c=0,d=l.length;ci?i:a,i=r&&a>i?a:i,{min:Object(o.p)(a,Object(o.p)(i,a)),max:Object(o.p)(i,Object(o.p)(a,i))}}},{key:"getPadding",value:function(){return{left:this.paddingLeft||0,top:this.paddingTop||0,right:this.paddingRight||0,bottom:this.paddingBottom||0}}},{key:"getTicks",value:function(){return this.ticks}},{key:"getLabels",value:function(){var n=this.chart.data;return this.options.labels||(this.isHorizontal()?n.xLabels:n.yLabels)||n.labels||[]}},{key:"getLabelItems",value:function(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.chart.chartArea,t=this._labelItems||(this._labelItems=this._computeLabelItems(n));return t}},{key:"beforeLayout",value:function(){this._cache={},this._dataLimitsCached=!1}},{key:"beforeUpdate",value:function(){Object(o.r)(this.options.beforeUpdate,[this])}},{key:"update",value:function(n,t,e){var a=this.options,i=a.beginAtZero,r=a.grace,s=a.ticks,l=s.sampleSize;this.beforeUpdate(),this.maxWidth=n,this.maxHeight=t,this._margins=e=Object.assign({left:0,right:0,top:0,bottom:0},e),this.ticks=null,this._labelSizes=null,this._gridLineItems=null,this._labelItems=null,this.beforeSetDimensions(),this.setDimensions(),this.afterSetDimensions(),this._maxLength=this.isHorizontal()?this.width+e.left+e.right:this.height+e.top+e.bottom,this._dataLimitsCached||(this.beforeDataLimits(),this.determineDataLimits(),this.afterDataLimits(),this._range=Object(o.s)(this,r,i),this._dataLimitsCached=!0),this.beforeBuildTicks(),this.ticks=this.buildTicks()||[],this.afterBuildTicks();var c=l=l||r<=1||!this.isHorizontal())this.labelRotation=s;else{var d=this._getLabelSizes(),u=d.widest.width,h=d.highest.height,f=Object(o.t)(this.chart.width-u,0,this.maxWidth);u+6>(n=a.offset?this.maxWidth/r:f/(r-1))&&(n=f/(r-(a.offset?.5:1)),t=this.maxHeight-Qn(a.grid)-i.padding-nt(a.title,this.chart.options.font),e=Math.sqrt(u*u+h*h),c=Object(o.v)(Math.min(Math.asin(Object(o.t)((d.highest.height+6)/n,-1,1)),Math.asin(Object(o.t)(t/e,-1,1))-Math.asin(Object(o.t)(h/e,-1,1)))),c=Math.max(s,Math.min(l,c))),this.labelRotation=c}}},{key:"afterCalculateLabelRotation",value:function(){Object(o.r)(this.options.afterCalculateLabelRotation,[this])}},{key:"afterAutoSkip",value:function(){}},{key:"beforeFit",value:function(){Object(o.r)(this.options.beforeFit,[this])}},{key:"fit",value:function(){var n={width:0,height:0},t=this.chart,e=this.options,a=e.ticks,i=e.title,r=e.grid,s=this._isVisible(),l=this.isHorizontal();if(s){var c=nt(i,t.options.font);if(l?(n.width=this.maxWidth,n.height=Qn(r)+c):(n.height=this.maxHeight,n.width=Qn(r)+c),a.display&&this.ticks.length){var d=this._getLabelSizes(),u=d.first,h=d.last,f=d.widest,p=d.highest,b=2*a.padding,v=Object(o.Yb)(this.labelRotation),m=Math.cos(v),g=Math.sin(v);if(l){var y=a.mirror?0:g*f.width+m*p.height;n.height=Math.min(this.maxHeight,n.height+y+b)}else{var x=a.mirror?0:m*f.width+g*p.height;n.width=Math.min(this.maxWidth,n.width+x+b)}this._calculatePadding(u,h,g,m)}}this._handleMargins(),l?(this.width=this._length=t.width-this._margins.left-this._margins.right,this.height=n.height):(this.width=n.width,this.height=this._length=t.height-this._margins.top-this._margins.bottom)}},{key:"_calculatePadding",value:function(n,t,e,o){var a=this.options,i=a.ticks,r=i.align,s=i.padding,l=a.position,c=0!==this.labelRotation,d="top"!==l&&"x"===this.axis;if(this.isHorizontal()){var u=this.getPixelForTick(0)-this.left,h=this.right-this.getPixelForTick(this.ticks.length-1),f=0,p=0;c?d?(f=o*n.width,p=e*t.height):(f=e*n.height,p=o*t.width):"start"===r?p=t.width:"end"===r?f=n.width:"inner"!==r&&(f=n.width/2,p=t.width/2),this.paddingLeft=Math.max((f-u+s)*this.width/(this.width-u),0),this.paddingRight=Math.max((p-h+s)*this.width/(this.width-h),0)}else{var b=t.height/2,v=n.height/2;"start"===r?(b=0,v=n.height):"end"===r&&(b=t.height,v=0),this.paddingTop=b+s,this.paddingBottom=v+s}}},{key:"_handleMargins",value:function(){this._margins&&(this._margins.left=Math.max(this.paddingLeft,this._margins.left),this._margins.top=Math.max(this.paddingTop,this._margins.top),this._margins.right=Math.max(this.paddingRight,this._margins.right),this._margins.bottom=Math.max(this.paddingBottom,this._margins.bottom))}},{key:"afterFit",value:function(){Object(o.r)(this.options.afterFit,[this])}},{key:"isHorizontal",value:function(){var n=this.options,t=n.axis,e=n.position;return"top"===e||"bottom"===e||"x"===t}},{key:"isFullSize",value:function(){return this.options.fullSize}},{key:"_convertTicksToLabels",value:function(n){var t,e;for(this.beforeTickToLabelConversion(),this.generateTickLabels(n),t=0,e=n.length;tt){for(e=0;et.length-1?null:this.getPixelForValue(t[n].value)}},{key:"getPixelForDecimal",value:function(n){this._reversePixels&&(n=1-n);var t=this._startPixel+n*this._length;return Object(o.x)(this._alignToPixels?Object(o.y)(this.chart,t,0):t)}},{key:"getDecimalForPixel",value:function(n){var t=(n-this._startPixel)/this._length;return this._reversePixels?1-t:t}},{key:"getBasePixel",value:function(){return this.getPixelForValue(this.getBaseValue())}},{key:"getBaseValue",value:function(){var n=this.min,t=this.max;return n<0&&t<0?t:n>0&&t>0?n:0}},{key:"getContext",value:function(n){var t,e,a=this.ticks||[];if(n>=0&&ns*a?s/e:l/a:l*a0}},{key:"_computeGridLineItems",value:function(n){var t,e,a,i,r,s,l,c,d,u,h,f,p=this.axis,b=this.chart,v=this.options,m=v.grid,g=v.position,y=v.border,x=m.offset,w=this.isHorizontal(),O=this.ticks.length+(x?1:0),C=Qn(m),k=[],_=y.setContext(this.getContext()),S=_.display?_.width:0,D=S/2,M=function(n){return Object(o.y)(b,n,S)};if("top"===g)t=M(this.bottom),s=this.bottom-C,c=t-D,u=M(n.top)+D,f=n.bottom;else if("bottom"===g)t=M(this.top),u=n.top,f=M(n.bottom)-D,s=t+D,c=this.top+C;else if("left"===g)t=M(this.right),r=this.right-C,l=t-D,d=M(n.left)+D,h=n.right;else if("right"===g)t=M(this.left),d=n.left,h=M(n.right)-D,r=t+D,l=this.left+C;else if("x"===p){if("center"===g)t=M((n.top+n.bottom)/2+.5);else if(Object(o.Nb)(g)){var A=Object.keys(g)[0],P=g[A];t=M(this.chart.scales[A].getPixelForValue(P))}u=n.top,f=n.bottom,c=(s=t+D)+C}else if("y"===p){if("center"===g)t=M((n.left+n.right)/2);else if(Object(o.Nb)(g)){var j=Object.keys(g)[0],T=g[j];t=M(this.chart.scales[j].getPixelForValue(T))}l=(r=t-D)-C,d=n.left,h=n.right}var I=Object(o.ac)(v.ticks.maxTicksLimit,O),E=Math.max(1,Math.ceil(O/I));for(e=0;e=0?t.setContext(this.getContext(e)).lineWidth:0}},{key:"drawGrid",value:function(n){var t,e,o=this.options.grid,a=this.ctx,i=this._gridLineItems||(this._gridLineItems=this._computeGridLineItems(n)),r=function(n,t,e){e.width&&e.color&&(a.save(),a.lineWidth=e.width,a.strokeStyle=e.color,a.setLineDash(e.borderDash||[]),a.lineDashOffset=e.borderDashOffset,a.beginPath(),a.moveTo(n.x,n.y),a.lineTo(t.x,t.y),a.stroke(),a.restore())};if(o.display)for(t=0,e=i.length;t1?t-1:0),o=1;o1&&ct(n[0].toLowerCase());if(s)return s}throw new Error("Cannot determine type of '".concat(n,"' axis. Please provide 'axis' or 'position' option."))}function ht(n,t,e){if(e[t+"AxisID"]===n)return{axis:t}}function ft(n,t){var e=o.G[n.type]||{scales:{}},a=t.scales||{},i=lt(n.type,t),r=Object.create(null);return Object.keys(a).forEach((function(t){var s=a[t];if(!Object(o.Nb)(s))return console.error("Invalid scale configuration for scale: ".concat(t));if(s._proxy)return console.warn("Ignoring resolver passed as options for scale: ".concat(t));var l=ut(t,s,function(n,t){if(t.data&&t.data.datasets){var e=t.data.datasets.filter((function(t){return t.xAxisID===n||t.yAxisID===n}));if(e.length)return ht(n,"x",e[0])||ht(n,"y",e[0])}return{}}(t,n),o.Ib.scales[s.type]),c=function(n,t){return n===t?"_index_":"_value_"}(l,i),d=e.scales||{};r[t]=Object(o.eb)(Object.create(null),[{axis:l},s,d[l],d[c]])})),n.data.datasets.forEach((function(e){var i=e.type||n.type,s=e.indexAxis||lt(i,t),l=(o.G[i]||{}).scales||{};Object.keys(l).forEach((function(n){var t=function(n,t){var e=n;return"_index_"===n?e=t:"_value_"===n&&(e="x"===t?"y":"x"),e}(n,s),i=e[t+"AxisID"]||t;r[i]=r[i]||Object.create(null),Object(o.eb)(r[i],[{axis:t},a[i],l[n]])}))})),Object.keys(r).forEach((function(n){var t=r[n];Object(o.eb)(t,[o.Ib.scales[t.type],o.Ib.scale])})),r}function pt(n){var t=n.options||(n.options={});t.plugins=Object(o.ac)(t.plugins,{}),t.scales=ft(n,t)}function bt(n){return(n=n||{}).datasets=n.datasets||[],n.labels=n.labels||[],n}var vt=new Map,mt=new Set;function gt(n,t){var e=vt.get(n);return e||(e=t(),vt.set(n,e),mt.add(e)),e}var yt=function(n,t,e){var a=Object(o.Kb)(t,e);void 0!==a&&n.add(a)},xt=function(){function n(t){w(this,n),this._config=function(n){return(n=n||{}).data=bt(n.data),pt(n),n}(t),this._scopeCache=new Map,this._resolverCache=new Map}return C(n,[{key:"platform",get:function(){return this._config.platform}},{key:"type",get:function(){return this._config.type},set:function(n){this._config.type=n}},{key:"data",get:function(){return this._config.data},set:function(n){this._config.data=bt(n)}},{key:"options",get:function(){return this._config.options},set:function(n){this._config.options=n}},{key:"plugins",get:function(){return this._config.plugins}},{key:"update",value:function(){var n=this._config;this.clearCache(),pt(n)}},{key:"clearCache",value:function(){this._scopeCache.clear(),this._resolverCache.clear()}},{key:"datasetScopeKeys",value:function(n){return gt(n,(function(){return[["datasets.".concat(n),""]]}))}},{key:"datasetAnimationScopeKeys",value:function(n,t){return gt("".concat(n,".transition.").concat(t),(function(){return[["datasets.".concat(n,".transitions.").concat(t),"transitions.".concat(t)],["datasets.".concat(n),""]]}))}},{key:"datasetElementScopeKeys",value:function(n,t){return gt("".concat(n,"-").concat(t),(function(){return[["datasets.".concat(n,".elements.").concat(t),"datasets.".concat(n),"elements.".concat(t),""]]}))}},{key:"pluginScopeKeys",value:function(n){var t=n.id,e=this.type;return gt("".concat(e,"-plugin-").concat(t),(function(){return[["plugins.".concat(t)].concat(g(n.additionalOptionScopes||[]))]}))}},{key:"_cachedScopes",value:function(n,t){var e=this._scopeCache,o=e.get(n);return o&&!t||(o=new Map,e.set(n,o)),o}},{key:"getOptionScopes",value:function(n,t,e){var a=this.options,i=this.type,r=this._cachedScopes(n,e),s=r.get(t);if(s)return s;var l=new Set;t.forEach((function(t){n&&(l.add(n),t.forEach((function(t){return yt(l,n,t)}))),t.forEach((function(n){return yt(l,a,n)})),t.forEach((function(n){return yt(l,o.G[i]||{},n)})),t.forEach((function(n){return yt(l,o.Ib,n)})),t.forEach((function(n){return yt(l,o.J,n)}))}));var c=Array.from(l);return 0===c.length&&c.push(Object.create(null)),mt.has(t)&&r.set(t,c),c}},{key:"chartOptionScopes",value:function(){var n=this.options,t=this.type;return[n,o.G[t]||{},o.Ib.datasets[t]||{},{type:t},o.Ib,o.J]}},{key:"resolveNamedOptions",value:function(n,t,e){var a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:[""],i={$shared:!0},r=wt(this._resolverCache,n,a),s=r.resolver,l=r.subPrefixes,c=s;if(Ct(s,t)){i.$shared=!1,e=Object(o.K)(e)?e():e;var d=this.createResolver(n,e,l);c=Object(o.L)(s,e,d)}var u,h=v(t);try{for(h.s();!(u=h.n()).done;){var f=u.value;i[f]=c[f]}}catch(n){h.e(n)}finally{h.f()}return i}},{key:"createResolver",value:function(n,t){var e=arguments.length>2&&void 0!==arguments[2]?arguments[2]:[""],a=arguments.length>3?arguments[3]:void 0,i=wt(this._resolverCache,n,e),r=i.resolver;return Object(o.Nb)(t)?Object(o.L)(r,t,void 0,a):r}}]),n}();function wt(n,t,e){var a=n.get(t);a||(a=new Map,n.set(t,a));var i=e.join(),r=a.get(i);r||(r={resolver:Object(o.M)(t,e),subPrefixes:e.filter((function(n){return!n.toLowerCase().includes("hover")}))},a.set(i,r));return r}var Ot=function(n){return Object(o.Nb)(n)&&Object.getOwnPropertyNames(n).reduce((function(t,e){return t||Object(o.K)(n[e])}),!1)};function Ct(n,t){var e,a=Object(o.db)(n),i=a.isScriptable,r=a.isIndexable,s=v(t);try{for(s.s();!(e=s.n()).done;){var l=e.value,c=i(l),d=r(l),u=(d||c)&&n[l];if(c&&(Object(o.K)(u)||Ot(u))||d&&Object(o.Db)(u))return!0}}catch(n){s.e(n)}finally{s.f()}return!1}var kt=["top","bottom","left","right","chartArea"];function _t(n,t){return"top"===n||"bottom"===n||-1===kt.indexOf(n)&&"x"===t}function St(n,t){return function(e,o){return e[n]===o[n]?e[t]-o[t]:e[n]-o[n]}}function Dt(n){var t=n.chart,e=t.options.animation;t.notifyPlugins("afterRender"),Object(o.r)(e&&e.onComplete,[n],t)}function Mt(n){var t=n.chart,e=t.options.animation;Object(o.r)(e&&e.onProgress,[n],t)}function At(n){return Object(o.n)()&&"string"==typeof n?n=document.getElementById(n):n&&n.length&&(n=n[0]),n&&n.canvas&&(n=n.canvas),n}var Pt={},jt=function(n){var t=At(n);return Object.values(Pt).filter((function(n){return n.canvas===t})).pop()};function Tt(n,t,e){for(var o=0,a=Object.keys(n);o=t){var s=n[i];delete n[i],(e>0||r>t)&&(n[r+e]=s)}}}var It=function(){function n(t,e){var a=this;w(this,n);var i=this.config=new xt(e),r=At(t),s=jt(r);if(s)throw new Error("Canvas is already in use. Chart with ID '"+s.id+"' must be destroyed before the canvas with ID '"+s.canvas.id+"' can be reused.");var l=i.createResolver(i.chartOptionScopes(),this.getContext());this.platform=new(i.platform||function(n){return!Object(o.n)()||"undefined"!=typeof OffscreenCanvas&&n instanceof OffscreenCanvas?jn:$n}(r)),this.platform.updateConfig(i);var c=this.platform.acquireContext(r,l.aspectRatio),d=c&&c.canvas,u=d&&d.height,h=d&&d.width;this.id=Object(o.fb)(),this.ctx=c,this.canvas=d,this.width=h,this.height=u,this._options=l,this._aspectRatio=this.aspectRatio,this._layers=[],this._metasets=[],this._stacks=void 0,this.boxes=[],this.currentDevicePixelRatio=void 0,this.chartArea=void 0,this._active=[],this._lastEvent=void 0,this._listeners={},this._responsiveListeners=void 0,this._sortedMetasets=[],this.scales={},this._plugins=new it,this.$proxies={},this._hiddenIndices={},this.attached=!1,this._animationsDisabled=void 0,this.$context=void 0,this._doResize=Object(o.gb)((function(n){return a.update(n)}),l.resizeDelay||0),this._dataChanges=[],Pt[this.id]=this,c&&d?(_.listen(this,"complete",Dt),_.listen(this,"progress",Mt),this._initialize(),this.attached&&this.update()):console.error("Failed to create chart: can't acquire context from the given item")}return C(n,[{key:"aspectRatio",get:function(){var n=this.options,t=n.aspectRatio,e=n.maintainAspectRatio,a=this.width,i=this.height,r=this._aspectRatio;return Object(o.Pb)(t)?e&&r?r:i?a/i:null:t}},{key:"data",get:function(){return this.config.data},set:function(n){this.config.data=n}},{key:"options",get:function(){return this._options},set:function(n){this.config.options=n}},{key:"registry",get:function(){return at}},{key:"_initialize",value:function(){return this.notifyPlugins("beforeInit"),this.options.responsive?this.resize():Object(o.hb)(this,this.options.devicePixelRatio),this.bindEvents(),this.notifyPlugins("afterInit"),this}},{key:"clear",value:function(){return Object(o.ib)(this.canvas,this.ctx),this}},{key:"stop",value:function(){return _.stop(this),this}},{key:"resize",value:function(n,t){_.running(this)?this._resizeBeforeDraw={width:n,height:t}:this._resize(n,t)}},{key:"_resize",value:function(n,t){var e=this.options,a=this.canvas,i=e.maintainAspectRatio&&this.aspectRatio,r=this.platform.getMaximumSize(a,n,t,i),s=e.devicePixelRatio||this.platform.getDevicePixelRatio(),l=this.width?"resize":"attach";this.width=r.width,this.height=r.height,this._aspectRatio=this.aspectRatio,Object(o.hb)(this,s,!0)&&(this.notifyPlugins("resize",{size:r}),Object(o.r)(e.onResize,[this,r],this),this.attached&&this._doResize(l)&&this.render())}},{key:"ensureScalesHaveIDs",value:function(){var n=this.options.scales||{};Object(o.g)(n,(function(n,t){n.id=t}))}},{key:"buildOrUpdateScales",value:function(){var n=this,t=this.options,e=t.scales,a=this.scales,i=Object.keys(a).reduce((function(n,t){return n[t]=!1,n}),{}),r=[];e&&(r=r.concat(Object.keys(e).map((function(n){var t=e[n],o=ut(n,t),a="r"===o,i="x"===o;return{options:t,dposition:a?"chartArea":i?"bottom":"left",dtype:a?"radialLinear":i?"category":"linear"}})))),Object(o.g)(r,(function(e){var r=e.options,s=r.id,l=ut(s,r),c=Object(o.ac)(r.type,e.dtype);void 0!==r.position&&_t(r.position,l)===_t(e.dposition)||(r.position=e.dposition),i[s]=!0;var d=null;s in a&&a[s].type===c?d=a[s]:(d=new(at.getScale(c))({id:s,type:c,ctx:n.ctx,chart:n}),a[d.id]=d);d.init(r,t)})),Object(o.g)(i,(function(n,t){n||delete a[t]})),Object(o.g)(a,(function(t){Mn(n,t,t.options),Sn(n,t)}))}},{key:"_updateMetasets",value:function(){var n=this._metasets,t=this.data.datasets.length,e=n.length;if(n.sort((function(n,t){return n.index-t.index})),e>t){for(var o=t;oe.length&&delete this._stacks,t.forEach((function(t,o){0===e.filter((function(n){return n===t._dataset})).length&&n._destroyDatasetMeta(o)}))}},{key:"buildOrUpdateControllers",value:function(){var n,t,e=[],a=this.data.datasets;for(this._removeUnreferencedMetasets(),n=0,t=a.length;n=0;--t)this._drawDataset(n[t]);this.notifyPlugins("afterDatasetsDraw")}}},{key:"_drawDataset",value:function(n){var t=this.ctx,e=n._clip,a=!e.disabled,i=function(n){var t=n.xScale,e=n.yScale;if(t&&e)return{left:t.left,right:t.right,top:e.top,bottom:e.bottom}}(n)||this.chartArea,r={meta:n,index:n.index,cancelable:!0};!1!==this.notifyPlugins("beforeDatasetDraw",r)&&(a&&Object(o.z)(t,{left:!1===e.left?0:i.left-e.left,right:!1===e.right?this.width:i.right+e.right,top:!1===e.top?0:i.top-e.top,bottom:!1===e.bottom?this.height:i.bottom+e.bottom}),n.controller.draw(),a&&Object(o.a)(t),r.cancelable=!1,this.notifyPlugins("afterDatasetDraw",r))}},{key:"isPointInArea",value:function(n){return Object(o.d)(n,this.chartArea,this._minPadding)}},{key:"getElementsAtEventForMode",value:function(n,t,e,o){var a=fn.modes[t];return"function"==typeof a?a(this,n,e,o):[]}},{key:"getDatasetMeta",value:function(n){var t=this.data.datasets[n],e=this._metasets,o=e.filter((function(n){return n&&n._dataset===t})).pop();return o||(o={type:null,data:[],dataset:null,controller:null,hidden:null,xAxisID:null,yAxisID:null,order:t&&t.order||0,index:n,_dataset:t,_parsed:[],_sorted:!1},e.push(o)),o}},{key:"getContext",value:function(){return this.$context||(this.$context=Object(o.Ob)(null,{chart:this,type:"chart"}))}},{key:"getVisibleDatasetCount",value:function(){return this.getSortedVisibleDatasetMetas().length}},{key:"isDatasetVisible",value:function(n){var t=this.data.datasets[n];if(!t)return!1;var e=this.getDatasetMeta(n);return"boolean"==typeof e.hidden?!e.hidden:!t.hidden}},{key:"setDatasetVisibility",value:function(n,t){this.getDatasetMeta(n).hidden=!t}},{key:"toggleDataVisibility",value:function(n){this._hiddenIndices[n]=!this._hiddenIndices[n]}},{key:"getDataVisibility",value:function(n){return!this._hiddenIndices[n]}},{key:"_updateVisibility",value:function(n,t,e){var a=e?"show":"hide",i=this.getDatasetMeta(n),r=i.controller._resolveAnimations(void 0,a);Object(o.Mb)(t)?(i.data[t].hidden=!e,this.update()):(this.setDatasetVisibility(n,e),r.update(i,{visible:e}),this.update((function(t){return t.datasetIndex===n?a:void 0})))}},{key:"hide",value:function(n,t){this._updateVisibility(n,t,!1)}},{key:"show",value:function(n,t){this._updateVisibility(n,t,!0)}},{key:"_destroyDatasetMeta",value:function(n){var t=this._metasets[n];t&&t.controller&&t.controller._destroy(),delete this._metasets[n]}},{key:"_stop",value:function(){var n,t;for(this.stop(),_.remove(this),n=0,t=this.data.datasets.length;n0?u+a+e+d:0,p=0,b=i-c;if(a){var v=((u>0?u-a:0)+(h>0?h-a:0))/2;p=(b-(0!==v?b*v/(v+a):b))/2}var m=(b-Math.max(.001,b*h-e/o.q)/h)/2,g=c+m+p,y=i-m-p,x=Lt(t,f,h,y-g),w=x.outerStart,O=x.outerEnd,C=x.innerStart,k=x.innerEnd,_=h-w,S=h-O,D=g+w/_,M=y-O/S,A=f+C,P=f+k,j=g+C/A,T=y-k/P;if(n.beginPath(),r){var I=(D+M)/2;if(n.arc(s,l,h,D,I),n.arc(s,l,h,I,M),O>0){var E=Nt(S,M,s,l);n.arc(E.x,E.y,O,M,y+o.i)}var L=Nt(P,y,s,l);if(n.lineTo(L.x,L.y),k>0){var N=Nt(P,T,s,l);n.arc(N.x,N.y,k,y+o.i,T+Math.PI)}var R=(y-k/f+(g+C/f))/2;if(n.arc(s,l,f,y-k/f,R,!0),n.arc(s,l,f,R,g+C/f,!0),C>0){var V=Nt(A,j,s,l);n.arc(V.x,V.y,C,j+Math.PI,g-o.i)}var U=Nt(_,g,s,l);if(n.lineTo(U.x,U.y),w>0){var z=Nt(_,D,s,l);n.arc(z.x,z.y,w,g-o.i,D)}}else{n.moveTo(s,l);var W=Math.cos(D)*h+s,F=Math.sin(D)*h+l;n.lineTo(W,F);var B=Math.cos(M)*h+s,Y=Math.sin(M)*h+l;n.lineTo(B,Y)}n.closePath()}function Vt(n,t,e,a,i){var r=t.fullCircles,s=t.startAngle,l=t.circumference,c=t.options,d=c.borderWidth,u=c.borderJoinStyle,h=c.borderDash,f=c.borderDashOffset,p="inner"===c.borderAlign;if(d){n.setLineDash(h||[]),n.lineDashOffset=f,p?(n.lineWidth=2*d,n.lineJoin=u||"round"):(n.lineWidth=d,n.lineJoin=u||"bevel");var b=t.endAngle;if(r){Rt(n,t,e,a,b,i);for(var v=0;vi?(d=i/c,n.arc(r,s,c,e+d,a-d,!0)):n.arc(r,s,i,e+o.i,a-o.i),n.closePath(),n.clip()}(n,t,b),r||(Rt(n,t,e,a,b,i),n.stroke())}}b(It,"defaults",o.Ib),b(It,"instances",Pt),b(It,"overrides",o.G),b(It,"registry",at),b(It,"version","4.3.0"),b(It,"getChart",jt);var Ut=function(n){l(e,n);var t=d(e);function e(n){var o;return w(this,e),b(h(o=t.call(this)),"circumference",void 0),b(h(o),"endAngle",void 0),b(h(o),"fullCircles",void 0),b(h(o),"innerRadius",void 0),b(h(o),"outerRadius",void 0),b(h(o),"pixelMargin",void 0),b(h(o),"startAngle",void 0),o.options=void 0,o.circumference=void 0,o.startAngle=void 0,o.endAngle=void 0,o.innerRadius=void 0,o.outerRadius=void 0,o.pixelMargin=0,o.fullCircles=0,n&&Object.assign(h(o),n),o}return C(e,[{key:"inRange",value:function(n,t,e){var a=this.getProps(["x","y"],e),i=Object(o.e)(a,{x:n,y:t}),r=i.angle,s=i.distance,l=this.getProps(["startAngle","endAngle","innerRadius","outerRadius","circumference"],e),c=l.startAngle,d=l.endAngle,u=l.innerRadius,h=l.outerRadius,f=l.circumference,p=(this.options.spacing+this.options.borderWidth)/2,b=Object(o.ac)(f,d-c)>=o.u||Object(o.Ub)(r,c,d),v=Object(o.mb)(s,u+p,h+p);return b&&v}},{key:"getCenterPoint",value:function(n){var t=this.getProps(["x","y","startAngle","endAngle","innerRadius","outerRadius"],n),e=t.x,o=t.y,a=t.startAngle,i=t.endAngle,r=t.innerRadius,s=t.outerRadius,l=this.options,c=l.offset,d=(a+i)/2,u=(r+s+l.spacing+c)/2;return{x:e+Math.cos(d)*u,y:o+Math.sin(d)*u}}},{key:"tooltipPosition",value:function(n){return this.getCenterPoint(n)}},{key:"draw",value:function(n){var t=this.options,e=this.circumference,a=(t.offset||0)/4,i=(t.spacing||0)/2,r=t.circular;if(this.pixelMargin="inner"===t.borderAlign?.33:0,this.fullCircles=e>o.u?Math.floor(e/o.u):0,!(0===e||this.innerRadius<0||this.outerRadius<0)){n.save();var s=(this.startAngle+this.endAngle)/2;n.translate(Math.cos(s)*a,Math.sin(s)*a);var l=a*(1-Math.sin(Math.min(o.q,e||0)));n.fillStyle=t.backgroundColor,n.strokeStyle=t.borderColor,function(n,t,e,a,i){var r=t.fullCircles,s=t.startAngle,l=t.circumference,c=t.endAngle;if(r){Rt(n,t,e,a,c,i);for(var d=0;d2&&void 0!==arguments[2]?arguments[2]:t;n.lineCap=Object(o.ac)(e.borderCapStyle,t.borderCapStyle),n.setLineDash(Object(o.ac)(e.borderDash,t.borderDash)),n.lineDashOffset=Object(o.ac)(e.borderDashOffset,t.borderDashOffset),n.lineJoin=Object(o.ac)(e.borderJoinStyle,t.borderJoinStyle),n.lineWidth=Object(o.ac)(e.borderWidth,t.borderWidth),n.strokeStyle=Object(o.ac)(e.borderColor,t.borderColor)}function Wt(n,t,e){n.lineTo(e.x,e.y)}function Ft(n,t){var e=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},o=n.length,a=e.start,i=void 0===a?0:a,r=e.end,s=void 0===r?o-1:r,l=t.start,c=t.end,d=Math.max(i,l),u=Math.min(s,c),h=ic&&s>c;return{count:o,start:d,loop:t.loop,ilen:ul&&(l=k),y=(x*y+C)/++x):(O(),n.lineTo(C,k),r=_,x=0,s=l=k),c=k}O()}function $t(n){var t=n.options,e=t.borderDash&&t.borderDash.length;return!(n._decimated||n._loop||t.tension||"monotone"===t.cubicInterpolationMode||t.stepped||e)?Yt:Bt}b(Ut,"id","arc"),b(Ut,"defaults",{borderAlign:"center",borderColor:"#fff",borderDash:[],borderDashOffset:0,borderJoinStyle:void 0,borderRadius:0,borderWidth:2,offset:0,spacing:0,angle:void 0,circular:!0}),b(Ut,"defaultRoutes",{backgroundColor:"backgroundColor"}),b(Ut,"descriptors",{_scriptable:!0,_indexable:function(n){return"borderDash"!==n}});var Xt="function"==typeof Path2D;function Ht(n,t,e,o){Xt&&!t.options.segment?function(n,t,e,o){var a=t._path;a||(a=t._path=new Path2D,t.path(a,e,o)&&a.closePath()),zt(n,t.options),n.stroke(a)}(n,t,e,o):function(n,t,e,o){var a,i=t.segments,r=t.options,s=$t(t),l=v(i);try{for(l.s();!(a=l.n()).done;){var c=a.value;zt(n,r,c.style),n.beginPath(),s(n,t,c,{start:e,end:e+o-1})&&n.closePath(),n.stroke()}}catch(n){l.e(n)}finally{l.f()}}(n,t,e,o)}var Jt=function(n){l(e,n);var t=d(e);function e(n){var o;return w(this,e),(o=t.call(this)).animated=!0,o.options=void 0,o._chart=void 0,o._loop=void 0,o._fullLoop=void 0,o._path=void 0,o._points=void 0,o._segments=void 0,o._decimated=!1,o._pointsUpdated=!1,o._datasetIndex=void 0,n&&Object.assign(h(o),n),o}return C(e,[{key:"updateControlPoints",value:function(n,t){var e=this.options;if((e.tension||"monotone"===e.cubicInterpolationMode)&&!e.stepped&&!this._pointsUpdated){var a=e.spanGaps?this._loop:this._fullLoop;Object(o.ob)(this._points,e,n,a,t),this._pointsUpdated=!0}}},{key:"points",get:function(){return this._points},set:function(n){this._points=n,delete this._segments,delete this._path,this._pointsUpdated=!1}},{key:"segments",get:function(){return this._segments||(this._segments=Object(o.pb)(this,this.options.segment))}},{key:"first",value:function(){var n=this.segments,t=this.points;return n.length&&t[n[0].start]}},{key:"last",value:function(){var n=this.segments,t=this.points,e=n.length;return e&&t[n[e-1].end]}},{key:"interpolate",value:function(n,t){var e=this.options,a=n[t],i=this.points,r=Object(o.qb)(this,{property:t,start:a,end:a});if(r.length){var s,l,c=[],d=function(n){return n.stepped?o.rb:n.tension||"monotone"===n.cubicInterpolationMode?o.sb:o.tb}(e);for(s=0,l=r.length;s2&&void 0!==arguments[2]?arguments[2]:{},o=n.x!==e.x?-t:0,a=n.y!==e.y?-t:0,i=(n.x+n.w!==e.x+e.w?t:0)-o,r=(n.y+n.h!==e.y+e.h?t:0)-a;return{x:n.x+o,y:n.y+a,w:n.w+i,h:n.h+r,radius:n.radius}}b(Gt,"id","point"),b(Gt,"defaults",{borderWidth:1,hitRadius:1,hoverBorderWidth:1,hoverRadius:4,pointStyle:"circle",radius:3,rotation:0}),b(Gt,"defaultRoutes",{backgroundColor:"backgroundColor",borderColor:"borderColor"});var oe=function(n){l(e,n);var t=d(e);function e(n){var o;return w(this,e),(o=t.call(this)).options=void 0,o.horizontal=void 0,o.base=void 0,o.width=void 0,o.height=void 0,o.inflateAmount=void 0,n&&Object.assign(h(o),n),o}return C(e,[{key:"draw",value:function(n){var t,e=this.inflateAmount,a=this.options,i=a.borderColor,r=a.backgroundColor,s=Qt(this),l=s.inner,c=s.outer,d=(t=c.radius).topLeft||t.topRight||t.bottomLeft||t.bottomRight?o.xb:te;n.save(),c.w===l.w&&c.h===l.h||(n.beginPath(),d(n,ee(c,e,l)),n.clip(),d(n,ee(l,-e,c)),n.fillStyle=i,n.fill("evenodd")),n.beginPath(),d(n,ee(l,e)),n.fillStyle=r,n.fill(),n.restore()}},{key:"inRange",value:function(n,t,e){return ne(this,n,t,e)}},{key:"inXRange",value:function(n,t){return ne(this,n,null,t)}},{key:"inYRange",value:function(n,t){return ne(this,null,n,t)}},{key:"getCenterPoint",value:function(n){var t=this.getProps(["x","y","base","horizontal"],n),e=t.x,o=t.y,a=t.base,i=t.horizontal;return{x:i?(e+a)/2:e,y:i?o:(o+a)/2}}},{key:"getRange",value:function(n){return"x"===n?this.width/2:this.height/2}}]),e}(Xn);b(oe,"id","bar"),b(oe,"defaults",{borderSkipped:"start",borderWidth:0,borderRadius:0,inflateAmount:"auto",pointStyle:void 0}),b(oe,"defaultRoutes",{backgroundColor:"backgroundColor",borderColor:"borderColor"});var ae=Object.freeze({__proto__:null,ArcElement:Ut,BarElement:oe,LineElement:Jt,PointElement:Gt}),ie=["rgb(54, 162, 235)","rgb(255, 99, 132)","rgb(255, 159, 64)","rgb(255, 205, 86)","rgb(75, 192, 192)","rgb(153, 102, 255)","rgb(201, 203, 207)"],re=ie.map((function(n){return n.replace("rgb(","rgba(").replace(")",", 0.5)")}));function se(n){return ie[n%ie.length]}function le(n){return re[n%re.length]}function ce(n){var t=0;return function(e,o){var a=n.getDatasetMeta(o).controller;a instanceof K?t=function(n,t){return n.backgroundColor=n.data.map((function(){return se(t++)})),t}(e,t):a instanceof Q?t=function(n,t){return n.backgroundColor=n.data.map((function(){return le(t++)})),t}(e,t):a&&(t=function(n,t){return n.borderColor=se(t),n.backgroundColor=le(t),++t}(e,t))}}function de(n){var t;for(t in n)if(n[t].borderColor||n[t].backgroundColor)return!0;return!1}var ue={id:"colors",defaults:{enabled:!0,forceOverride:!1},beforeLayout:function(n,t,e){if(e.enabled){var o=n.config,a=o.data.datasets,i=o.options,r=i.elements;if(e.forceOverride||!(de(a)||(s=i,s&&(s.borderColor||s.backgroundColor))||r&&de(r))){var s,l=ce(n);a.forEach(l)}}}};function he(n){if(n._decimated){var t=n._data;delete n._decimated,delete n._data,Object.defineProperty(n,"data",{configurable:!0,enumerable:!0,writable:!0,value:t})}}function fe(n){n.data.datasets.forEach((function(n){he(n)}))}var pe={id:"decimation",defaults:{algorithm:"min-max",enabled:!1},beforeElementsUpdate:function(n,t,e){if(e.enabled){var a=n.width;n.data.datasets.forEach((function(t,r){var s=t._data,l=t.indexAxis,c=n.getDatasetMeta(r),d=s||t.data;if("y"!==Object(o.C)([l,n.options.indexAxis])&&c.controller.supportsDecimation){var u=n.scales[c.xAxisID];if(("linear"===u.type||"time"===u.type)&&!n.options.parsing){var h=function(n,t){var e=t.length,a=0,i=n.iScale,r=i.getUserBounds(),s=r.min,l=r.max,c=r.minDefined,d=r.maxDefined;return c&&(a=Object(o.t)(Object(o.c)(t,i.axis,s).lo,0,e-1)),{start:a,count:d?Object(o.t)(Object(o.c)(t,i.axis,l).hi+1,a,e)-a:e-a}}(c,d),f=h.start,p=h.count;if(p<=(e.threshold||4*a))he(t);else{var b;switch(Object(o.Pb)(s)&&(t._data=d,delete t.data,Object.defineProperty(t,"data",{configurable:!0,enumerable:!0,get:function(){return this._decimated},set:function(n){this._data=n}})),e.algorithm){case"lttb":b=function(n,t,e,o,a){var i=a.samples||o;if(i>=e)return n.slice(t,t+e);var r,s,l,c,d,u=[],h=(e-2)/(i-2),f=0,p=t+e-1,b=t;for(u[f++]=n[b],r=0;rl&&(l=c,s=n[g],d=g);u[f++]=s,b=d}return u[f++]=n[p],u}(d,f,p,a,e);break;case"min-max":b=function(n,t,e,a){var r,s,l,c,d,u,h,f,p,b,v=0,m=0,g=[],y=t+e-1,x=n[t].x,w=n[y].x-x;for(r=t;rb&&(b=c,h=r),v=(m*v+s.x)/++m;else{var C=r-1;if(!Object(o.Pb)(u)&&!Object(o.Pb)(h)){var k=Math.min(u,h),_=Math.max(u,h);k!==f&&k!==C&&g.push(i(i({},n[k]),{},{x:v})),_!==f&&_!==C&&g.push(i(i({},n[_]),{},{x:v}))}r>0&&C!==f&&g.push(n[C]),g.push(s),d=O,m=0,p=b=c,u=h=f=r}}return g}(d,f,p,a);break;default:throw new Error("Unsupported decimation algorithm '".concat(e.algorithm,"'"))}t._decimated=b}}}}))}else fe(n)},destroy:function(n){fe(n)}};function be(n,t,e,a){if(!a){var i=t[n],r=e[n];return"angle"===n&&(i=Object(o.Bb)(i),r=Object(o.Bb)(r)),{property:n,start:i,end:r}}}function ve(n,t,e){for(;t>n;t--){var o=e[t];if(!isNaN(o.x)&&!isNaN(o.y))break}return t}function me(n,t,e,o){return n&&t?o(n[e],t[e]):n?n[e]:t?t[e]:0}function ge(n,t){var e=[],a=!1;return Object(o.Db)(n)?(a=!0,e=n):e=function(n,t){var e=n||{},o=e.x,a=void 0===o?null:o,i=e.y,r=void 0===i?null:i,s=t.points,l=[];return t.segments.forEach((function(n){var t=n.start,e=n.end;e=ve(t,e,s);var o=s[t],i=s[e];null!==r?(l.push({x:o.x,y:r}),l.push({x:i.x,y:r})):null!==a&&(l.push({x:a,y:o.y}),l.push({x:a,y:i.y}))})),l}(n,t),e.length?new Jt({points:e,options:{tension:0},_loop:a,_fullLoop:a}):null}function ye(n){return n&&!1!==n.fill}function xe(n,t,e){var a,i=n[t].fill,r=[t];if(!e)return i;for(;!1!==i&&-1===r.indexOf(i);){if(!Object(o.Lb)(i))return i;if(!(a=n[i]))return!1;if(a.visible)return i;r.push(i),i=a.fill}return!1}function we(n,t,e){var a=function(n){var t=n.options,e=t.fill,a=Object(o.ac)(e&&e.target,e);void 0===a&&(a=!!t.backgroundColor);if(!1===a||null===a)return!1;if(!0===a)return"origin";return a}(n);if(Object(o.Nb)(a))return!isNaN(a.value)&&a;var i=parseFloat(a);return Object(o.Lb)(i)&&Math.floor(i)===i?function(n,t,e,o){"-"!==n&&"+"!==n||(e=t+e);if(e===t||e<0||e>=o)return!1;return e}(a[0],t,i,e):["origin","start","end","stack","shape"].indexOf(a)>=0&&a}function Oe(n,t,e){for(var o=[],a=0;a=0;--r){var s=a[r].$filler;s&&(s.line.updateControlPoints(i,s.axis),o&&s.fill&&Se(n.ctx,s,i))}},beforeDatasetsDraw:function(n,t,e){if("beforeDatasetsDraw"===e.drawTime)for(var o=n.getSortedVisibleDatasetMetas(),a=o.length-1;a>=0;--a){var i=o[a].$filler;ye(i)&&Se(n.ctx,i,n.chartArea)}},beforeDatasetDraw:function(n,t,e){var o=t.meta.$filler;ye(o)&&"beforeDatasetDraw"===e.drawTime&&Se(n.ctx,o,n.chartArea)},defaults:{propagate:!0,drawTime:"beforeDatasetDraw"}},Te=function(n,t){var e=n.boxHeight,o=void 0===e?t:e,a=n.boxWidth,i=void 0===a?t:a;return n.usePointStyle&&(o=Math.min(o,t),i=n.pointStyleWidth||Math.min(i,t)),{boxWidth:i,boxHeight:o,itemHeight:Math.max(t,o)}},Ie=function(n){l(e,n);var t=d(e);function e(n){var o;return w(this,e),(o=t.call(this))._added=!1,o.legendHitBoxes=[],o._hoveredItem=null,o.doughnutMode=!1,o.chart=n.chart,o.options=n.options,o.ctx=n.ctx,o.legendItems=void 0,o.columnSizes=void 0,o.lineWidths=void 0,o.maxHeight=void 0,o.maxWidth=void 0,o.top=void 0,o.bottom=void 0,o.left=void 0,o.right=void 0,o.height=void 0,o.width=void 0,o._margins=void 0,o.position=void 0,o.weight=void 0,o.fullSize=void 0,o}return C(e,[{key:"update",value:function(n,t,e){this.maxWidth=n,this.maxHeight=t,this._margins=e,this.setDimensions(),this.buildLabels(),this.fit()}},{key:"setDimensions",value:function(){this.isHorizontal()?(this.width=this.maxWidth,this.left=this._margins.left,this.right=this.width):(this.height=this.maxHeight,this.top=this._margins.top,this.bottom=this.height)}},{key:"buildLabels",value:function(){var n=this,t=this.options.labels||{},e=Object(o.r)(t.generateLabels,[this.chart],this)||[];t.filter&&(e=e.filter((function(e){return t.filter(e,n.chart.data)}))),t.sort&&(e=e.sort((function(e,o){return t.sort(e,o,n.chart.data)}))),this.options.reverse&&e.reverse(),this.legendItems=e}},{key:"fit",value:function(){var n=this.options,t=this.ctx;if(n.display){var e,a,i=n.labels,r=Object(o.D)(i.font),s=r.size,l=this._computeTitleHeight(),c=Te(i,s),d=c.boxWidth,u=c.itemHeight;t.font=r.string,this.isHorizontal()?(e=this.maxWidth,a=this._fitRows(l,s,d,u)+10):(a=this.maxHeight,e=this._fitCols(l,r,d,u)+10),this.width=Math.min(e,n.maxWidth||this.maxWidth),this.height=Math.min(a,n.maxHeight||this.maxHeight)}else this.width=this.height=0}},{key:"_fitRows",value:function(n,t,e,o){var a=this.ctx,i=this.maxWidth,r=this.options.labels.padding,s=this.legendHitBoxes=[],l=this.lineWidths=[0],c=o+r,d=n;a.textAlign="left",a.textBaseline="middle";var u=-1,h=-c;return this.legendItems.forEach((function(n,f){var p=e+t/2+a.measureText(n.text).width;(0===f||l[l.length-1]+p+2*r>i)&&(d+=c,l[l.length-(f>0?0:1)]=0,h+=c,u++),s[f]={left:0,top:h,row:u,width:p,height:o},l[l.length-1]+=p+r})),d}},{key:"_fitCols",value:function(n,t,e,o){var a=this.ctx,i=this.maxHeight,r=this.options.labels.padding,s=this.legendHitBoxes=[],l=this.columnSizes=[],c=i-n,d=r,u=0,h=0,f=0,p=0;return this.legendItems.forEach((function(n,i){var b=function(n,t,e,o,a){var i=function(n,t,e,o){var a=n.text;a&&"string"!=typeof a&&(a=a.reduce((function(n,t){return n.length>t.length?n:t})));return t+e.size/2+o.measureText(a).width}(o,n,t,e),r=function(n,t,e){var o=n;"string"!=typeof t.text&&(o=Ee(t,e));return o}(a,o,t.lineHeight);return{itemWidth:i,itemHeight:r}}(e,t,a,n,o),v=b.itemWidth,m=b.itemHeight;i>0&&h+m+2*r>c&&(d+=u+r,l.push({width:u,height:h}),f+=u+r,p++,u=h=0),s[i]={left:f,top:h,col:p,width:v,height:m},u=Math.max(u,v),h+=m+r})),d+=u,l.push({width:u,height:h}),d}},{key:"adjustHitBoxes",value:function(){if(this.options.display){var n=this._computeTitleHeight(),t=this.legendHitBoxes,e=this.options,a=e.align,i=e.labels.padding,r=e.rtl,s=Object(o.Cb)(r,this.left,this.width);if(this.isHorizontal()){var l,c=0,d=Object(o.F)(a,this.left+i,this.right-this.lineWidths[c]),u=v(t);try{for(u.s();!(l=u.n()).done;){var h=l.value;c!==h.row&&(c=h.row,d=Object(o.F)(a,this.left+i,this.right-this.lineWidths[c])),h.top+=this.top+n+i,h.left=s.leftForLtr(s.x(d),h.width),d+=h.width+i}}catch(n){u.e(n)}finally{u.f()}}else{var f,p=0,b=Object(o.F)(a,this.top+n+i,this.bottom-this.columnSizes[p].height),m=v(t);try{for(m.s();!(f=m.n()).done;){var g=f.value;g.col!==p&&(p=g.col,b=Object(o.F)(a,this.top+n+i,this.bottom-this.columnSizes[p].height)),g.top=b,g.left+=this.left+i,g.left=s.leftForLtr(s.x(g.left),g.width),b+=g.height+i}}catch(n){m.e(n)}finally{m.f()}}}}},{key:"isHorizontal",value:function(){return"top"===this.options.position||"bottom"===this.options.position}},{key:"draw",value:function(){if(this.options.display){var n=this.ctx;Object(o.z)(n,this),this._draw(),Object(o.a)(n)}}},{key:"_draw",value:function(){var n,t=this,e=this.options,a=this.columnSizes,i=this.lineWidths,r=this.ctx,s=e.align,l=e.labels,c=o.Ib.color,d=Object(o.Cb)(e.rtl,this.left,this.width),u=Object(o.D)(l.font),h=l.padding,f=u.size,p=f/2;this.drawTitle(),r.textAlign=d.textAlign("left"),r.textBaseline="middle",r.lineWidth=.5,r.font=u.string;var b=Te(l,f),v=b.boxWidth,m=b.boxHeight,g=b.itemHeight,y=this.isHorizontal(),x=this._computeTitleHeight();n=y?{x:Object(o.F)(s,this.left+h,this.right-i[0]),y:this.top+h+x,line:0}:{x:this.left+h,y:Object(o.F)(s,this.top+x+h,this.bottom-a[0].height),line:0},Object(o.N)(this.ctx,e.textDirection);var w=g+h;this.legendItems.forEach((function(b,O){r.strokeStyle=b.fontColor,r.fillStyle=b.fontColor;var C=r.measureText(b.text).width,k=d.textAlign(b.textAlign||(b.textAlign=l.textAlign)),_=v+p+C,S=n.x,D=n.y;if(d.setWidth(t.width),y?O>0&&S+_+h>t.right&&(D=n.y+=w,n.line++,S=n.x=Object(o.F)(s,t.left+h,t.right-i[n.line])):O>0&&D+w>t.bottom&&(S=n.x=S+a[n.line].width+h,n.line++,D=n.y=Object(o.F)(s,t.top+x+h,t.bottom-a[n.line].height)),function(n,t,e){if(!(isNaN(v)||v<=0||isNaN(m)||m<0)){r.save();var a=Object(o.ac)(e.lineWidth,1);if(r.fillStyle=Object(o.ac)(e.fillStyle,c),r.lineCap=Object(o.ac)(e.lineCap,"butt"),r.lineDashOffset=Object(o.ac)(e.lineDashOffset,0),r.lineJoin=Object(o.ac)(e.lineJoin,"miter"),r.lineWidth=a,r.strokeStyle=Object(o.ac)(e.strokeStyle,c),r.setLineDash(Object(o.ac)(e.lineDash,[])),l.usePointStyle){var i={radius:m*Math.SQRT2/2,pointStyle:e.pointStyle,rotation:e.rotation,borderWidth:a},s=d.xPlus(n,v/2),u=t+p;Object(o.Q)(r,i,s,u,l.pointStyleWidth&&v)}else{var h=t+Math.max((f-m)/2,0),b=d.leftForLtr(n,v),g=Object(o.zb)(e.borderRadius);r.beginPath(),Object.values(g).some((function(n){return 0!==n}))?Object(o.xb)(r,{x:b,y:h,w:v,h:m,radius:g}):r.rect(b,h,v,m),r.fill(),0!==a&&r.stroke()}r.restore()}}(d.x(S),D,b),S=Object(o.O)(k,S+v+p,y?S+_:t.right,e.rtl),function(n,t,e){Object(o.A)(r,e.text,n,t+g/2,u,{strikethrough:e.hidden,textAlign:d.textAlign(e.textAlign)})}(d.x(S),D,b),y)n.x+=_+h;else if("string"!=typeof b.text){var M=u.lineHeight;n.y+=Ee(b,M)}else n.y+=w})),Object(o.P)(this.ctx,e.textDirection)}},{key:"drawTitle",value:function(){var n=this.options,t=n.title,e=Object(o.D)(t.font),a=Object(o.f)(t.padding);if(t.display){var i,r=Object(o.Cb)(n.rtl,this.left,this.width),s=this.ctx,l=t.position,c=e.size/2,d=a.top+c,u=this.left,h=this.width;if(this.isHorizontal())h=Math.max.apply(Math,g(this.lineWidths)),i=this.top+d,u=Object(o.F)(n.align,u,this.right-h);else{var f=this.columnSizes.reduce((function(n,t){return Math.max(n,t.height)}),0);i=d+Object(o.F)(n.align,this.top,this.bottom-f-n.labels.padding-this._computeTitleHeight())}var p=Object(o.F)(l,u,u+h);s.textAlign=r.textAlign(Object(o.E)(l)),s.textBaseline="middle",s.strokeStyle=t.color,s.fillStyle=t.color,s.font=e.string,Object(o.A)(s,t.text,p,i,e)}}},{key:"_computeTitleHeight",value:function(){var n=this.options.title,t=Object(o.D)(n.font),e=Object(o.f)(n.padding);return n.display?t.lineHeight+e.height:0}},{key:"_getLegendItemAt",value:function(n,t){var e,a,i;if(Object(o.mb)(n,this.left,this.right)&&Object(o.mb)(t,this.top,this.bottom))for(i=this.legendHitBoxes,e=0;e-1?n.split("\n"):n}function Be(n,t){var e=t.element,o=t.datasetIndex,a=t.index,i=n.getDatasetMeta(o).controller,r=i.getLabelAndValue(a),s=r.label,l=r.value;return{chart:n,label:s,parsed:i.getParsed(a),raw:n.data.datasets[o].data[a],formattedValue:l,dataset:i.getDataset(),dataIndex:a,datasetIndex:o,element:e}}function Ye(n,t){var e=n.chart.ctx,a=n.body,i=n.footer,r=n.title,s=t.boxWidth,l=t.boxHeight,c=Object(o.D)(t.bodyFont),d=Object(o.D)(t.titleFont),u=Object(o.D)(t.footerFont),h=r.length,f=i.length,p=a.length,b=Object(o.f)(t.padding),v=b.height,m=0,g=a.reduce((function(n,t){return n+t.before.length+t.lines.length+t.after.length}),0);(g+=n.beforeBody.length+n.afterBody.length,h&&(v+=h*d.lineHeight+(h-1)*t.titleSpacing+t.titleMarginBottom),g)&&(v+=p*(t.displayColors?Math.max(l,c.lineHeight):c.lineHeight)+(g-p)*c.lineHeight+(g-1)*t.bodySpacing);f&&(v+=t.footerMarginTop+f*u.lineHeight+(f-1)*t.footerSpacing);var y=0,x=function(n){m=Math.max(m,e.measureText(n).width+y)};return e.save(),e.font=d.string,Object(o.g)(n.title,x),e.font=c.string,Object(o.g)(n.beforeBody.concat(n.afterBody),x),y=t.displayColors?s+2+t.boxPadding:0,Object(o.g)(a,(function(n){Object(o.g)(n.before,x),Object(o.g)(n.lines,x),Object(o.g)(n.after,x)})),y=0,e.font=u.string,Object(o.g)(n.footer,x),e.restore(),{width:m+=b.width,height:v}}function $e(n,t,e,o){var a=e.x,i=e.width,r=n.width,s=n.chartArea,l=s.left,c=s.right,d="center";return"center"===o?d=a<=(l+c)/2?"left":"right":a<=i/2?d="left":a>=r-i/2&&(d="right"),function(n,t,e,o){var a=o.x,i=o.width,r=e.caretSize+e.caretPadding;return"left"===n&&a+i+r>t.width||("right"===n&&a-i-r<0||void 0)}(d,n,t,e)&&(d="center"),d}function Xe(n,t,e){var o=e.yAlign||t.yAlign||function(n,t){var e=t.y,o=t.height;return en.height-o/2?"bottom":"center"}(n,e);return{xAlign:e.xAlign||t.xAlign||$e(n,t,e,o),yAlign:o}}function He(n,t,e,a){var i=n.caretSize,r=n.caretPadding,s=n.cornerRadius,l=e.xAlign,c=e.yAlign,d=i+r,u=Object(o.zb)(s),h=u.topLeft,f=u.topRight,p=u.bottomLeft,b=u.bottomRight,v=function(n,t){var e=n.x,o=n.width;return"right"===t?e-=o:"center"===t&&(e-=o/2),e}(t,l),m=function(n,t,e){var o=n.y,a=n.height;return"top"===t?o+=e:o-="bottom"===t?a+e:a/2,o}(t,c,d);return"center"===c?"left"===l?v+=d:"right"===l&&(v-=d):"left"===l?v-=Math.max(h,p)+i:"right"===l&&(v+=Math.max(f,b)+i),{x:Object(o.t)(v,0,a.width-t.width),y:Object(o.t)(m,0,a.height-t.height)}}function Je(n,t,e){var a=Object(o.f)(e.padding);return"center"===t?n.x+n.width/2:"right"===t?n.x+n.width-a.right:n.x+a.left}function qe(n){return We([],Fe(n))}function Ge(n,t){var e=t&&t.dataset&&t.dataset.tooltip&&t.dataset.tooltip.callbacks;return e?n.override(e):n}var Ke={beforeTitle:o.S,title:function(n){if(n.length>0){var t=n[0],e=t.chart.data.labels,o=e?e.length:0;if(this&&this.options&&"dataset"===this.options.mode)return t.dataset.label||"";if(t.label)return t.label;if(o>0&&t.dataIndex0&&t.stroke()}},{key:"_updateAnimationTarget",value:function(n){var t=this.chart,e=this.$animations,o=e&&e.x,a=e&&e.y;if(o||a){var i=ze[n.position].call(this,this._active,this._eventPosition);if(!i)return;var r=this._size=Ye(this,n),s=Object.assign({},i,this._size),l=Xe(t,n,s),c=He(n,s,l,t);o._to===c.x&&a._to===c.y||(this.xAlign=l.xAlign,this.yAlign=l.yAlign,this.width=r.width,this.height=r.height,this.caretX=i.x,this.caretY=i.y,this._resolveAnimations().update(this,c))}}},{key:"_willRender",value:function(){return!!this.opacity}},{key:"draw",value:function(n){var t=this.options.setContext(this.getContext()),e=this.opacity;if(e){this._updateAnimationTarget(t);var a={width:this.width,height:this.height},i={x:this.x,y:this.y};e=Math.abs(e)<.001?0:e;var r=Object(o.f)(t.padding),s=this.title.length||this.beforeBody.length||this.body.length||this.afterBody.length||this.footer.length;t.enabled&&s&&(n.save(),n.globalAlpha=e,this.drawBackground(i,n,a,t),Object(o.N)(n,t.textDirection),i.y+=r.top,this.drawTitle(i,n,t),this.drawBody(i,n,t),this.drawFooter(i,n,t),Object(o.P)(n,t.textDirection),n.restore())}}},{key:"getActiveElements",value:function(){return this._active||[]}},{key:"setActiveElements",value:function(n,t){var e=this,a=this._active,i=n.map((function(n){var t=n.datasetIndex,o=n.index,a=e.chart.getDatasetMeta(t);if(!a)throw new Error("Cannot find a dataset at index "+t);return{datasetIndex:t,element:a.data[o],index:o}})),r=!Object(o.kb)(a,i),s=this._positionChanged(i,t);(r||s)&&(this._active=i,this._eventPosition=t,this._ignoreReplayEvents=!0,this.update(!0))}},{key:"handleEvent",value:function(n,t){var e=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];if(t&&this._ignoreReplayEvents)return!1;this._ignoreReplayEvents=!1;var a=this.options,i=this._active||[],r=this._getActiveElements(n,i,t,e),s=this._positionChanged(r,n),l=t||!Object(o.kb)(r,i)||s;return l&&(this._active=r,(a.enabled||a.external)&&(this._eventPosition={x:n.x,y:n.y},this.update(!0,t))),l}},{key:"_getActiveElements",value:function(n,t,e,o){var a=this.options;if("mouseout"===n.type)return[];if(!o)return t;var i=this.chart.getElementsAtEventForMode(n,a.mode,a,e);return a.reverse&&i.reverse(),i}},{key:"_positionChanged",value:function(n,t){var e=this.caretX,o=this.caretY,a=this.options,i=ze[a.position].call(this,n,t);return!1!==i&&(e!==i.x||o!==i.y)}}]),e}(Xn);b(Qe,"positioners",ze);var no={id:"tooltip",_element:Qe,positioners:ze,afterInit:function(n,t,e){e&&(n.tooltip=new Qe({chart:n,options:e}))},beforeUpdate:function(n,t,e){n.tooltip&&n.tooltip.initialize(e)},reset:function(n,t,e){n.tooltip&&n.tooltip.initialize(e)},afterDraw:function(n){var t=n.tooltip;if(t&&t._willRender()){var e={tooltip:t};if(!1===n.notifyPlugins("beforeTooltipDraw",i(i({},e),{},{cancelable:!0})))return;t.draw(n.ctx),n.notifyPlugins("afterTooltipDraw",e)}},afterEvent:function(n,t){if(n.tooltip){var e=t.replay;n.tooltip.handleEvent(t.event,e,t.inChartArea)&&(t.changed=!0)}},defaults:{enabled:!0,external:null,position:"average",backgroundColor:"rgba(0,0,0,0.8)",titleColor:"#fff",titleFont:{weight:"bold"},titleSpacing:2,titleMarginBottom:6,titleAlign:"left",bodyColor:"#fff",bodySpacing:2,bodyFont:{},bodyAlign:"left",footerColor:"#fff",footerSpacing:2,footerMarginTop:6,footerFont:{weight:"bold"},footerAlign:"left",padding:6,caretPadding:2,caretSize:5,cornerRadius:6,boxHeight:function(n,t){return t.bodyFont.size},boxWidth:function(n,t){return t.bodyFont.size},multiKeyBackground:"#fff",displayColors:!0,boxPadding:0,borderColor:"rgba(0,0,0,0)",borderWidth:0,animation:{duration:400,easing:"easeOutQuart"},animations:{numbers:{type:"number",properties:["x","y","width","height","caretX","caretY"]},opacity:{easing:"linear",duration:200}},callbacks:Ke},defaultRoutes:{bodyFont:"font",footerFont:"font",titleFont:"font"},descriptors:{_scriptable:function(n){return"filter"!==n&&"itemSort"!==n&&"external"!==n},_indexable:!1,callbacks:{_scriptable:!1,_indexable:!1},animation:{_fallback:!1},animations:{_fallback:"animation"}},additionalOptionScopes:["interaction"]},to=Object.freeze({__proto__:null,Colors:ue,Decimation:pe,Filler:je,Legend:Le,SubTitle:Ue,Title:Re,Tooltip:no});function eo(n,t,e,o){var a=n.indexOf(t);return-1===a?function(n,t,e,o){return"string"==typeof t?(e=n.push(t)-1,o.unshift({index:e,label:t})):isNaN(t)&&(e=null),e}(n,t,e,o):a!==n.lastIndexOf(t)?e:a}function oo(n){var t=this.getLabels();return n>=0&&nt.length-1?null:this.getPixelForValue(t[n].value)}},{key:"getValueForPixel",value:function(n){return Math.round(this._startValue+this.getDecimalForPixel(n)*this._valueRange)}},{key:"getBasePixel",value:function(){return this.bottom}}]),e}(et);function io(n,t,e){var a=e.horizontal,i=e.minRotation,r=Object(o.Yb)(i),s=(a?Math.sin(r):Math.cos(r))||.001,l=.75*t*(""+n).length;return Math.min(t/s,l)}b(ao,"id","category"),b(ao,"defaults",{ticks:{callback:oo}});var ro=function(n){l(e,n);var t=d(e);function e(n){var o;return w(this,e),(o=t.call(this,n)).start=void 0,o.end=void 0,o._startValue=void 0,o._endValue=void 0,o._valueRange=0,o}return C(e,[{key:"parse",value:function(n,t){return Object(o.Pb)(n)||("number"==typeof n||n instanceof Number)&&!isFinite(+n)?null:+n}},{key:"handleTickRangeOptions",value:function(){var n=this.options.beginAtZero,t=this.getUserBounds(),e=t.minDefined,a=t.maxDefined,i=this.min,r=this.max,s=function(n){return i=e?i:n},l=function(n){return r=a?r:n};if(n){var c=Object(o.Xb)(i),d=Object(o.Xb)(r);c<0&&d<0?l(0):c>0&&d>0&&s(0)}if(i===r){var u=0===r?1:Math.abs(.05*r);l(r+u),n||s(i-u)}this.min=i,this.max=r}},{key:"getTickLimit",value:function(){var n,t=this.options.ticks,e=t.maxTicksLimit,o=t.stepSize;return o?(n=Math.ceil(this.max/o)-Math.floor(this.min/o)+1)>1e3&&(console.warn("scales.".concat(this.id,".ticks.stepSize: ").concat(o," would result generating up to ").concat(n," ticks. Limiting to 1000.")),n=1e3):(n=this.computeTickLimit(),e=e||11),e&&(n=Math.min(e,n)),n}},{key:"computeTickLimit",value:function(){return Number.POSITIVE_INFINITY}},{key:"buildTicks",value:function(){var n=this.options,t=n.ticks,e=this.getTickLimit(),a=function(n,t){var e,a,i,r,s=[],l=n.bounds,c=n.step,d=n.min,u=n.max,h=n.precision,f=n.count,p=n.maxTicks,b=n.maxDigits,v=n.includeBounds,m=c||1,g=p-1,y=t.min,x=t.max,w=!Object(o.Pb)(d),O=!Object(o.Pb)(u),C=!Object(o.Pb)(f),k=(x-y)/(b+1),_=Object(o.U)((x-y)/g/m)*m;if(_<1e-14&&!w&&!O)return[{value:y},{value:x}];(r=Math.ceil(x/_)-Math.floor(y/_))>g&&(_=Object(o.U)(r*_/g/m)*m),Object(o.Pb)(h)||(e=Math.pow(10,h),_=Math.ceil(_*e)/e),"ticks"===l?(a=Math.floor(y/_)*_,i=Math.ceil(x/_)*_):(a=y,i=x),w&&O&&c&&Object(o.V)((u-d)/c,_/1e3)?(_=(u-d)/(r=Math.round(Math.min((u-d)/_,p))),a=d,i=u):C?_=((i=O?u:i)-(a=w?d:a))/(r=f-1):(r=(i-a)/_,r=Object(o.W)(r,Math.round(r),_/1e3)?Math.round(r):Math.ceil(r));var S=Math.max(Object(o.X)(_),Object(o.X)(a));e=Math.pow(10,Object(o.Pb)(h)?S:h),a=Math.round(a*e)/e,i=Math.round(i*e)/e;var D=0;for(w&&(v&&a!==d?(s.push({value:d}),au)break;s.push({value:M})}return O&&v&&i!==u?s.length&&Object(o.W)(s[s.length-1].value,u,io(u,k,n))?s[s.length-1].value=u:s.push({value:u}):O&&i!==u||s.push({value:i}),s}({maxTicks:e=Math.max(2,e),bounds:n.bounds,min:n.min,max:n.max,precision:t.precision,step:t.stepSize,count:t.count,maxDigits:this._maxDigits(),horizontal:this.isHorizontal(),minRotation:t.minRotation||0,includeBounds:!1!==t.includeBounds},this._range||this);return"ticks"===n.bounds&&Object(o.T)(a,this,"value"),n.reverse?(a.reverse(),this.start=this.max,this.end=this.min):(this.start=this.min,this.end=this.max),a}},{key:"configure",value:function(){var n=this.ticks,t=this.min,o=this.max;if(r(f(e.prototype),"configure",this).call(this),this.options.offset&&n.length){var a=(o-t)/Math.max(n.length-1,1)/2;t-=a,o+=a}this._startValue=t,this._endValue=o,this._valueRange=o-t}},{key:"getLabelForValue",value:function(n){return Object(o.Tb)(n,this.chart.options.locale,this.options.ticks.format)}}]),e}(et),so=function(n){l(e,n);var t=d(e);function e(){return w(this,e),t.apply(this,arguments)}return C(e,[{key:"determineDataLimits",value:function(){var n=this.getMinMax(!0),t=n.min,e=n.max;this.min=Object(o.Lb)(t)?t:0,this.max=Object(o.Lb)(e)?e:1,this.handleTickRangeOptions()}},{key:"computeTickLimit",value:function(){var n=this.isHorizontal(),t=n?this.width:this.height,e=Object(o.Yb)(this.options.ticks.minRotation),a=(n?Math.sin(e):Math.cos(e))||.001,i=this._resolveTickFontOptions(0);return Math.ceil(t/Math.min(40,i.lineHeight/a))}},{key:"getPixelForValue",value:function(n){return null===n?NaN:this.getPixelForDecimal((n-this._startValue)/this._valueRange)}},{key:"getValueForPixel",value:function(n){return this._startValue+this.getDecimalForPixel(n)*this._valueRange}}]),e}(ro);b(so,"id","linear"),b(so,"defaults",{ticks:{callback:o.Y.formatters.numeric}});var lo=function(n){return Math.floor(Object(o.Z)(n))},co=function(n,t){return Math.pow(10,lo(n)+t)};function uo(n){return 1===n/Math.pow(10,lo(n))}function ho(n,t,e){var o=Math.pow(10,e),a=Math.floor(n/o);return Math.ceil(t/o)-a}function fo(n,t){var e=t.min,a=t.max;e=Object(o.p)(n.min,e);for(var i=[],r=lo(e),s=function(n,t){for(var e=lo(t-n);ho(n,t,e)>10;)e++;for(;ho(n,t,e)<10;)e--;return Math.min(e,lo(n))}(e,a),l=s<0?Math.pow(10,Math.abs(s)):1,c=Math.pow(10,s),d=r>s?Math.pow(10,r):0,u=Math.round((e-d)*l)/l,h=Math.floor((e-d)/c/10)*c*10,f=Math.floor((u-h)/Math.pow(10,s)),p=Object(o.p)(n.min,Math.round((d+h+f*Math.pow(10,s))*l)/l);p=10?f=f<15?15:20:f++,f>=20&&(f=2,l=++s>=0?1:l),p=Math.round((d+h+f*Math.pow(10,s))*l)/l;var b=Object(o.p)(n.max,p);return i.push({value:b,major:uo(b),significand:f}),i}var po=function(n){l(e,n);var t=d(e);function e(n){var o;return w(this,e),(o=t.call(this,n)).start=void 0,o.end=void 0,o._startValue=void 0,o._valueRange=0,o}return C(e,[{key:"parse",value:function(n,t){var e=ro.prototype.parse.apply(this,[n,t]);if(0!==e)return Object(o.Lb)(e)&&e>0?e:null;this._zero=!0}},{key:"determineDataLimits",value:function(){var n=this.getMinMax(!0),t=n.min,e=n.max;this.min=Object(o.Lb)(t)?Math.max(0,t):null,this.max=Object(o.Lb)(e)?Math.max(0,e):null,this.options.beginAtZero&&(this._zero=!0),this._zero&&this.min!==this._suggestedMin&&!Object(o.Lb)(this._userMin)&&(this.min=t===co(this.min,0)?co(this.min,-1):co(this.min,0)),this.handleTickRangeOptions()}},{key:"handleTickRangeOptions",value:function(){var n=this.getUserBounds(),t=n.minDefined,e=n.maxDefined,o=this.min,a=this.max,i=function(n){return o=t?o:n},r=function(n){return a=e?a:n};o===a&&(o<=0?(i(1),r(10)):(i(co(o,-1)),r(co(a,1)))),o<=0&&i(co(a,-1)),a<=0&&r(co(o,1)),this.min=o,this.max=a}},{key:"buildTicks",value:function(){var n=this.options,t=fo({min:this._userMin,max:this._userMax},this);return"ticks"===n.bounds&&Object(o.T)(t,this,"value"),n.reverse?(t.reverse(),this.start=this.max,this.end=this.min):(this.start=this.min,this.end=this.max),t}},{key:"getLabelForValue",value:function(n){return void 0===n?"0":Object(o.Tb)(n,this.chart.options.locale,this.options.ticks.format)}},{key:"configure",value:function(){var n=this.min;r(f(e.prototype),"configure",this).call(this),this._startValue=Object(o.Z)(n),this._valueRange=Object(o.Z)(this.max)-Object(o.Z)(n)}},{key:"getPixelForValue",value:function(n){return void 0!==n&&0!==n||(n=this.min),null===n||isNaN(n)?NaN:this.getPixelForDecimal(n===this.min?0:(Object(o.Z)(n)-this._startValue)/this._valueRange)}},{key:"getValueForPixel",value:function(n){var t=this.getDecimalForPixel(n);return Math.pow(10,this._startValue+t*this._valueRange)}}]),e}(et);function bo(n){var t=n.ticks;if(t.display&&n.display){var e=Object(o.f)(t.backdropPadding);return Object(o.ac)(t.font&&t.font.size,o.Ib.font.size)+e.height}return 0}function vo(n,t,e,o,a){return n===o||n===a?{start:t-e/2,end:t+e/2}:na?{start:t-e,end:t}:{start:t,end:t+e}}function mo(n){for(var t,e,a,i={l:n.left+n._padding.left,r:n.right-n._padding.right,t:n.top+n._padding.top,b:n.bottom-n._padding.bottom},r=Object.assign({},i),s=[],l=[],c=n._pointLabels.length,d=n.options.pointLabels,u=d.centerPointLabels?o.q/c:0,h=0;ht.r&&(s=(o.end-t.r)/i,n.r=Math.max(n.r,t.r+s)),a.startt.b&&(l=(a.end-t.b)/r,n.b=Math.max(n.b,t.b+l))}function yo(n,t,e){var a=n.drawingArea,i=e.extra,r=e.additionalAngle,s=e.padding,l=e.size,c=n.getPointPosition(t,a+i+s,r),d=Math.round(Object(o.v)(Object(o.Bb)(c.angle+o.i))),u=function(n,t,e){90===e||270===e?n-=t/2:(e>270||e<90)&&(n-=t);return n}(c.y,l.h,d),h=function(n){if(0===n||180===n)return"center";if(n<180)return"left";return"right"}(d),f=function(n,t,e){"right"===e?n-=t:"center"===e&&(n-=t/2);return n}(c.x,l.w,h);return{visible:!0,x:c.x,y:u,textAlign:h,left:f,top:u,right:f+l.w,bottom:u+l.h}}function xo(n,t){if(!t)return!0;var e=n.left,a=n.top,i=n.right,r=n.bottom;return!(Object(o.d)({x:e,y:a},t)||Object(o.d)({x:e,y:r},t)||Object(o.d)({x:i,y:a},t)||Object(o.d)({x:i,y:r},t))}function wo(n,t,e){var a=e.left,i=e.top,r=e.right,s=e.bottom,l=t.backdropColor;if(!Object(o.Pb)(l)){var c=Object(o.zb)(t.borderRadius),d=Object(o.f)(t.backdropPadding);n.fillStyle=l;var u=a-d.left,h=i-d.top,f=r-a+d.width,p=s-i+d.height;Object.values(c).some((function(n){return 0!==n}))?(n.beginPath(),Object(o.xb)(n,{x:u,y:h,w:f,h:p,radius:c}),n.fill()):n.fillRect(u,h,f,p)}}function Oo(n,t,e,a){var i=n.ctx;if(e)i.arc(n.xCenter,n.yCenter,t,0,o.u);else{var r=n.getPointPosition(0,t);i.moveTo(r.x,r.y);for(var s=1;s=0&&n2&&void 0!==arguments[2]?arguments[2]:0,a=this.getIndexAngle(n)-o.i+e;return{x:Math.cos(a)*t+this.xCenter,y:Math.sin(a)*t+this.yCenter,angle:a}}},{key:"getPointPositionForValue",value:function(n,t){return this.getPointPosition(n,this.getDistanceFromCenterForValue(t))}},{key:"getBasePosition",value:function(n){return this.getPointPositionForValue(n||0,this.getBaseValue())}},{key:"getPointLabelPosition",value:function(n){var t=this._pointLabelItems[n];return{left:t.left,top:t.top,right:t.right,bottom:t.bottom}}},{key:"drawBackground",value:function(){var n=this.options,t=n.backgroundColor,e=n.grid.circular;if(t){var o=this.ctx;o.save(),o.beginPath(),Oo(this,this.getDistanceFromCenterForValue(this._endValue),e,this._pointLabels.length),o.closePath(),o.fillStyle=t,o.fill(),o.restore()}}},{key:"drawGrid",value:function(){var n,t,e,a=this,i=this.ctx,r=this.options,s=r.angleLines,l=r.grid,c=r.border,d=this._pointLabels.length;if(r.pointLabels.display&&function(n,t){for(var e=n.ctx,a=n.options.pointLabels,i=t-1;i>=0;i--){var r=n._pointLabelItems[i];if(r.visible){var s=a.setContext(n.getPointLabelContext(i));wo(e,s,r);var l=Object(o.D)(s.font),c=r.x,d=r.y,u=r.textAlign;Object(o.A)(e,n._pointLabels[i],c,d+l.lineHeight/2,l,{color:s.color,textAlign:u,textBaseline:"middle"})}}}(this,d),l.display&&this.ticks.forEach((function(n,e){if(0!==e){t=a.getDistanceFromCenterForValue(n.value);var o=a.getContext(e),i=l.setContext(o),r=c.setContext(o);!function(n,t,e,o,a){var i=n.ctx,r=t.circular,s=t.color,l=t.lineWidth;!r&&!o||!s||!l||e<0||(i.save(),i.strokeStyle=s,i.lineWidth=l,i.setLineDash(a.dash),i.lineDashOffset=a.dashOffset,i.beginPath(),Oo(n,e,r,o),i.closePath(),i.stroke(),i.restore())}(a,i,t,d,r)}})),s.display){for(i.save(),n=d-1;n>=0;n--){var u=s.setContext(this.getPointLabelContext(n)),h=u.color,f=u.lineWidth;f&&h&&(i.lineWidth=f,i.strokeStyle=h,i.setLineDash(u.borderDash),i.lineDashOffset=u.borderDashOffset,t=this.getDistanceFromCenterForValue(r.ticks.reverse?this.min:this.max),e=this.getPointPosition(n,t),i.beginPath(),i.moveTo(this.xCenter,this.yCenter),i.lineTo(e.x,e.y),i.stroke())}i.restore()}}},{key:"drawBorder",value:function(){}},{key:"drawLabels",value:function(){var n=this,t=this.ctx,e=this.options,a=e.ticks;if(a.display){var i,r,s=this.getIndexAngle(0);t.save(),t.translate(this.xCenter,this.yCenter),t.rotate(s),t.textAlign="center",t.textBaseline="middle",this.ticks.forEach((function(s,l){if(0!==l||e.reverse){var c=a.setContext(n.getContext(l)),d=Object(o.D)(c.font);if(i=n.getDistanceFromCenterForValue(n.ticks[l].value),c.showLabelBackdrop){t.font=d.string,r=t.measureText(s.label).width,t.fillStyle=c.backdropColor;var u=Object(o.f)(c.backdropPadding);t.fillRect(-r/2-u.left,-i-d.size/2-u.top,r+u.width,d.size+u.height)}Object(o.A)(t,s.label,0,-i,d,{color:c.color})}})),t.restore()}}},{key:"drawTitle",value:function(){}}]),e}(ro);b(Co,"id","radialLinear"),b(Co,"defaults",{display:!0,animate:!0,position:"chartArea",angleLines:{display:!0,lineWidth:1,borderDash:[],borderDashOffset:0},grid:{circular:!1},startAngle:0,ticks:{showLabelBackdrop:!0,callback:o.Y.formatters.numeric},pointLabels:{backdropColor:void 0,backdropPadding:2,display:!0,font:{size:10},callback:function(n){return n},padding:5,centerPointLabels:!1}}),b(Co,"defaultRoutes",{"angleLines.color":"borderColor","pointLabels.color":"color","ticks.color":"color"}),b(Co,"descriptors",{angleLines:{_fallback:"grid"}});var ko={millisecond:{common:!0,size:1,steps:1e3},second:{common:!0,size:1e3,steps:60},minute:{common:!0,size:6e4,steps:60},hour:{common:!0,size:36e5,steps:24},day:{common:!0,size:864e5,steps:30},week:{common:!1,size:6048e5,steps:4},month:{common:!0,size:2628e6,steps:12},quarter:{common:!1,size:7884e6,steps:4},year:{common:!0,size:3154e7}},_o=Object.keys(ko);function So(n,t){return n-t}function Do(n,t){if(Object(o.Pb)(t))return null;var e=n._adapter,a=n._parseOpts,i=a.parser,r=a.round,s=a.isoWeekday,l=t;return"function"==typeof i&&(l=i(l)),Object(o.Lb)(l)||(l="string"==typeof i?e.parse(l,i):e.parse(l)),null===l?null:(r&&(l="week"!==r||!Object(o.cc)(s)&&!0!==s?e.startOf(l,r):e.startOf(l,"isoWeek",s)),+l)}function Mo(n,t,e,o){for(var a=_o.length,i=_o.indexOf(n);i=t?e[i]:e[r]]=!0}}else n[t]=!0}function Po(n,t,e){var o,a,i=[],r={},s=t.length;for(o=0;o=0&&(t[i].major=!0);return t}(n,i,r,e):i}var jo=function(n){l(e,n);var t=d(e);function e(n){var o;return w(this,e),(o=t.call(this,n))._cache={data:[],labels:[],all:[]},o._unit="day",o._majorUnit=void 0,o._offsets={},o._normalized=!1,o._parseOpts=void 0,o}return C(e,[{key:"init",value:function(n){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},a=n.time||(n.time={}),i=this._adapter=new rn._date(n.adapters.date);i.init(t),Object(o.eb)(a.displayFormats,i.formats()),this._parseOpts={parser:a.parser,round:a.round,isoWeekday:a.isoWeekday},r(f(e.prototype),"init",this).call(this,n),this._normalized=t.normalized}},{key:"parse",value:function(n,t){return void 0===n?null:Do(this,n)}},{key:"beforeLayout",value:function(){r(f(e.prototype),"beforeLayout",this).call(this),this._cache={data:[],labels:[],all:[]}}},{key:"determineDataLimits",value:function(){var n=this.options,t=this._adapter,e=n.time.unit||"day",a=this.getUserBounds(),i=a.min,r=a.max,s=a.minDefined,l=a.maxDefined;function c(n){s||isNaN(n.min)||(i=Math.min(i,n.min)),l||isNaN(n.max)||(r=Math.max(r,n.max))}s&&l||(c(this._getLabelBounds()),"ticks"===n.bounds&&"labels"===n.ticks.source||c(this.getMinMax(!1))),i=Object(o.Lb)(i)&&!isNaN(i)?i:+t.startOf(Date.now(),e),r=Object(o.Lb)(r)&&!isNaN(r)?r:+t.endOf(Date.now(),e)+1,this.min=Math.min(i,r-1),this.max=Math.max(i+1,r)}},{key:"_getLabelBounds",value:function(){var n=this.getLabelTimestamps(),t=Number.POSITIVE_INFINITY,e=Number.NEGATIVE_INFINITY;return n.length&&(t=n[0],e=n[n.length-1]),{min:t,max:e}}},{key:"buildTicks",value:function(){var n=this.options,t=n.time,e=n.ticks,a="labels"===e.source?this.getLabelTimestamps():this._generate();"ticks"===n.bounds&&a.length&&(this.min=this._userMin||a[0],this.max=this._userMax||a[a.length-1]);var i=this.min,r=this.max,s=Object(o.bb)(a,i,r);return this._unit=t.unit||(e.autoSkip?Mo(t.minUnit,this.min,this.max,this._getLabelCapacity(i)):function(n,t,e,o,a){for(var i=_o.length-1;i>=_o.indexOf(e);i--){var r=_o[i];if(ko[r].common&&n._adapter.diff(a,o,r)>=t-1)return r}return _o[e?_o.indexOf(e):0]}(this,s.length,t.minUnit,this.min,this.max)),this._majorUnit=e.major.enabled&&"year"!==this._unit?function(n){for(var t=_o.indexOf(n)+1,e=_o.length;t0&&void 0!==arguments[0]?arguments[0]:[],a=0,i=0;this.options.offset&&e.length&&(n=this.getDecimalForValue(e[0]),a=1===e.length?1-n:(this.getDecimalForValue(e[1])-n)/2,t=this.getDecimalForValue(e[e.length-1]),i=1===e.length?t:(t-this.getDecimalForValue(e[e.length-2]))/2);var r=e.length<3?.5:.25;a=Object(o.t)(a,0,r),i=Object(o.t)(i,0,r),this._offsets={start:a,end:i,factor:1/(a+1+i)}}},{key:"_generate",value:function(){var n,t,e=this._adapter,a=this.min,i=this.max,r=this.options,s=r.time,l=s.unit||Mo(s.minUnit,a,i,this._getLabelCapacity(a)),c=Object(o.ac)(r.ticks.stepSize,1),d="week"===l&&s.isoWeekday,u=Object(o.cc)(d)||!0===d,h={},f=a;if(u&&(f=+e.startOf(f,"isoWeek",d)),f=+e.startOf(f,u?"day":l),e.diff(i,a,l)>1e5*c)throw new Error(a+" and "+i+" are too far apart with stepSize of "+c+" "+l);var p="data"===r.ticks.source&&this.getDataTimestamps();for(n=f,t=0;n0?r:1}},{key:"getDataTimestamps",value:function(){var n,t,e=this._cache.data||[];if(e.length)return e;var o=this.getMatchingVisibleMetas();if(this._normalized&&o.length)return this._cache.data=o[0].controller.getAllParsedValues(this);for(n=0,t=o.length;n=n[l].pos&&t<=n[c].pos){var d=Object(o.c)(n,"pos",t);l=d.lo,c=d.hi}var u=n[l];a=u.pos,r=u.time;var h=n[c];i=h.pos,s=h.time}else{if(t>=n[l].time&&t<=n[c].time){var f=Object(o.c)(n,"time",t);l=f.lo,c=f.hi}var p=n[l];a=p.time,r=p.pos;var b=n[c];i=b.time,s=b.pos}var v=i-a;return v?r+(s-r)*(t-a)/v:r}b(jo,"id","time"),b(jo,"defaults",{bounds:"data",adapters:{},time:{parser:!1,unit:!1,round:!1,isoWeekday:!1,minUnit:"millisecond",displayFormats:{}},ticks:{source:"auto",callback:!1,major:{enabled:!1}}});var Io=function(n){l(e,n);var t=d(e);function e(n){var o;return w(this,e),(o=t.call(this,n))._table=[],o._minPos=void 0,o._tableRange=void 0,o}return C(e,[{key:"initOffsets",value:function(){var n=this._getTimestampsForTable(),t=this._table=this.buildLookupTable(n);this._minPos=To(t,this.min),this._tableRange=To(t,this.max)-this._minPos,r(f(e.prototype),"initOffsets",this).call(this,n)}},{key:"buildLookupTable",value:function(n){var t,e,o,a,i,r=this.min,s=this.max,l=[],c=[];for(t=0,e=n.length;t=r&&a<=s&&l.push(a);if(l.length<2)return[{time:r,pos:0},{time:s,pos:1}];for(t=0,e=l.length;t .home-link::after",".sidebar > .nav-links > :first-child::before"],items:[{text:"Documentation",items:[{text:"Development (master)",link:"/chartjs-plugin-annotation/master/",target:"_self"},{type:"versions",text:"{{version}}{{tag|suffix}}",link:"/chartjs-plugin-annotation/{{version}}/",exclude:/^[0]\.[0-4]\./,group:"minor",target:"_self"}]},{text:"Release notes (5 latest)",items:[{type:"versions",limit:5,target:"_blank",group:"patch",link:"https://github.com/chartjs/chartjs-plugin-annotation/releases/tag/v{{version}}"}]}]},filters:{suffix:n=>n?` (${n})`:"",title:(n,t)=>window.location.href.includes("master")?"Development (master)":n+(t.tag?` (${tag})`:"")},base:"/chartjs-plugin-annotation/master/",name:"chartjs-plugin-annotation",version:"3.0.1",versions:[{tag:null,name:"3.0.1"},{tag:null,name:"3.0.0"},{tag:null,name:"2.2.1"},{tag:null,name:"2.2.0"},{tag:null,name:"2.1.2"},{tag:null,name:"2.1.1"},{tag:null,name:"2.1.0"},{tag:null,name:"2.0.1"},{tag:null,name:"2.0.0"},{tag:null,name:"1.4.0"},{tag:null,name:"1.3.1"},{tag:null,name:"1.3.0"},{tag:null,name:"1.2.2"},{tag:null,name:"1.2.1"},{tag:null,name:"1.2.0"},{tag:null,name:"1.1.0"},{tag:null,name:"1.0.2"},{tag:null,name:"1.0.1"},{tag:null,name:"1.0.0"},{tag:null,name:"1.0.0-rc"},{tag:null,name:"1.0.0-beta.4"},{tag:null,name:"1.0.0-beta.3"},{tag:null,name:"1.0.0-beta.2"},{tag:null,name:"1.0.0-beta"},{tag:null,name:"0.5.7"},{tag:null,name:"0.5.5"},{tag:null,name:"0.5.4"},{tag:null,name:"0.5.2"},{tag:null,name:"0.5.1"},{tag:null,name:"0.5.0"},{tag:null,name:"0.4.3"},{tag:null,name:"0.4.2"},{tag:null,name:"0.4.1"},{tag:null,name:"0.4.0"},{tag:null,name:"0.3.0"},{tag:null,name:"0.2.0"}]}},function(n,t,e){var o=e(3),a=e(65),i=a.all;n.exports=a.IS_HTMLDDA?function(n){return"object"==typeof n?null!==n:o(n)||n===i}:function(n){return"object"==typeof n?null!==n:o(n)}},function(n,t,e){var o=e(176),a=e(179);n.exports=function(n,t){var e=a(n,t);return o(e)?e:void 0}},function(n,t,e){"use strict";e.d(t,"d",(function(){return o})),e.d(t,"a",(function(){return i})),e.d(t,"i",(function(){return r})),e.d(t,"f",(function(){return l})),e.d(t,"g",(function(){return c})),e.d(t,"h",(function(){return d})),e.d(t,"b",(function(){return u})),e.d(t,"e",(function(){return h})),e.d(t,"k",(function(){return f})),e.d(t,"l",(function(){return p})),e.d(t,"c",(function(){return v})),e.d(t,"j",(function(){return m}));e(17);const o=/#.*$/,a=/\.(md|html)$/,i=/\/$/,r=/^[a-z]+:/i;function s(n){return decodeURI(n).replace(o,"").replace(a,"")}function l(n){return r.test(n)}function c(n){return/^mailto:/.test(n)}function d(n){return/^tel:/.test(n)}function u(n){if(l(n))return n;const t=n.match(o),e=t?t[0]:"",a=s(n);return i.test(a)?n:a+".html"+e}function h(n,t){const e=decodeURIComponent(n.hash),a=function(n){const t=n.match(o);if(t)return t[0]}(t);if(a&&e!==a)return!1;return s(n.path)===s(t)}function f(n,t,e){if(l(t))return{type:"external",path:t};e&&(t=function(n,t,e){const o=n.charAt(0);if("/"===o)return n;if("?"===o||"#"===o)return t+n;const a=t.split("/");e&&a[a.length-1]||a.pop();const i=n.replace(/^\//,"").split("/");for(let n=0;nfunction n(t,e,o,a=1){if("string"==typeof t)return f(e,t,o);if(Array.isArray(t))return Object.assign(f(e,t[0],o),{title:t[1]});{const i=t.children||[];return 0===i.length&&t.path?Object.assign(f(e,t.path,o),{title:t.title}):{type:"group",path:t.path,title:t.title,sidebarDepth:t.sidebarDepth,initialOpenGroupIndex:t.initialOpenGroupIndex,children:i.map(t=>n(t,e,o,a+1)),collapsable:!1!==t.collapsable}}}(n,a,e)):[]}return[]}function b(n){const t=v(n.headers||[]);return[{type:"group",collapsable:!1,title:n.title,path:null,children:t.map(t=>({type:"auto",title:t.title,basePath:n.path,path:n.path+"#"+t.slug,children:t.children||[]}))}]}function v(n){let t;return(n=n.map(n=>Object.assign({},n))).forEach(n=>{2===n.level?t=n:t&&(t.children||(t.children=[])).push(n)}),n.filter(n=>2===n.level)}function m(n){return Object.assign(n,{type:n.items&&n.items.length?"links":"link"})}},function(n,t){n.exports=function(n){return null!=n&&"object"==typeof n}},function(n,t,e){"use strict";var o=e(32),a=e(42),i=e(44),r=e(141),s=e(143);o({target:"Array",proto:!0,arity:1,forced:e(5)((function(){return 4294967297!==[].push.call({length:4294967296},1)}))||!function(){try{Object.defineProperty([],"length",{writable:!1}).push()}catch(n){return n instanceof TypeError}}()},{push:function(n){var t=a(this),e=i(t),o=arguments.length;s(e+o);for(var l=0;lMath.max(Math.min(n,e),t);function i(n){return a(o(2.55*n),0,255)}function r(n){return a(o(255*n),0,255)}function s(n){return a(o(n/2.55)/100,0,1)}function l(n){return a(o(100*n),0,100)}const c={0:0,1:1,2:2,3:3,4:4,5:5,6:6,7:7,8:8,9:9,A:10,B:11,C:12,D:13,E:14,F:15,a:10,b:11,c:12,d:13,e:14,f:15},d=[..."0123456789ABCDEF"],u=n=>d[15&n],h=n=>d[(240&n)>>4]+d[15&n],f=n=>(240&n)>>4==(15&n);function p(n){var t=(n=>f(n.r)&&f(n.g)&&f(n.b)&&f(n.a))(n)?u:h;return n?"#"+t(n.r)+t(n.g)+t(n.b)+((n,t)=>n<255?t(n):"")(n.a,t):void 0}const b=/^(hsla?|hwb|hsv)\(\s*([-+.e\d]+)(?:deg)?[\s,]+([-+.e\d]+)%[\s,]+([-+.e\d]+)%(?:[\s,]+([-+.e\d]+)(%)?)?\s*\)$/;function v(n,t,e){const o=t*Math.min(e,1-e),a=(t,a=(t+n/30)%12)=>e-o*Math.max(Math.min(a-3,9-a,1),-1);return[a(0),a(8),a(4)]}function g(n,t,e){const o=(o,a=(o+n/60)%6)=>e-e*t*Math.max(Math.min(a,4-a,1),0);return[o(5),o(3),o(1)]}function m(n,t,e){const o=v(n,1,.5);let a;for(t+e>1&&(a=1/(t+e),t*=a,e*=a),a=0;a<3;a++)o[a]*=1-t-e,o[a]+=t;return o}function y(n){const t=n.r/255,e=n.g/255,o=n.b/255,a=Math.max(t,e,o),i=Math.min(t,e,o),r=(a+i)/2;let s,l,c;return a!==i&&(c=a-i,l=r>.5?c/(2-a-i):c/(a+i),s=function(n,t,e,o,a){return n===a?(t-e)/o+(t>16&255,i>>8&255,255&i]}return n}(),S.transparent=[0,0,0,0]);const t=S[n.toLowerCase()];return t&&{r:t[0],g:t[1],b:t[2],a:4===t.length?t[3]:255}}const M=/^rgba?\(\s*([-+.\d]+)(%)?[\s,]+([-+.e\d]+)(%)?[\s,]+([-+.e\d]+)(%)?(?:[\s,/]+([-+.e\d]+)(%)?)?\s*\)$/;const A=n=>n<=.0031308?12.92*n:1.055*Math.pow(n,1/2.4)-.055,P=n=>n<=.04045?n/12.92:Math.pow((n+.055)/1.055,2.4);function j(n,t,e){if(n){let o=y(n);o[t]=Math.max(0,Math.min(o[t]+o[t]*e,0===t?360:1)),o=w(o),n.r=o[0],n.g=o[1],n.b=o[2]}}function T(n,t){return n?Object.assign(t||{},n):n}function I(n){var t={r:0,g:0,b:0,a:255};return Array.isArray(n)?n.length>=3&&(t={r:n[0],g:n[1],b:n[2],a:255},n.length>3&&(t.a=r(n[3]))):(t=T(n,{r:0,g:0,b:0,a:1})).a=r(t.a),t}function E(n){return"r"===n.charAt(0)?function(n){const t=M.exec(n);let e,o,r,s=255;if(t){if(t[7]!==e){const n=+t[7];s=t[8]?i(n):a(255*n,0,255)}return e=+t[1],o=+t[3],r=+t[5],e=255&(t[2]?i(e):a(e,0,255)),o=255&(t[4]?i(o):a(o,0,255)),r=255&(t[6]?i(r):a(r,0,255)),{r:e,g:o,b:r,a:s}}}(n):C(n)}class L{constructor(n){if(n instanceof L)return n;const t=typeof n;let e;var o,a,i;"object"===t?e=I(n):"string"===t&&(i=(o=n).length,"#"===o[0]&&(4===i||5===i?a={r:255&17*c[o[1]],g:255&17*c[o[2]],b:255&17*c[o[3]],a:5===i?17*c[o[4]]:255}:7!==i&&9!==i||(a={r:c[o[1]]<<4|c[o[2]],g:c[o[3]]<<4|c[o[4]],b:c[o[5]]<<4|c[o[6]],a:9===i?c[o[7]]<<4|c[o[8]]:255})),e=a||D(n)||E(n)),this._rgb=e,this._valid=!!e}get valid(){return this._valid}get rgb(){var n=T(this._rgb);return n&&(n.a=s(n.a)),n}set rgb(n){this._rgb=I(n)}rgbString(){return this._valid?(n=this._rgb)&&(n.a<255?`rgba(${n.r}, ${n.g}, ${n.b}, ${s(n.a)})`:`rgb(${n.r}, ${n.g}, ${n.b})`):void 0;var n}hexString(){return this._valid?p(this._rgb):void 0}hslString(){return this._valid?function(n){if(!n)return;const t=y(n),e=t[0],o=l(t[1]),a=l(t[2]);return n.a<255?`hsla(${e}, ${o}%, ${a}%, ${s(n.a)})`:`hsl(${e}, ${o}%, ${a}%)`}(this._rgb):void 0}mix(n,t){if(n){const e=this.rgb,o=n.rgb;let a;const i=t===a?.5:t,r=2*i-1,s=e.a-o.a,l=((r*s==-1?r:(r+s)/(1+r*s))+1)/2;a=1-l,e.r=255&l*e.r+a*o.r+.5,e.g=255&l*e.g+a*o.g+.5,e.b=255&l*e.b+a*o.b+.5,e.a=i*e.a+(1-i)*o.a,this.rgb=e}return this}interpolate(n,t){return n&&(this._rgb=function(n,t,e){const o=P(s(n.r)),a=P(s(n.g)),i=P(s(n.b));return{r:r(A(o+e*(P(s(t.r))-o))),g:r(A(a+e*(P(s(t.g))-a))),b:r(A(i+e*(P(s(t.b))-i))),a:n.a+e*(t.a-n.a)}}(this._rgb,n._rgb,t)),this}clone(){return new L(this.rgb)}alpha(n){return this._rgb.a=r(n),this}clearer(n){return this._rgb.a*=1-n,this}greyscale(){const n=this._rgb,t=o(.3*n.r+.59*n.g+.11*n.b);return n.r=n.g=n.b=t,this}opaquer(n){return this._rgb.a*=1+n,this}negate(){const n=this._rgb;return n.r=255-n.r,n.g=255-n.g,n.b=255-n.b,this}lighten(n){return j(this._rgb,2,n),this}darken(n){return j(this._rgb,2,-n),this}saturate(n){return j(this._rgb,1,n),this}desaturate(n){return j(this._rgb,1,-n),this}rotate(n){return function(n,t){var e=y(n);e[0]=O(e[0]+t),e=w(e),n.r=e[0],n.g=e[1],n.b=e[2]}(this._rgb,n),this}}},function(n,t){n.exports={resolveTemplate:function(n,t,e){if(!n)return n;for(const[o,a]of Object.entries(t)){const i=new RegExp(`{{\\s*${o}\\s*(\\|\\s*(?\\w+)\\s*)?}}`,"g");n=n.replace(i,(n,o,i)=>{const r=i&&e[i]?e[i](a,t):a;return null==r?"":r})}return n}}},function(n,t,e){const o=e(251),a=/^(?0|[1-9]\d*)\.(?0|[1-9]\d*)\.(?0|[1-9]\d*)(?:-(?(?:0|[1-9]\d*|\d*[a-zA-Z-][0-9a-zA-Z-]*)(?:\.(?:0|[1-9]\d*|\d*[a-zA-Z-][0-9a-zA-Z-]*))*))?(?:\+(?[0-9a-zA-Z-]+(?:\.[0-9a-zA-Z-]+)*))?$/,i={major:/^\d\./,minor:/^\d\.\d\./,patch:/^\d\.\d\.\d/};n.exports={collapseVersions:function({group:n},t){const e=[...t].sort((n,t)=>-o(n.name,t.name)),a=i[n],r={};return a?e.filter(n=>{const t=a.exec(n.name),e=t&&t[0];if(e&&!r[e])return r[e]=n,!0}):e},describeVersion:function({name:n,tag:t}){const e=a.exec(n);if(!e)return{};const o=n,i=e.groups,r=`${i.major}.${i.minor}.${i.patch}`;return{...i,version:o,core:r,tag:t}}}},function(n,t,e){var o=e(6),a=o({}.toString),i=o("".slice);n.exports=function(n){return i(a(n),8,-1)}},function(n,t,e){var o=e(9),a=e(74),i=e(120),r=e(43),s=e(64),l=TypeError,c=Object.defineProperty,d=Object.getOwnPropertyDescriptor;t.f=o?i?function(n,t,e){if(r(n),t=s(t),r(e),"function"==typeof n&&"prototype"===t&&"value"in e&&"writable"in e&&!e.writable){var o=d(n,t);o&&o.writable&&(n[t]=e.value,e={configurable:"configurable"in e?e.configurable:o.configurable,enumerable:"enumerable"in e?e.enumerable:o.enumerable,writable:!1})}return c(n,t,e)}:c:function(n,t,e){if(r(n),t=s(t),r(e),a)try{return c(n,t,e)}catch(n){}if("get"in e||"set"in e)throw l("Accessors not supported");return"value"in e&&(n[t]=e.value),n}},function(n,t,e){var o=e(166),a=e(167),i=e(168),r=e(169),s=e(170);function l(n){var t=-1,e=null==n?0:n.length;for(this.clear();++tMath.max(Math.min(n,e),t);function i(n){return a(o(2.55*n),0,255)}function r(n){return a(o(255*n),0,255)}function s(n){return a(o(n/2.55)/100,0,1)}function l(n){return a(o(100*n),0,100)}const c={0:0,1:1,2:2,3:3,4:4,5:5,6:6,7:7,8:8,9:9,A:10,B:11,C:12,D:13,E:14,F:15,a:10,b:11,c:12,d:13,e:14,f:15},d=[..."0123456789ABCDEF"],u=n=>d[15&n],h=n=>d[(240&n)>>4]+d[15&n],f=n=>(240&n)>>4==(15&n);function p(n){var t=(n=>f(n.r)&&f(n.g)&&f(n.b)&&f(n.a))(n)?u:h;return n?"#"+t(n.r)+t(n.g)+t(n.b)+((n,t)=>n<255?t(n):"")(n.a,t):void 0}const b=/^(hsla?|hwb|hsv)\(\s*([-+.e\d]+)(?:deg)?[\s,]+([-+.e\d]+)%[\s,]+([-+.e\d]+)%(?:[\s,]+([-+.e\d]+)(%)?)?\s*\)$/;function v(n,t,e){const o=t*Math.min(e,1-e),a=(t,a=(t+n/30)%12)=>e-o*Math.max(Math.min(a-3,9-a,1),-1);return[a(0),a(8),a(4)]}function m(n,t,e){const o=(o,a=(o+n/60)%6)=>e-e*t*Math.max(Math.min(a,4-a,1),0);return[o(5),o(3),o(1)]}function g(n,t,e){const o=v(n,1,.5);let a;for(t+e>1&&(a=1/(t+e),t*=a,e*=a),a=0;a<3;a++)o[a]*=1-t-e,o[a]+=t;return o}function y(n){const t=n.r/255,e=n.g/255,o=n.b/255,a=Math.max(t,e,o),i=Math.min(t,e,o),r=(a+i)/2;let s,l,c;return a!==i&&(c=a-i,l=r>.5?c/(2-a-i):c/(a+i),s=function(n,t,e,o,a){return n===a?(t-e)/o+(t>16&255,i>>8&255,255&i]}return n}(),S.transparent=[0,0,0,0]);const t=S[n.toLowerCase()];return t&&{r:t[0],g:t[1],b:t[2],a:4===t.length?t[3]:255}}const M=/^rgba?\(\s*([-+.\d]+)(%)?[\s,]+([-+.e\d]+)(%)?[\s,]+([-+.e\d]+)(%)?(?:[\s,/]+([-+.e\d]+)(%)?)?\s*\)$/;const A=n=>n<=.0031308?12.92*n:1.055*Math.pow(n,1/2.4)-.055,P=n=>n<=.04045?n/12.92:Math.pow((n+.055)/1.055,2.4);function j(n,t,e){if(n){let o=y(n);o[t]=Math.max(0,Math.min(o[t]+o[t]*e,0===t?360:1)),o=w(o),n.r=o[0],n.g=o[1],n.b=o[2]}}function T(n,t){return n?Object.assign(t||{},n):n}function I(n){var t={r:0,g:0,b:0,a:255};return Array.isArray(n)?n.length>=3&&(t={r:n[0],g:n[1],b:n[2],a:255},n.length>3&&(t.a=r(n[3]))):(t=T(n,{r:0,g:0,b:0,a:1})).a=r(t.a),t}function E(n){return"r"===n.charAt(0)?function(n){const t=M.exec(n);let e,o,r,s=255;if(t){if(t[7]!==e){const n=+t[7];s=t[8]?i(n):a(255*n,0,255)}return e=+t[1],o=+t[3],r=+t[5],e=255&(t[2]?i(e):a(e,0,255)),o=255&(t[4]?i(o):a(o,0,255)),r=255&(t[6]?i(r):a(r,0,255)),{r:e,g:o,b:r,a:s}}}(n):C(n)}class L{constructor(n){if(n instanceof L)return n;const t=typeof n;let e;var o,a,i;"object"===t?e=I(n):"string"===t&&(i=(o=n).length,"#"===o[0]&&(4===i||5===i?a={r:255&17*c[o[1]],g:255&17*c[o[2]],b:255&17*c[o[3]],a:5===i?17*c[o[4]]:255}:7!==i&&9!==i||(a={r:c[o[1]]<<4|c[o[2]],g:c[o[3]]<<4|c[o[4]],b:c[o[5]]<<4|c[o[6]],a:9===i?c[o[7]]<<4|c[o[8]]:255})),e=a||D(n)||E(n)),this._rgb=e,this._valid=!!e}get valid(){return this._valid}get rgb(){var n=T(this._rgb);return n&&(n.a=s(n.a)),n}set rgb(n){this._rgb=I(n)}rgbString(){return this._valid?(n=this._rgb)&&(n.a<255?`rgba(${n.r}, ${n.g}, ${n.b}, ${s(n.a)})`:`rgb(${n.r}, ${n.g}, ${n.b})`):void 0;var n}hexString(){return this._valid?p(this._rgb):void 0}hslString(){return this._valid?function(n){if(!n)return;const t=y(n),e=t[0],o=l(t[1]),a=l(t[2]);return n.a<255?`hsla(${e}, ${o}%, ${a}%, ${s(n.a)})`:`hsl(${e}, ${o}%, ${a}%)`}(this._rgb):void 0}mix(n,t){if(n){const e=this.rgb,o=n.rgb;let a;const i=t===a?.5:t,r=2*i-1,s=e.a-o.a,l=((r*s==-1?r:(r+s)/(1+r*s))+1)/2;a=1-l,e.r=255&l*e.r+a*o.r+.5,e.g=255&l*e.g+a*o.g+.5,e.b=255&l*e.b+a*o.b+.5,e.a=i*e.a+(1-i)*o.a,this.rgb=e}return this}interpolate(n,t){return n&&(this._rgb=function(n,t,e){const o=P(s(n.r)),a=P(s(n.g)),i=P(s(n.b));return{r:r(A(o+e*(P(s(t.r))-o))),g:r(A(a+e*(P(s(t.g))-a))),b:r(A(i+e*(P(s(t.b))-i))),a:n.a+e*(t.a-n.a)}}(this._rgb,n._rgb,t)),this}clone(){return new L(this.rgb)}alpha(n){return this._rgb.a=r(n),this}clearer(n){return this._rgb.a*=1-n,this}greyscale(){const n=this._rgb,t=o(.3*n.r+.59*n.g+.11*n.b);return n.r=n.g=n.b=t,this}opaquer(n){return this._rgb.a*=1+n,this}negate(){const n=this._rgb;return n.r=255-n.r,n.g=255-n.g,n.b=255-n.b,this}lighten(n){return j(this._rgb,2,n),this}darken(n){return j(this._rgb,2,-n),this}saturate(n){return j(this._rgb,1,n),this}desaturate(n){return j(this._rgb,1,-n),this}rotate(n){return function(n,t){var e=y(n);e[0]=O(e[0]+t),e=w(e),n.r=e[0],n.g=e[1],n.b=e[2]}(this._rgb,n),this}}},function(n,t){n.exports={resolveTemplate:function(n,t,e){if(!n)return n;for(const[o,a]of Object.entries(t)){const i=new RegExp(`{{\\s*${o}\\s*(\\|\\s*(?\\w+)\\s*)?}}`,"g");n=n.replace(i,(n,o,i)=>{const r=i&&e[i]?e[i](a,t):a;return null==r?"":r})}return n}}},function(n,t,e){const o=e(251),a=/^(?0|[1-9]\d*)\.(?0|[1-9]\d*)\.(?0|[1-9]\d*)(?:-(?(?:0|[1-9]\d*|\d*[a-zA-Z-][0-9a-zA-Z-]*)(?:\.(?:0|[1-9]\d*|\d*[a-zA-Z-][0-9a-zA-Z-]*))*))?(?:\+(?[0-9a-zA-Z-]+(?:\.[0-9a-zA-Z-]+)*))?$/,i={major:/^\d\./,minor:/^\d\.\d\./,patch:/^\d\.\d\.\d/};n.exports={collapseVersions:function({group:n},t){const e=[...t].sort((n,t)=>-o(n.name,t.name)),a=i[n],r={};return a?e.filter(n=>{const t=a.exec(n.name),e=t&&t[0];if(e&&!r[e])return r[e]=n,!0}):e},describeVersion:function({name:n,tag:t}){const e=a.exec(n);if(!e)return{};const o=n,i=e.groups,r=`${i.major}.${i.minor}.${i.patch}`;return{...i,version:o,core:r,tag:t}}}},function(n,t,e){var o=e(6),a=o({}.toString),i=o("".slice);n.exports=function(n){return i(a(n),8,-1)}},function(n,t,e){var o=e(9),a=e(74),i=e(120),r=e(43),s=e(64),l=TypeError,c=Object.defineProperty,d=Object.getOwnPropertyDescriptor;t.f=o?i?function(n,t,e){if(r(n),t=s(t),r(e),"function"==typeof n&&"prototype"===t&&"value"in e&&"writable"in e&&!e.writable){var o=d(n,t);o&&o.writable&&(n[t]=e.value,e={configurable:"configurable"in e?e.configurable:o.configurable,enumerable:"enumerable"in e?e.enumerable:o.enumerable,writable:!1})}return c(n,t,e)}:c:function(n,t,e){if(r(n),t=s(t),r(e),a)try{return c(n,t,e)}catch(n){}if("get"in e||"set"in e)throw l("Accessors not supported");return"value"in e&&(n[t]=e.value),n}},function(n,t,e){var o=e(166),a=e(167),i=e(168),r=e(169),s=e(170);function l(n){var t=-1,e=null==n?0:n.length;for(this.clear();++t
'};function a(n,t,e){return ne?e:n}function i(n){return 100*(-1+n)}e.configure=function(n){var t,e;for(t in n)void 0!==(e=n[t])&&n.hasOwnProperty(t)&&(o[t]=e);return this},e.status=null,e.set=function(n){var t=e.isStarted();n=a(n,o.minimum,1),e.status=1===n?null:n;var l=e.render(!t),c=l.querySelector(o.barSelector),d=o.speed,u=o.easing;return l.offsetWidth,r((function(t){""===o.positionUsing&&(o.positionUsing=e.getPositioningCSS()),s(c,function(n,t,e){var a;return(a="translate3d"===o.positionUsing?{transform:"translate3d("+i(n)+"%,0,0)"}:"translate"===o.positionUsing?{transform:"translate("+i(n)+"%,0)"}:{"margin-left":i(n)+"%"}).transition="all "+t+"ms "+e,a}(n,d,u)),1===n?(s(l,{transition:"none",opacity:1}),l.offsetWidth,setTimeout((function(){s(l,{transition:"all "+d+"ms linear",opacity:0}),setTimeout((function(){e.remove(),t()}),d)}),d)):setTimeout(t,d)})),this},e.isStarted=function(){return"number"==typeof e.status},e.start=function(){e.status||e.set(0);var n=function(){setTimeout((function(){e.status&&(e.trickle(),n())}),o.trickleSpeed)};return o.trickle&&n(),this},e.done=function(n){return n||e.status?e.inc(.3+.5*Math.random()).set(1):this},e.inc=function(n){var t=e.status;return t?("number"!=typeof n&&(n=(1-t)*a(Math.random()*t,.1,.95)),t=a(t+n,0,.994),e.set(t)):e.start()},e.trickle=function(){return e.inc(Math.random()*o.trickleRate)},n=0,t=0,e.promise=function(o){return o&&"resolved"!==o.state()?(0===t&&e.start(),n++,t++,o.always((function(){0==--t?(n=0,e.done()):e.set((n-t)/n)})),this):this},e.render=function(n){if(e.isRendered())return document.getElementById("nprogress");c(document.documentElement,"nprogress-busy");var t=document.createElement("div");t.id="nprogress",t.innerHTML=o.template;var a,r=t.querySelector(o.barSelector),l=n?"-100":i(e.status||0),d=document.querySelector(o.parent);return s(r,{transition:"all 0 linear",transform:"translate3d("+l+"%,0,0)"}),o.showSpinner||(a=t.querySelector(o.spinnerSelector))&&h(a),d!=document.body&&c(d,"nprogress-custom-parent"),d.appendChild(t),t},e.remove=function(){d(document.documentElement,"nprogress-busy"),d(document.querySelector(o.parent),"nprogress-custom-parent");var n=document.getElementById("nprogress");n&&h(n)},e.isRendered=function(){return!!document.getElementById("nprogress")},e.getPositioningCSS=function(){var n=document.body.style,t="WebkitTransform"in n?"Webkit":"MozTransform"in n?"Moz":"msTransform"in n?"ms":"OTransform"in n?"O":"";return t+"Perspective"in n?"translate3d":t+"Transform"in n?"translate":"margin"};var r=function(){var n=[];function t(){var e=n.shift();e&&e(t)}return function(e){n.push(e),1==n.length&&t()}}(),s=function(){var n=["Webkit","O","Moz","ms"],t={};function e(e){return e=e.replace(/^-ms-/,"ms-").replace(/-([\da-z])/gi,(function(n,t){return t.toUpperCase()})),t[e]||(t[e]=function(t){var e=document.body.style;if(t in e)return t;for(var o,a=n.length,i=t.charAt(0).toUpperCase()+t.slice(1);a--;)if((o=n[a]+i)in e)return o;return t}(e))}function o(n,t,o){t=e(t),n.style[t]=o}return function(n,t){var e,a,i=arguments;if(2==i.length)for(e in t)void 0!==(a=t[e])&&t.hasOwnProperty(e)&&o(n,e,a);else o(n,i[1],i[2])}}();function l(n,t){return("string"==typeof n?n:u(n)).indexOf(" "+t+" ")>=0}function c(n,t){var e=u(n),o=e+t;l(e,t)||(n.className=o.substring(1))}function d(n,t){var e,o=u(n);l(n,t)&&(e=o.replace(" "+t+" "," "),n.className=e.substring(1,e.length-1))}function u(n){return(" "+(n.className||"")+" ").replace(/\s+/gi," ")}function h(n){n&&n.parentNode&&n.parentNode.removeChild(n)}return e})?o.call(t,e,t,n):o)||(n.exports=a)},function(n,t,e){var o=e(7),a=e(60).f,i=e(19),r=e(121),s=e(41),l=e(76),c=e(137);n.exports=function(n,t){var e,d,u,h,f,p=n.target,b=n.global,v=n.stat;if(e=b?o:v?o[p]||s(p,{}):(o[p]||{}).prototype)for(d in t){if(h=t[d],u=n.dontCallGetSet?(f=a(e,d))&&f.value:e[d],!c(b?d:p+(v?".":"#")+d,n.forced)&&void 0!==u){if(typeof h==typeof u)continue;l(h,u)}(n.sham||u&&u.sham)&&i(h,"sham",!0),r(e,d,h,n)}}},function(n,t,e){var o=e(34),a=Function.prototype.call;n.exports=o?a.bind(a):function(){return a.apply(a,arguments)}},function(n,t,e){var o=e(5);n.exports=!o((function(){var n=function(){}.bind();return"function"!=typeof n||n.hasOwnProperty("prototype")}))},function(n,t){n.exports=function(n,t){return{enumerable:!(1&n),configurable:!(2&n),writable:!(4&n),value:t}}},function(n,t,e){var o=e(61),a=e(62);n.exports=function(n){return o(a(n))}},function(n,t,e){var o=e(7),a=e(3),i=function(n){return a(n)?n:void 0};n.exports=function(n,t){return arguments.length<2?i(o[n]):o[n]&&o[n][t]}},function(n,t,e){var o=e(3),a=e(117),i=TypeError;n.exports=function(n){if(o(n))return n;throw i(a(n)+" is not a function")}},function(n,t,e){var o=e(7),a=e(71),i=e(11),r=e(73),s=e(69),l=e(68),c=o.Symbol,d=a("wks"),u=l?c.for||c:c&&c.withoutSetter||r;n.exports=function(n){return i(d,n)||(d[n]=s&&i(c,n)?c[n]:u("Symbol."+n)),d[n]}},function(n,t,e){var o=e(7),a=e(41),i=o["__core-js_shared__"]||a("__core-js_shared__",{});n.exports=i},function(n,t,e){var o=e(7),a=Object.defineProperty;n.exports=function(n,t){try{a(o,n,{value:t,configurable:!0,writable:!0})}catch(e){o[n]=t}return t}},function(n,t,e){var o=e(62),a=Object;n.exports=function(n){return a(o(n))}},function(n,t,e){var o=e(13),a=String,i=TypeError;n.exports=function(n){if(o(n))return n;throw i(a(n)+" is not an object")}},function(n,t,e){var o=e(134);n.exports=function(n){return o(n.length)}},function(n,t,e){var o=e(160),a=e(16),i=Object.prototype,r=i.hasOwnProperty,s=i.propertyIsEnumerable,l=o(function(){return arguments}())?o:function(n){return a(n)&&r.call(n,"callee")&&!s.call(n,"callee")};n.exports=l},function(n,t,e){var o=e(14)(e(10),"Map");n.exports=o},function(n,t){n.exports=function(n){var t=typeof n;return null!=n&&("object"==t||"function"==t)}},function(n,t,e){var o=e(180),a=e(187),i=e(189),r=e(190),s=e(191);function l(n){var t=-1,e=null==n?0:n.length;for(this.clear();++t-1&&n%1==0&&n<=9007199254740991}},function(n,t,e){var o=e(8),a=e(52),i=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,r=/^\w*$/;n.exports=function(n,t){if(o(n))return!1;var e=typeof n;return!("number"!=e&&"symbol"!=e&&"boolean"!=e&&null!=n&&!a(n))||(r.test(n)||!i.test(n)||null!=t&&n in Object(t))}},function(n,t,e){var o=e(18),a=e(16);n.exports=function(n){return"symbol"==typeof n||a(n)&&"[object Symbol]"==o(n)}},function(n,t){n.exports=function(n){return n}},function(n,t){n.exports=function(n){var t=null==n?0:n.length;return t?n[t-1]:void 0}},function(n,t){function e(n,t){for(var e=0,o=n.length-1;o>=0;o--){var a=n[o];"."===a?n.splice(o,1):".."===a?(n.splice(o,1),e++):e&&(n.splice(o,1),e--)}if(t)for(;e--;e)n.unshift("..");return n}function o(n,t){if(n.filter)return n.filter(t);for(var e=[],o=0;o=-1&&!t;a--){var i=a>=0?arguments[a]:process.cwd();if("string"!=typeof i)throw new TypeError("Arguments to path.resolve must be strings");i&&(n=i+"/"+n,t="/"===i.charAt(0))}return(t?"/":"")+(n=e(o(n.split("/"),(function(n){return!!n})),!t).join("/"))||"."},t.normalize=function(n){var i=t.isAbsolute(n),r="/"===a(n,-1);return(n=e(o(n.split("/"),(function(n){return!!n})),!i).join("/"))||i||(n="."),n&&r&&(n+="/"),(i?"/":"")+n},t.isAbsolute=function(n){return"/"===n.charAt(0)},t.join=function(){var n=Array.prototype.slice.call(arguments,0);return t.normalize(o(n,(function(n,t){if("string"!=typeof n)throw new TypeError("Arguments to path.join must be strings");return n})).join("/"))},t.relative=function(n,e){function o(n){for(var t=0;t=0&&""===n[e];e--);return t>e?[]:n.slice(t,e-t+1)}n=t.resolve(n).substr(1),e=t.resolve(e).substr(1);for(var a=o(n.split("/")),i=o(e.split("/")),r=Math.min(a.length,i.length),s=r,l=0;l=1;--i)if(47===(t=n.charCodeAt(i))){if(!a){o=i;break}}else a=!1;return-1===o?e?"/":".":e&&1===o?"/":n.slice(0,o)},t.basename=function(n,t){var e=function(n){"string"!=typeof n&&(n+="");var t,e=0,o=-1,a=!0;for(t=n.length-1;t>=0;--t)if(47===n.charCodeAt(t)){if(!a){e=t+1;break}}else-1===o&&(a=!1,o=t+1);return-1===o?"":n.slice(e,o)}(n);return t&&e.substr(-1*t.length)===t&&(e=e.substr(0,e.length-t.length)),e},t.extname=function(n){"string"!=typeof n&&(n+="");for(var t=-1,e=0,o=-1,a=!0,i=0,r=n.length-1;r>=0;--r){var s=n.charCodeAt(r);if(47!==s)-1===o&&(a=!1,o=r+1),46===s?-1===t?t=r:1!==i&&(i=1):-1!==t&&(i=-1);else if(!a){e=r+1;break}}return-1===t||-1===o||0===i||1===i&&t===o-1&&t===e+1?"":n.slice(t,o)};var a="b"==="ab".substr(-1)?function(n,t,e){return n.substr(t,e)}:function(n,t,e){return t<0&&(t=n.length+t),n.substr(t,e)}},function(n,t,e){var o=e(32),a=e(7),i=e(144),r=e(145),s=a.WebAssembly,l=7!==Error("e",{cause:7}).cause,c=function(n,t){var e={};e[n]=r(n,t,l),o({global:!0,constructor:!0,arity:1,forced:l},e)},d=function(n,t){if(s&&s[n]){var e={};e[n]=r("WebAssembly."+n,t,l),o({target:"WebAssembly",stat:!0,constructor:!0,arity:1,forced:l},e)}};c("Error",(function(n){return function(t){return i(n,this,arguments)}})),c("EvalError",(function(n){return function(t){return i(n,this,arguments)}})),c("RangeError",(function(n){return function(t){return i(n,this,arguments)}})),c("ReferenceError",(function(n){return function(t){return i(n,this,arguments)}})),c("SyntaxError",(function(n){return function(t){return i(n,this,arguments)}})),c("TypeError",(function(n){return function(t){return i(n,this,arguments)}})),c("URIError",(function(n){return function(t){return i(n,this,arguments)}})),d("CompileError",(function(n){return function(t){return i(n,this,arguments)}})),d("LinkError",(function(n){return function(t){return i(n,this,arguments)}})),d("RuntimeError",(function(n){return function(t){return i(n,this,arguments)}}))},function(n,t){n.exports=function(n){return n.webpackPolyfill||(n.deprecate=function(){},n.paths=[],n.children||(n.children=[]),Object.defineProperty(n,"loaded",{enumerable:!0,get:function(){return n.l}}),Object.defineProperty(n,"id",{enumerable:!0,get:function(){return n.i}}),n.webpackPolyfill=1),n}},function(n,t,e){"use strict";var o=e(15),a={name:"NavLink",props:{item:{required:!0}},computed:{link(){return Object(o.b)(this.item.link)},exact(){return this.$site.locales?Object.keys(this.$site.locales).some(n=>n===this.link):"/"===this.link},isNonHttpURI(){return Object(o.g)(this.link)||Object(o.h)(this.link)},isBlankTarget(){return"_blank"===this.target},isInternal(){return!Object(o.f)(this.link)&&!this.isBlankTarget},target(){return this.isNonHttpURI?null:this.item.target?this.item.target:Object(o.f)(this.link)?"_blank":""},rel(){return this.isNonHttpURI||!1===this.item.rel?null:this.item.rel?this.item.rel:this.isBlankTarget?"noopener noreferrer":null}},methods:{focusoutAction(){this.$emit("focusout")}}},i=e(4),r=Object(i.a)(a,(function(){var n=this,t=n._self._c;return n.isInternal?t("RouterLink",{staticClass:"nav-link",attrs:{to:n.link,exact:n.exact},nativeOn:{focusout:function(t){return n.focusoutAction.apply(null,arguments)}}},[n._v("\n "+n._s(n.item.text)+"\n")]):t("a",{staticClass:"nav-link external",attrs:{href:n.link,target:n.target,rel:n.rel},on:{focusout:n.focusoutAction}},[n._v("\n "+n._s(n.item.text)+"\n "),n.isBlankTarget?t("OutboundLink"):n._e()],1)}),[],!1,null,null,null);t.a=r.exports},function(n,t,e){"use strict";var o=e(32),a=e(138).left,i=e(139),r=e(70);o({target:"Array",proto:!0,forced:!e(140)&&r>79&&r<83||!i("reduce")},{reduce:function(n){var t=arguments.length;return a(this,n,t,t>1?arguments[1]:void 0)}})},function(n,t,e){var o=e(9),a=e(33),i=e(113),r=e(35),s=e(36),l=e(64),c=e(11),d=e(74),u=Object.getOwnPropertyDescriptor;t.f=o?u:function(n,t){if(n=s(n),t=l(t),d)try{return u(n,t)}catch(n){}if(c(n,t))return r(!a(i.f,n,t),n[t])}},function(n,t,e){var o=e(6),a=e(5),i=e(24),r=Object,s=o("".split);n.exports=a((function(){return!r("z").propertyIsEnumerable(0)}))?function(n){return"String"==i(n)?s(n,""):r(n)}:r},function(n,t,e){var o=e(63),a=TypeError;n.exports=function(n){if(o(n))throw a("Can't call method on "+n);return n}},function(n,t){n.exports=function(n){return null==n}},function(n,t,e){var o=e(114),a=e(66);n.exports=function(n){var t=o(n,"string");return a(t)?t:t+""}},function(n,t){var e="object"==typeof document&&document.all,o=void 0===e&&void 0!==e;n.exports={all:e,IS_HTMLDDA:o}},function(n,t,e){var o=e(37),a=e(3),i=e(67),r=e(68),s=Object;n.exports=r?function(n){return"symbol"==typeof n}:function(n){var t=o("Symbol");return a(t)&&i(t.prototype,s(n))}},function(n,t,e){var o=e(6);n.exports=o({}.isPrototypeOf)},function(n,t,e){var o=e(69);n.exports=o&&!Symbol.sham&&"symbol"==typeof Symbol.iterator},function(n,t,e){var o=e(70),a=e(5);n.exports=!!Object.getOwnPropertySymbols&&!a((function(){var n=Symbol();return!String(n)||!(Object(n)instanceof Symbol)||!Symbol.sham&&o&&o<41}))},function(n,t,e){var o,a,i=e(7),r=e(115),s=i.process,l=i.Deno,c=s&&s.versions||l&&l.version,d=c&&c.v8;d&&(a=(o=d.split("."))[0]>0&&o[0]<4?1:+(o[0]+o[1])),!a&&r&&(!(o=r.match(/Edge\/(\d+)/))||o[1]>=74)&&(o=r.match(/Chrome\/(\d+)/))&&(a=+o[1]),n.exports=a},function(n,t,e){var o=e(72),a=e(40);(n.exports=function(n,t){return a[n]||(a[n]=void 0!==t?t:{})})("versions",[]).push({version:"3.29.0",mode:o?"pure":"global",copyright:"© 2014-2023 Denis Pushkarev (zloirock.ru)",license:"https://github.com/zloirock/core-js/blob/v3.29.0/LICENSE",source:"https://github.com/zloirock/core-js"})},function(n,t){n.exports=!1},function(n,t,e){var o=e(6),a=0,i=Math.random(),r=o(1..toString);n.exports=function(n){return"Symbol("+(void 0===n?"":n)+")_"+r(++a+i,36)}},function(n,t,e){var o=e(9),a=e(5),i=e(119);n.exports=!o&&!a((function(){return 7!=Object.defineProperty(i("div"),"a",{get:function(){return 7}}).a}))},function(n,t){n.exports={}},function(n,t,e){var o=e(11),a=e(128),i=e(60),r=e(25);n.exports=function(n,t,e){for(var s=a(t),l=r.f,c=i.f,d=0;dd))return!1;var h=l.get(n),f=l.get(t);if(h&&f)return h==t&&f==n;var p=-1,b=!0,v=2&e?new o:void 0;for(l.set(n,t),l.set(t,n);++p-1&&n%1==0&&n({open:!1}),computed:{dropdownAriaLabel(){return this.item.ariaLabel||this.item.text}},watch:{$route(){this.open=!1}},methods:{setOpen(n){this.open=n},isLastItemOfArray:(n,t)=>r()(t)===n,handleDropdown(){0===event.detail&&this.setOpen(!this.open)}}},l=(e(253),e(4)),c=Object(l.a)(s,(function(){var n=this,t=n._self._c;return t("div",{staticClass:"dropdown-wrapper",class:{open:n.open}},[t("button",{staticClass:"dropdown-title",attrs:{type:"button","aria-label":n.dropdownAriaLabel},on:{click:n.handleDropdown}},[t("span",{staticClass:"title"},[n._v(n._s(n.item.text))]),n._v(" "),t("span",{staticClass:"arrow down"})]),n._v(" "),t("button",{staticClass:"mobile-dropdown-title",attrs:{type:"button","aria-label":n.dropdownAriaLabel},on:{click:function(t){return n.setOpen(!n.open)}}},[t("span",{staticClass:"title"},[n._v(n._s(n.item.text))]),n._v(" "),t("span",{staticClass:"arrow",class:n.open?"down":"right"})]),n._v(" "),t("DropdownTransition",[t("ul",{directives:[{name:"show",rawName:"v-show",value:n.open,expression:"open"}],staticClass:"nav-dropdown"},n._l(n.item.items,(function(e,o){return t("li",{key:e.link||o,staticClass:"dropdown-item"},["links"===e.type?t("h4",[n._v("\n "+n._s(e.text)+"\n ")]):n._e(),n._v(" "),"links"===e.type?t("ul",{staticClass:"dropdown-subitem-wrapper"},n._l(e.items,(function(o){return t("li",{key:o.link,staticClass:"dropdown-subitem"},[t("NavLink",{attrs:{item:o},on:{focusout:function(t){n.isLastItemOfArray(o,e.items)&&n.isLastItemOfArray(e,n.item.items)&&n.setOpen(!1)}}})],1)})),0):t("NavLink",{attrs:{item:e},on:{focusout:function(t){n.isLastItemOfArray(e,n.item.items)&&n.setOpen(!1)}}})],1)})),0)])],1)}),[],!1,null,null,null);t.a=c.exports},function(n,t,e){"use strict";var o={name:"DropdownTransition",methods:{setHeight(n){n.style.height=n.scrollHeight+"px"},unsetHeight(n){n.style.height=""}}},a=(e(252),e(4)),i=Object(a.a)(o,(function(){return(0,this._self._c)("transition",{attrs:{name:"dropdown"},on:{enter:this.setHeight,"after-enter":this.unsetHeight,"before-leave":this.setHeight}},[this._t("default")],2)}),[],!1,null,null,null);t.a=i.exports},function(n,t,e){var o=e(158),a=e(163),i=e(233),r=e(241),s=e(250),l=e(54),c=i((function(n){var t=l(n);return s(t)&&(t=void 0),r(o(n,1,s,!0),a(t,2))}));n.exports=c},function(n,t,e){"use strict"; + * @license MIT */void 0===(a="function"==typeof(o=function(){var n,t,e={version:"0.2.0"},o=e.settings={minimum:.08,easing:"ease",positionUsing:"",speed:200,trickle:!0,trickleRate:.02,trickleSpeed:800,showSpinner:!0,barSelector:'[role="bar"]',spinnerSelector:'[role="spinner"]',parent:"body",template:'
'};function a(n,t,e){return ne?e:n}function i(n){return 100*(-1+n)}e.configure=function(n){var t,e;for(t in n)void 0!==(e=n[t])&&n.hasOwnProperty(t)&&(o[t]=e);return this},e.status=null,e.set=function(n){var t=e.isStarted();n=a(n,o.minimum,1),e.status=1===n?null:n;var l=e.render(!t),c=l.querySelector(o.barSelector),d=o.speed,u=o.easing;return l.offsetWidth,r((function(t){""===o.positionUsing&&(o.positionUsing=e.getPositioningCSS()),s(c,function(n,t,e){var a;return(a="translate3d"===o.positionUsing?{transform:"translate3d("+i(n)+"%,0,0)"}:"translate"===o.positionUsing?{transform:"translate("+i(n)+"%,0)"}:{"margin-left":i(n)+"%"}).transition="all "+t+"ms "+e,a}(n,d,u)),1===n?(s(l,{transition:"none",opacity:1}),l.offsetWidth,setTimeout((function(){s(l,{transition:"all "+d+"ms linear",opacity:0}),setTimeout((function(){e.remove(),t()}),d)}),d)):setTimeout(t,d)})),this},e.isStarted=function(){return"number"==typeof e.status},e.start=function(){e.status||e.set(0);var n=function(){setTimeout((function(){e.status&&(e.trickle(),n())}),o.trickleSpeed)};return o.trickle&&n(),this},e.done=function(n){return n||e.status?e.inc(.3+.5*Math.random()).set(1):this},e.inc=function(n){var t=e.status;return t?("number"!=typeof n&&(n=(1-t)*a(Math.random()*t,.1,.95)),t=a(t+n,0,.994),e.set(t)):e.start()},e.trickle=function(){return e.inc(Math.random()*o.trickleRate)},n=0,t=0,e.promise=function(o){return o&&"resolved"!==o.state()?(0===t&&e.start(),n++,t++,o.always((function(){0==--t?(n=0,e.done()):e.set((n-t)/n)})),this):this},e.render=function(n){if(e.isRendered())return document.getElementById("nprogress");c(document.documentElement,"nprogress-busy");var t=document.createElement("div");t.id="nprogress",t.innerHTML=o.template;var a,r=t.querySelector(o.barSelector),l=n?"-100":i(e.status||0),d=document.querySelector(o.parent);return s(r,{transition:"all 0 linear",transform:"translate3d("+l+"%,0,0)"}),o.showSpinner||(a=t.querySelector(o.spinnerSelector))&&h(a),d!=document.body&&c(d,"nprogress-custom-parent"),d.appendChild(t),t},e.remove=function(){d(document.documentElement,"nprogress-busy"),d(document.querySelector(o.parent),"nprogress-custom-parent");var n=document.getElementById("nprogress");n&&h(n)},e.isRendered=function(){return!!document.getElementById("nprogress")},e.getPositioningCSS=function(){var n=document.body.style,t="WebkitTransform"in n?"Webkit":"MozTransform"in n?"Moz":"msTransform"in n?"ms":"OTransform"in n?"O":"";return t+"Perspective"in n?"translate3d":t+"Transform"in n?"translate":"margin"};var r=function(){var n=[];function t(){var e=n.shift();e&&e(t)}return function(e){n.push(e),1==n.length&&t()}}(),s=function(){var n=["Webkit","O","Moz","ms"],t={};function e(e){return e=e.replace(/^-ms-/,"ms-").replace(/-([\da-z])/gi,(function(n,t){return t.toUpperCase()})),t[e]||(t[e]=function(t){var e=document.body.style;if(t in e)return t;for(var o,a=n.length,i=t.charAt(0).toUpperCase()+t.slice(1);a--;)if((o=n[a]+i)in e)return o;return t}(e))}function o(n,t,o){t=e(t),n.style[t]=o}return function(n,t){var e,a,i=arguments;if(2==i.length)for(e in t)void 0!==(a=t[e])&&t.hasOwnProperty(e)&&o(n,e,a);else o(n,i[1],i[2])}}();function l(n,t){return("string"==typeof n?n:u(n)).indexOf(" "+t+" ")>=0}function c(n,t){var e=u(n),o=e+t;l(e,t)||(n.className=o.substring(1))}function d(n,t){var e,o=u(n);l(n,t)&&(e=o.replace(" "+t+" "," "),n.className=e.substring(1,e.length-1))}function u(n){return(" "+(n.className||"")+" ").replace(/\s+/gi," ")}function h(n){n&&n.parentNode&&n.parentNode.removeChild(n)}return e})?o.call(t,e,t,n):o)||(n.exports=a)},function(n,t,e){var o=e(7),a=e(60).f,i=e(19),r=e(121),s=e(41),l=e(76),c=e(137);n.exports=function(n,t){var e,d,u,h,f,p=n.target,b=n.global,v=n.stat;if(e=b?o:v?o[p]||s(p,{}):(o[p]||{}).prototype)for(d in t){if(h=t[d],u=n.dontCallGetSet?(f=a(e,d))&&f.value:e[d],!c(b?d:p+(v?".":"#")+d,n.forced)&&void 0!==u){if(typeof h==typeof u)continue;l(h,u)}(n.sham||u&&u.sham)&&i(h,"sham",!0),r(e,d,h,n)}}},function(n,t,e){var o=e(34),a=Function.prototype.call;n.exports=o?a.bind(a):function(){return a.apply(a,arguments)}},function(n,t,e){var o=e(5);n.exports=!o((function(){var n=function(){}.bind();return"function"!=typeof n||n.hasOwnProperty("prototype")}))},function(n,t){n.exports=function(n,t){return{enumerable:!(1&n),configurable:!(2&n),writable:!(4&n),value:t}}},function(n,t,e){var o=e(61),a=e(62);n.exports=function(n){return o(a(n))}},function(n,t,e){var o=e(7),a=e(3),i=function(n){return a(n)?n:void 0};n.exports=function(n,t){return arguments.length<2?i(o[n]):o[n]&&o[n][t]}},function(n,t,e){var o=e(3),a=e(117),i=TypeError;n.exports=function(n){if(o(n))return n;throw i(a(n)+" is not a function")}},function(n,t,e){var o=e(7),a=e(71),i=e(11),r=e(73),s=e(69),l=e(68),c=o.Symbol,d=a("wks"),u=l?c.for||c:c&&c.withoutSetter||r;n.exports=function(n){return i(d,n)||(d[n]=s&&i(c,n)?c[n]:u("Symbol."+n)),d[n]}},function(n,t,e){var o=e(7),a=e(41),i=o["__core-js_shared__"]||a("__core-js_shared__",{});n.exports=i},function(n,t,e){var o=e(7),a=Object.defineProperty;n.exports=function(n,t){try{a(o,n,{value:t,configurable:!0,writable:!0})}catch(e){o[n]=t}return t}},function(n,t,e){var o=e(62),a=Object;n.exports=function(n){return a(o(n))}},function(n,t,e){var o=e(13),a=String,i=TypeError;n.exports=function(n){if(o(n))return n;throw i(a(n)+" is not an object")}},function(n,t,e){var o=e(134);n.exports=function(n){return o(n.length)}},function(n,t,e){var o=e(160),a=e(16),i=Object.prototype,r=i.hasOwnProperty,s=i.propertyIsEnumerable,l=o(function(){return arguments}())?o:function(n){return a(n)&&r.call(n,"callee")&&!s.call(n,"callee")};n.exports=l},function(n,t,e){var o=e(14)(e(10),"Map");n.exports=o},function(n,t){n.exports=function(n){var t=typeof n;return null!=n&&("object"==t||"function"==t)}},function(n,t,e){var o=e(180),a=e(187),i=e(189),r=e(190),s=e(191);function l(n){var t=-1,e=null==n?0:n.length;for(this.clear();++t-1&&n%1==0&&n<=9007199254740991}},function(n,t,e){var o=e(8),a=e(52),i=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,r=/^\w*$/;n.exports=function(n,t){if(o(n))return!1;var e=typeof n;return!("number"!=e&&"symbol"!=e&&"boolean"!=e&&null!=n&&!a(n))||(r.test(n)||!i.test(n)||null!=t&&n in Object(t))}},function(n,t,e){var o=e(18),a=e(16);n.exports=function(n){return"symbol"==typeof n||a(n)&&"[object Symbol]"==o(n)}},function(n,t){n.exports=function(n){return n}},function(n,t){n.exports=function(n){var t=null==n?0:n.length;return t?n[t-1]:void 0}},function(n,t){function e(n,t){for(var e=0,o=n.length-1;o>=0;o--){var a=n[o];"."===a?n.splice(o,1):".."===a?(n.splice(o,1),e++):e&&(n.splice(o,1),e--)}if(t)for(;e--;e)n.unshift("..");return n}function o(n,t){if(n.filter)return n.filter(t);for(var e=[],o=0;o=-1&&!t;a--){var i=a>=0?arguments[a]:process.cwd();if("string"!=typeof i)throw new TypeError("Arguments to path.resolve must be strings");i&&(n=i+"/"+n,t="/"===i.charAt(0))}return(t?"/":"")+(n=e(o(n.split("/"),(function(n){return!!n})),!t).join("/"))||"."},t.normalize=function(n){var i=t.isAbsolute(n),r="/"===a(n,-1);return(n=e(o(n.split("/"),(function(n){return!!n})),!i).join("/"))||i||(n="."),n&&r&&(n+="/"),(i?"/":"")+n},t.isAbsolute=function(n){return"/"===n.charAt(0)},t.join=function(){var n=Array.prototype.slice.call(arguments,0);return t.normalize(o(n,(function(n,t){if("string"!=typeof n)throw new TypeError("Arguments to path.join must be strings");return n})).join("/"))},t.relative=function(n,e){function o(n){for(var t=0;t=0&&""===n[e];e--);return t>e?[]:n.slice(t,e-t+1)}n=t.resolve(n).substr(1),e=t.resolve(e).substr(1);for(var a=o(n.split("/")),i=o(e.split("/")),r=Math.min(a.length,i.length),s=r,l=0;l=1;--i)if(47===(t=n.charCodeAt(i))){if(!a){o=i;break}}else a=!1;return-1===o?e?"/":".":e&&1===o?"/":n.slice(0,o)},t.basename=function(n,t){var e=function(n){"string"!=typeof n&&(n+="");var t,e=0,o=-1,a=!0;for(t=n.length-1;t>=0;--t)if(47===n.charCodeAt(t)){if(!a){e=t+1;break}}else-1===o&&(a=!1,o=t+1);return-1===o?"":n.slice(e,o)}(n);return t&&e.substr(-1*t.length)===t&&(e=e.substr(0,e.length-t.length)),e},t.extname=function(n){"string"!=typeof n&&(n+="");for(var t=-1,e=0,o=-1,a=!0,i=0,r=n.length-1;r>=0;--r){var s=n.charCodeAt(r);if(47!==s)-1===o&&(a=!1,o=r+1),46===s?-1===t?t=r:1!==i&&(i=1):-1!==t&&(i=-1);else if(!a){e=r+1;break}}return-1===t||-1===o||0===i||1===i&&t===o-1&&t===e+1?"":n.slice(t,o)};var a="b"==="ab".substr(-1)?function(n,t,e){return n.substr(t,e)}:function(n,t,e){return t<0&&(t=n.length+t),n.substr(t,e)}},function(n,t,e){var o=e(32),a=e(7),i=e(144),r=e(145),s=a.WebAssembly,l=7!==Error("e",{cause:7}).cause,c=function(n,t){var e={};e[n]=r(n,t,l),o({global:!0,constructor:!0,arity:1,forced:l},e)},d=function(n,t){if(s&&s[n]){var e={};e[n]=r("WebAssembly."+n,t,l),o({target:"WebAssembly",stat:!0,constructor:!0,arity:1,forced:l},e)}};c("Error",(function(n){return function(t){return i(n,this,arguments)}})),c("EvalError",(function(n){return function(t){return i(n,this,arguments)}})),c("RangeError",(function(n){return function(t){return i(n,this,arguments)}})),c("ReferenceError",(function(n){return function(t){return i(n,this,arguments)}})),c("SyntaxError",(function(n){return function(t){return i(n,this,arguments)}})),c("TypeError",(function(n){return function(t){return i(n,this,arguments)}})),c("URIError",(function(n){return function(t){return i(n,this,arguments)}})),d("CompileError",(function(n){return function(t){return i(n,this,arguments)}})),d("LinkError",(function(n){return function(t){return i(n,this,arguments)}})),d("RuntimeError",(function(n){return function(t){return i(n,this,arguments)}}))},function(n,t){n.exports=function(n){return n.webpackPolyfill||(n.deprecate=function(){},n.paths=[],n.children||(n.children=[]),Object.defineProperty(n,"loaded",{enumerable:!0,get:function(){return n.l}}),Object.defineProperty(n,"id",{enumerable:!0,get:function(){return n.i}}),n.webpackPolyfill=1),n}},function(n,t,e){"use strict";var o=e(15),a={name:"NavLink",props:{item:{required:!0}},computed:{link(){return Object(o.b)(this.item.link)},exact(){return this.$site.locales?Object.keys(this.$site.locales).some(n=>n===this.link):"/"===this.link},isNonHttpURI(){return Object(o.g)(this.link)||Object(o.h)(this.link)},isBlankTarget(){return"_blank"===this.target},isInternal(){return!Object(o.f)(this.link)&&!this.isBlankTarget},target(){return this.isNonHttpURI?null:this.item.target?this.item.target:Object(o.f)(this.link)?"_blank":""},rel(){return this.isNonHttpURI||!1===this.item.rel?null:this.item.rel?this.item.rel:this.isBlankTarget?"noopener noreferrer":null}},methods:{focusoutAction(){this.$emit("focusout")}}},i=e(4),r=Object(i.a)(a,(function(){var n=this,t=n._self._c;return n.isInternal?t("RouterLink",{staticClass:"nav-link",attrs:{to:n.link,exact:n.exact},nativeOn:{focusout:function(t){return n.focusoutAction.apply(null,arguments)}}},[n._v("\n "+n._s(n.item.text)+"\n")]):t("a",{staticClass:"nav-link external",attrs:{href:n.link,target:n.target,rel:n.rel},on:{focusout:n.focusoutAction}},[n._v("\n "+n._s(n.item.text)+"\n "),n.isBlankTarget?t("OutboundLink"):n._e()],1)}),[],!1,null,null,null);t.a=r.exports},function(n,t,e){"use strict";var o=e(32),a=e(138).left,i=e(139),r=e(70);o({target:"Array",proto:!0,forced:!e(140)&&r>79&&r<83||!i("reduce")},{reduce:function(n){var t=arguments.length;return a(this,n,t,t>1?arguments[1]:void 0)}})},function(n,t,e){var o=e(9),a=e(33),i=e(113),r=e(35),s=e(36),l=e(64),c=e(11),d=e(74),u=Object.getOwnPropertyDescriptor;t.f=o?u:function(n,t){if(n=s(n),t=l(t),d)try{return u(n,t)}catch(n){}if(c(n,t))return r(!a(i.f,n,t),n[t])}},function(n,t,e){var o=e(6),a=e(5),i=e(24),r=Object,s=o("".split);n.exports=a((function(){return!r("z").propertyIsEnumerable(0)}))?function(n){return"String"==i(n)?s(n,""):r(n)}:r},function(n,t,e){var o=e(63),a=TypeError;n.exports=function(n){if(o(n))throw a("Can't call method on "+n);return n}},function(n,t){n.exports=function(n){return null==n}},function(n,t,e){var o=e(114),a=e(66);n.exports=function(n){var t=o(n,"string");return a(t)?t:t+""}},function(n,t){var e="object"==typeof document&&document.all,o=void 0===e&&void 0!==e;n.exports={all:e,IS_HTMLDDA:o}},function(n,t,e){var o=e(37),a=e(3),i=e(67),r=e(68),s=Object;n.exports=r?function(n){return"symbol"==typeof n}:function(n){var t=o("Symbol");return a(t)&&i(t.prototype,s(n))}},function(n,t,e){var o=e(6);n.exports=o({}.isPrototypeOf)},function(n,t,e){var o=e(69);n.exports=o&&!Symbol.sham&&"symbol"==typeof Symbol.iterator},function(n,t,e){var o=e(70),a=e(5);n.exports=!!Object.getOwnPropertySymbols&&!a((function(){var n=Symbol();return!String(n)||!(Object(n)instanceof Symbol)||!Symbol.sham&&o&&o<41}))},function(n,t,e){var o,a,i=e(7),r=e(115),s=i.process,l=i.Deno,c=s&&s.versions||l&&l.version,d=c&&c.v8;d&&(a=(o=d.split("."))[0]>0&&o[0]<4?1:+(o[0]+o[1])),!a&&r&&(!(o=r.match(/Edge\/(\d+)/))||o[1]>=74)&&(o=r.match(/Chrome\/(\d+)/))&&(a=+o[1]),n.exports=a},function(n,t,e){var o=e(72),a=e(40);(n.exports=function(n,t){return a[n]||(a[n]=void 0!==t?t:{})})("versions",[]).push({version:"3.29.0",mode:o?"pure":"global",copyright:"© 2014-2023 Denis Pushkarev (zloirock.ru)",license:"https://github.com/zloirock/core-js/blob/v3.29.0/LICENSE",source:"https://github.com/zloirock/core-js"})},function(n,t){n.exports=!1},function(n,t,e){var o=e(6),a=0,i=Math.random(),r=o(1..toString);n.exports=function(n){return"Symbol("+(void 0===n?"":n)+")_"+r(++a+i,36)}},function(n,t,e){var o=e(9),a=e(5),i=e(119);n.exports=!o&&!a((function(){return 7!=Object.defineProperty(i("div"),"a",{get:function(){return 7}}).a}))},function(n,t){n.exports={}},function(n,t,e){var o=e(11),a=e(128),i=e(60),r=e(25);n.exports=function(n,t,e){for(var s=a(t),l=r.f,c=i.f,d=0;dd))return!1;var h=l.get(n),f=l.get(t);if(h&&f)return h==t&&f==n;var p=-1,b=!0,v=2&e?new o:void 0;for(l.set(n,t),l.set(t,n);++p-1&&n%1==0&&n({open:!1}),computed:{dropdownAriaLabel(){return this.item.ariaLabel||this.item.text}},watch:{$route(){this.open=!1}},methods:{setOpen(n){this.open=n},isLastItemOfArray:(n,t)=>r()(t)===n,handleDropdown(){0===event.detail&&this.setOpen(!this.open)}}},l=(e(253),e(4)),c=Object(l.a)(s,(function(){var n=this,t=n._self._c;return t("div",{staticClass:"dropdown-wrapper",class:{open:n.open}},[t("button",{staticClass:"dropdown-title",attrs:{type:"button","aria-label":n.dropdownAriaLabel},on:{click:n.handleDropdown}},[t("span",{staticClass:"title"},[n._v(n._s(n.item.text))]),n._v(" "),t("span",{staticClass:"arrow down"})]),n._v(" "),t("button",{staticClass:"mobile-dropdown-title",attrs:{type:"button","aria-label":n.dropdownAriaLabel},on:{click:function(t){return n.setOpen(!n.open)}}},[t("span",{staticClass:"title"},[n._v(n._s(n.item.text))]),n._v(" "),t("span",{staticClass:"arrow",class:n.open?"down":"right"})]),n._v(" "),t("DropdownTransition",[t("ul",{directives:[{name:"show",rawName:"v-show",value:n.open,expression:"open"}],staticClass:"nav-dropdown"},n._l(n.item.items,(function(e,o){return t("li",{key:e.link||o,staticClass:"dropdown-item"},["links"===e.type?t("h4",[n._v("\n "+n._s(e.text)+"\n ")]):n._e(),n._v(" "),"links"===e.type?t("ul",{staticClass:"dropdown-subitem-wrapper"},n._l(e.items,(function(o){return t("li",{key:o.link,staticClass:"dropdown-subitem"},[t("NavLink",{attrs:{item:o},on:{focusout:function(t){n.isLastItemOfArray(o,e.items)&&n.isLastItemOfArray(e,n.item.items)&&n.setOpen(!1)}}})],1)})),0):t("NavLink",{attrs:{item:e},on:{focusout:function(t){n.isLastItemOfArray(e,n.item.items)&&n.setOpen(!1)}}})],1)})),0)])],1)}),[],!1,null,null,null);t.a=c.exports},function(n,t,e){"use strict";var o={name:"DropdownTransition",methods:{setHeight(n){n.style.height=n.scrollHeight+"px"},unsetHeight(n){n.style.height=""}}},a=(e(252),e(4)),i=Object(a.a)(o,(function(){return(0,this._self._c)("transition",{attrs:{name:"dropdown"},on:{enter:this.setHeight,"after-enter":this.unsetHeight,"before-leave":this.setHeight}},[this._t("default")],2)}),[],!1,null,null,null);t.a=i.exports},function(n,t,e){var o=e(158),a=e(163),i=e(233),r=e(241),s=e(250),l=e(54),c=i((function(n){var t=l(n);return s(t)&&(t=void 0),r(o(n,1,s,!0),a(t,2))}));n.exports=c},function(n,t,e){"use strict"; /*! * escape-html * Copyright(c) 2012-2013 TJ Holowaychuk * Copyright(c) 2015 Andreas Lubbe * Copyright(c) 2015 Tiancheng "Timothy" Gu * MIT Licensed - */var o=/["'&<>]/;n.exports=function(n){var t,e=""+n,a=o.exec(e);if(!a)return e;var i="",r=0,s=0;for(r=a.index;r=t||e<0||v&&n-c>=i}function w(){var n=f();if(x(n))return O(n);s=setTimeout(w,function(n){var e=t-(n-l);return v?h(e,i-(n-c)):e}(n))}function O(n){return s=void 0,g&&o?m(n):(o=a=void 0,r)}function C(){var n=f(),e=x(n);if(o=arguments,a=this,l=n,e){if(void 0===s)return y(l);if(v)return s=setTimeout(w,t),m(l)}return void 0===s&&(s=setTimeout(w,t)),r}return t=b(t)||0,p(e)&&(d=!!e.leading,i=(v="maxWait"in e)?u(b(e.maxWait)||0,t):i,g="trailing"in e?!!e.trailing:g),C.cancel=function(){void 0!==s&&clearTimeout(s),c=0,o=l=a=s=void 0},C.flush=function(){return void 0===s?r:O(f())},C}},function(n,t){const e=/^(?.+?)(::(?after|before))?$/;n.exports={injectElement:function(n,t,o){const a=e.exec(o.trim());if(!a)return void console.error("Invalid query selector: "+o);const{selector:i,position:r}=a.groups,s=n.querySelector(i.trim());if(s)if(r){const n="before"===r?s:s.nextSibling;n?s.parentNode.insertBefore(t,n):s.parentNode.appendChild(t)}else s.appendChild(t);else console.error(`Target '${s}' does not match any element`)}}},function(n,t){n.exports={fetchNpmVersions:async function(n,t){const e="https://data.jsdelivr.com/v1/package/npm/"+t,o=await(await n(e)).json(),a=Object.entries(o.tags||[]);return o.versions.map(n=>({tag:(a.find(t=>t[1]===n)||[null])[0],name:n}))}}},function(n,t,e){var o=e(97);n.exports=function(n,t,e){var a=null==n?void 0:o(n,t);return void 0===a?e:a}},function(n,t,e){n.exports=e(260)},function(n,t,e){"use strict";var o={}.propertyIsEnumerable,a=Object.getOwnPropertyDescriptor,i=a&&!o.call({1:2},1);t.f=i?function(n){var t=a(this,n);return!!t&&t.enumerable}:o},function(n,t,e){var o=e(33),a=e(13),i=e(66),r=e(116),s=e(118),l=e(39),c=TypeError,d=l("toPrimitive");n.exports=function(n,t){if(!a(n)||i(n))return n;var e,l=r(n,d);if(l){if(void 0===t&&(t="default"),e=o(l,n,t),!a(e)||i(e))return e;throw c("Can't convert object to primitive value")}return void 0===t&&(t="number"),s(n,t)}},function(n,t){n.exports="undefined"!=typeof navigator&&String(navigator.userAgent)||""},function(n,t,e){var o=e(38),a=e(63);n.exports=function(n,t){var e=n[t];return a(e)?void 0:o(e)}},function(n,t){var e=String;n.exports=function(n){try{return e(n)}catch(n){return"Object"}}},function(n,t,e){var o=e(33),a=e(3),i=e(13),r=TypeError;n.exports=function(n,t){var e,s;if("string"===t&&a(e=n.toString)&&!i(s=o(e,n)))return s;if(a(e=n.valueOf)&&!i(s=o(e,n)))return s;if("string"!==t&&a(e=n.toString)&&!i(s=o(e,n)))return s;throw r("Can't convert object to primitive value")}},function(n,t,e){var o=e(7),a=e(13),i=o.document,r=a(i)&&a(i.createElement);n.exports=function(n){return r?i.createElement(n):{}}},function(n,t,e){var o=e(9),a=e(5);n.exports=o&&a((function(){return 42!=Object.defineProperty((function(){}),"prototype",{value:42,writable:!1}).prototype}))},function(n,t,e){var o=e(3),a=e(25),i=e(122),r=e(41);n.exports=function(n,t,e,s){s||(s={});var l=s.enumerable,c=void 0!==s.name?s.name:t;if(o(e)&&i(e,c,s),s.global)l?n[t]=e:r(t,e);else{try{s.unsafe?n[t]&&(l=!0):delete n[t]}catch(n){}l?n[t]=e:a.f(n,t,{value:e,enumerable:!1,configurable:!s.nonConfigurable,writable:!s.nonWritable})}return n}},function(n,t,e){var o=e(6),a=e(5),i=e(3),r=e(11),s=e(9),l=e(123).CONFIGURABLE,c=e(124),d=e(125),u=d.enforce,h=d.get,f=String,p=Object.defineProperty,b=o("".slice),v=o("".replace),g=o([].join),m=s&&!a((function(){return 8!==p((function(){}),"length",{value:8}).length})),y=String(String).split("String"),x=n.exports=function(n,t,e){"Symbol("===b(f(t),0,7)&&(t="["+v(f(t),/^Symbol\(([^)]*)\)/,"$1")+"]"),e&&e.getter&&(t="get "+t),e&&e.setter&&(t="set "+t),(!r(n,"name")||l&&n.name!==t)&&(s?p(n,"name",{value:t,configurable:!0}):n.name=t),m&&e&&r(e,"arity")&&n.length!==e.arity&&p(n,"length",{value:e.arity});try{e&&r(e,"constructor")&&e.constructor?s&&p(n,"prototype",{writable:!1}):n.prototype&&(n.prototype=void 0)}catch(n){}var o=u(n);return r(o,"source")||(o.source=g(y,"string"==typeof t?t:"")),n};Function.prototype.toString=x((function(){return i(this)&&h(this).source||c(this)}),"toString")},function(n,t,e){var o=e(9),a=e(11),i=Function.prototype,r=o&&Object.getOwnPropertyDescriptor,s=a(i,"name"),l=s&&"something"===function(){}.name,c=s&&(!o||o&&r(i,"name").configurable);n.exports={EXISTS:s,PROPER:l,CONFIGURABLE:c}},function(n,t,e){var o=e(6),a=e(3),i=e(40),r=o(Function.toString);a(i.inspectSource)||(i.inspectSource=function(n){return r(n)}),n.exports=i.inspectSource},function(n,t,e){var o,a,i,r=e(126),s=e(7),l=e(13),c=e(19),d=e(11),u=e(40),h=e(127),f=e(75),p=s.TypeError,b=s.WeakMap;if(r||u.state){var v=u.state||(u.state=new b);v.get=v.get,v.has=v.has,v.set=v.set,o=function(n,t){if(v.has(n))throw p("Object already initialized");return t.facade=n,v.set(n,t),t},a=function(n){return v.get(n)||{}},i=function(n){return v.has(n)}}else{var g=h("state");f[g]=!0,o=function(n,t){if(d(n,g))throw p("Object already initialized");return t.facade=n,c(n,g,t),t},a=function(n){return d(n,g)?n[g]:{}},i=function(n){return d(n,g)}}n.exports={set:o,get:a,has:i,enforce:function(n){return i(n)?a(n):o(n,{})},getterFor:function(n){return function(t){var e;if(!l(t)||(e=a(t)).type!==n)throw p("Incompatible receiver, "+n+" required");return e}}}},function(n,t,e){var o=e(7),a=e(3),i=o.WeakMap;n.exports=a(i)&&/native code/.test(String(i))},function(n,t,e){var o=e(71),a=e(73),i=o("keys");n.exports=function(n){return i[n]||(i[n]=a(n))}},function(n,t,e){var o=e(37),a=e(6),i=e(129),r=e(136),s=e(43),l=a([].concat);n.exports=o("Reflect","ownKeys")||function(n){var t=i.f(s(n)),e=r.f;return e?l(t,e(n)):t}},function(n,t,e){var o=e(130),a=e(135).concat("length","prototype");t.f=Object.getOwnPropertyNames||function(n){return o(n,a)}},function(n,t,e){var o=e(6),a=e(11),i=e(36),r=e(131).indexOf,s=e(75),l=o([].push);n.exports=function(n,t){var e,o=i(n),c=0,d=[];for(e in o)!a(s,e)&&a(o,e)&&l(d,e);for(;t.length>c;)a(o,e=t[c++])&&(~r(d,e)||l(d,e));return d}},function(n,t,e){var o=e(36),a=e(132),i=e(44),r=function(n){return function(t,e,r){var s,l=o(t),c=i(l),d=a(r,c);if(n&&e!=e){for(;c>d;)if((s=l[d++])!=s)return!0}else for(;c>d;d++)if((n||d in l)&&l[d]===e)return n||d||0;return!n&&-1}};n.exports={includes:r(!0),indexOf:r(!1)}},function(n,t,e){var o=e(77),a=Math.max,i=Math.min;n.exports=function(n,t){var e=o(n);return e<0?a(e+t,0):i(e,t)}},function(n,t){var e=Math.ceil,o=Math.floor;n.exports=Math.trunc||function(n){var t=+n;return(t>0?o:e)(t)}},function(n,t,e){var o=e(77),a=Math.min;n.exports=function(n){return n>0?a(o(n),9007199254740991):0}},function(n,t){n.exports=["constructor","hasOwnProperty","isPrototypeOf","propertyIsEnumerable","toLocaleString","toString","valueOf"]},function(n,t){t.f=Object.getOwnPropertySymbols},function(n,t,e){var o=e(5),a=e(3),i=/#|\.prototype\./,r=function(n,t){var e=l[s(n)];return e==d||e!=c&&(a(t)?o(t):!!t)},s=r.normalize=function(n){return String(n).replace(i,".").toLowerCase()},l=r.data={},c=r.NATIVE="N",d=r.POLYFILL="P";n.exports=r},function(n,t,e){var o=e(38),a=e(42),i=e(61),r=e(44),s=TypeError,l=function(n){return function(t,e,l,c){o(e);var d=a(t),u=i(d),h=r(d),f=n?h-1:0,p=n?-1:1;if(l<2)for(;;){if(f in u){c=u[f],f+=p;break}if(f+=p,n?f<0:h<=f)throw s("Reduce of empty array with no initial value")}for(;n?f>=0:h>f;f+=p)f in u&&(c=e(c,u[f],f,d));return c}};n.exports={left:l(!1),right:l(!0)}},function(n,t,e){"use strict";var o=e(5);n.exports=function(n,t){var e=[][n];return!!e&&o((function(){e.call(null,t||function(){return 1},1)}))}},function(n,t,e){var o=e(24);n.exports="undefined"!=typeof process&&"process"==o(process)},function(n,t,e){"use strict";var o=e(9),a=e(142),i=TypeError,r=Object.getOwnPropertyDescriptor,s=o&&!function(){if(void 0!==this)return!0;try{Object.defineProperty([],"length",{writable:!1}).length=1}catch(n){return n instanceof TypeError}}();n.exports=s?function(n,t){if(a(n)&&!r(n,"length").writable)throw i("Cannot set read only .length");return n.length=t}:function(n,t){return n.length=t}},function(n,t,e){var o=e(24);n.exports=Array.isArray||function(n){return"Array"==o(n)}},function(n,t){var e=TypeError;n.exports=function(n){if(n>9007199254740991)throw e("Maximum allowed index exceeded");return n}},function(n,t,e){var o=e(34),a=Function.prototype,i=a.apply,r=a.call;n.exports="object"==typeof Reflect&&Reflect.apply||(o?r.bind(i):function(){return r.apply(i,arguments)})},function(n,t,e){"use strict";var o=e(37),a=e(11),i=e(19),r=e(67),s=e(78),l=e(76),c=e(148),d=e(149),u=e(150),h=e(154),f=e(155),p=e(9),b=e(72);n.exports=function(n,t,e,v){var g=v?2:1,m=n.split("."),y=m[m.length-1],x=o.apply(null,m);if(x){var w=x.prototype;if(!b&&a(w,"cause")&&delete w.cause,!e)return x;var O=o("Error"),C=t((function(n,t){var e=u(v?t:n,void 0),o=v?new x(n):new x;return void 0!==e&&i(o,"message",e),f(o,C,o.stack,2),this&&r(w,this)&&d(o,this,C),arguments.length>g&&h(o,arguments[g]),o}));if(C.prototype=w,"Error"!==y?s?s(C,O):l(C,O,{name:!0}):p&&"stackTraceLimit"in x&&(c(C,x,"stackTraceLimit"),c(C,x,"prepareStackTrace")),l(C,x),!b)try{w.name!==y&&i(w,"name",y),w.constructor=C}catch(n){}return C}}},function(n,t,e){var o=e(6),a=e(38);n.exports=function(n,t,e){try{return o(a(Object.getOwnPropertyDescriptor(n,t)[e]))}catch(n){}}},function(n,t,e){var o=e(3),a=String,i=TypeError;n.exports=function(n){if("object"==typeof n||o(n))return n;throw i("Can't set "+a(n)+" as a prototype")}},function(n,t,e){var o=e(25).f;n.exports=function(n,t,e){e in n||o(n,e,{configurable:!0,get:function(){return t[e]},set:function(n){t[e]=n}})}},function(n,t,e){var o=e(3),a=e(13),i=e(78);n.exports=function(n,t,e){var r,s;return i&&o(r=t.constructor)&&r!==e&&a(s=r.prototype)&&s!==e.prototype&&i(n,s),n}},function(n,t,e){var o=e(151);n.exports=function(n,t){return void 0===n?arguments.length<2?"":t:o(n)}},function(n,t,e){var o=e(152),a=String;n.exports=function(n){if("Symbol"===o(n))throw TypeError("Cannot convert a Symbol value to a string");return a(n)}},function(n,t,e){var o=e(153),a=e(3),i=e(24),r=e(39)("toStringTag"),s=Object,l="Arguments"==i(function(){return arguments}());n.exports=o?i:function(n){var t,e,o;return void 0===n?"Undefined":null===n?"Null":"string"==typeof(e=function(n,t){try{return n[t]}catch(n){}}(t=s(n),r))?e:l?i(t):"Object"==(o=i(t))&&a(t.callee)?"Arguments":o}},function(n,t,e){var o={};o[e(39)("toStringTag")]="z",n.exports="[object z]"===String(o)},function(n,t,e){var o=e(13),a=e(19);n.exports=function(n,t){o(t)&&"cause"in t&&a(n,"cause",t.cause)}},function(n,t,e){var o=e(19),a=e(156),i=e(157),r=Error.captureStackTrace;n.exports=function(n,t,e,s){i&&(r?r(n,t):o(n,"stack",a(e,s)))}},function(n,t,e){var o=e(6),a=Error,i=o("".replace),r=String(a("zxcasd").stack),s=/\n\s*at [^:]*:[^\n]*/,l=s.test(r);n.exports=function(n,t){if(l&&"string"==typeof n&&!a.prepareStackTrace)for(;t--;)n=i(n,s,"");return n}},function(n,t,e){var o=e(5),a=e(35);n.exports=!o((function(){var n=Error("a");return!("stack"in n)||(Object.defineProperty(n,"stack",a(1,7)),7!==n.stack)}))},function(n,t,e){var o=e(79),a=e(159);n.exports=function n(t,e,i,r,s){var l=-1,c=t.length;for(i||(i=a),s||(s=[]);++l0&&i(d)?e>1?n(d,e-1,i,r,s):o(s,d):r||(s[s.length]=d)}return s}},function(n,t,e){var o=e(20),a=e(45),i=e(8),r=o?o.isConcatSpreadable:void 0;n.exports=function(n){return i(n)||a(n)||!!(r&&n&&n[r])}},function(n,t,e){var o=e(18),a=e(16);n.exports=function(n){return a(n)&&"[object Arguments]"==o(n)}},function(n,t,e){var o=e(20),a=Object.prototype,i=a.hasOwnProperty,r=a.toString,s=o?o.toStringTag:void 0;n.exports=function(n){var t=i.call(n,s),e=n[s];try{n[s]=void 0;var o=!0}catch(n){}var a=r.call(n);return o&&(t?n[s]=e:delete n[s]),a}},function(n,t){var e=Object.prototype.toString;n.exports=function(n){return e.call(n)}},function(n,t,e){var o=e(164),a=e(220),i=e(53),r=e(8),s=e(230);n.exports=function(n){return"function"==typeof n?n:null==n?i:"object"==typeof n?r(n)?a(n[0],n[1]):o(n):s(n)}},function(n,t,e){var o=e(165),a=e(219),i=e(96);n.exports=function(n){var t=a(n);return 1==t.length&&t[0][2]?i(t[0][0],t[0][1]):function(e){return e===n||o(e,n,t)}}},function(n,t,e){var o=e(81),a=e(85);n.exports=function(n,t,e,i){var r=e.length,s=r,l=!i;if(null==n)return!s;for(n=Object(n);r--;){var c=e[r];if(l&&c[2]?c[1]!==n[c[0]]:!(c[0]in n))return!1}for(;++r-1}},function(n,t,e){var o=e(27);n.exports=function(n,t){var e=this.__data__,a=o(e,n);return a<0?(++this.size,e.push([n,t])):e[a][1]=t,this}},function(n,t,e){var o=e(26);n.exports=function(){this.__data__=new o,this.size=0}},function(n,t){n.exports=function(n){var t=this.__data__,e=t.delete(n);return this.size=t.size,e}},function(n,t){n.exports=function(n){return this.__data__.get(n)}},function(n,t){n.exports=function(n){return this.__data__.has(n)}},function(n,t,e){var o=e(26),a=e(46),i=e(48);n.exports=function(n,t){var e=this.__data__;if(e instanceof o){var r=e.__data__;if(!a||r.length<199)return r.push([n,t]),this.size=++e.size,this;e=this.__data__=new i(r)}return e.set(n,t),this.size=e.size,this}},function(n,t,e){var o=e(83),a=e(177),i=e(47),r=e(84),s=/^\[object .+?Constructor\]$/,l=Function.prototype,c=Object.prototype,d=l.toString,u=c.hasOwnProperty,h=RegExp("^"+d.call(u).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");n.exports=function(n){return!(!i(n)||a(n))&&(o(n)?h:s).test(r(n))}},function(n,t,e){var o,a=e(178),i=(o=/[^.]+$/.exec(a&&a.keys&&a.keys.IE_PROTO||""))?"Symbol(src)_1."+o:"";n.exports=function(n){return!!i&&i in n}},function(n,t,e){var o=e(10)["__core-js_shared__"];n.exports=o},function(n,t){n.exports=function(n,t){return null==n?void 0:n[t]}},function(n,t,e){var o=e(181),a=e(26),i=e(46);n.exports=function(){this.size=0,this.__data__={hash:new o,map:new(i||a),string:new o}}},function(n,t,e){var o=e(182),a=e(183),i=e(184),r=e(185),s=e(186);function l(n){var t=-1,e=null==n?0:n.length;for(this.clear();++t0){if(++t>=800)return arguments[0]}else t=0;return n.apply(void 0,arguments)}}},function(n,t,e){var o=e(87),a=e(242),i=e(247),r=e(88),s=e(248),l=e(49);n.exports=function(n,t,e){var c=-1,d=a,u=n.length,h=!0,f=[],p=f;if(e)h=!1,d=i;else if(u>=200){var b=t?null:s(n);if(b)return l(b);h=!1,d=r,p=new o}else p=t?[]:f;n:for(;++c-1}},function(n,t,e){var o=e(244),a=e(245),i=e(246);n.exports=function(n,t,e){return t==t?i(n,t,e):o(n,a,e)}},function(n,t){n.exports=function(n,t,e,o){for(var a=n.length,i=e+(o?1:-1);o?i--:++i]/;n.exports=function(n){var t,e=""+n,a=o.exec(e);if(!a)return e;var i="",r=0,s=0;for(r=a.index;r=t||e<0||v&&n-c>=i}function w(){var n=f();if(x(n))return O(n);s=setTimeout(w,function(n){var e=t-(n-l);return v?h(e,i-(n-c)):e}(n))}function O(n){return s=void 0,m&&o?g(n):(o=a=void 0,r)}function C(){var n=f(),e=x(n);if(o=arguments,a=this,l=n,e){if(void 0===s)return y(l);if(v)return s=setTimeout(w,t),g(l)}return void 0===s&&(s=setTimeout(w,t)),r}return t=b(t)||0,p(e)&&(d=!!e.leading,i=(v="maxWait"in e)?u(b(e.maxWait)||0,t):i,m="trailing"in e?!!e.trailing:m),C.cancel=function(){void 0!==s&&clearTimeout(s),c=0,o=l=a=s=void 0},C.flush=function(){return void 0===s?r:O(f())},C}},function(n,t){const e=/^(?.+?)(::(?after|before))?$/;n.exports={injectElement:function(n,t,o){const a=e.exec(o.trim());if(!a)return void console.error("Invalid query selector: "+o);const{selector:i,position:r}=a.groups,s=n.querySelector(i.trim());if(s)if(r){const n="before"===r?s:s.nextSibling;n?s.parentNode.insertBefore(t,n):s.parentNode.appendChild(t)}else s.appendChild(t);else console.error(`Target '${s}' does not match any element`)}}},function(n,t){n.exports={fetchNpmVersions:async function(n,t){const e="https://data.jsdelivr.com/v1/package/npm/"+t,o=await(await n(e)).json(),a=Object.entries(o.tags||[]);return o.versions.map(n=>({tag:(a.find(t=>t[1]===n)||[null])[0],name:n}))}}},function(n,t,e){var o=e(97);n.exports=function(n,t,e){var a=null==n?void 0:o(n,t);return void 0===a?e:a}},function(n,t,e){n.exports=e(260)},function(n,t,e){"use strict";var o={}.propertyIsEnumerable,a=Object.getOwnPropertyDescriptor,i=a&&!o.call({1:2},1);t.f=i?function(n){var t=a(this,n);return!!t&&t.enumerable}:o},function(n,t,e){var o=e(33),a=e(13),i=e(66),r=e(116),s=e(118),l=e(39),c=TypeError,d=l("toPrimitive");n.exports=function(n,t){if(!a(n)||i(n))return n;var e,l=r(n,d);if(l){if(void 0===t&&(t="default"),e=o(l,n,t),!a(e)||i(e))return e;throw c("Can't convert object to primitive value")}return void 0===t&&(t="number"),s(n,t)}},function(n,t){n.exports="undefined"!=typeof navigator&&String(navigator.userAgent)||""},function(n,t,e){var o=e(38),a=e(63);n.exports=function(n,t){var e=n[t];return a(e)?void 0:o(e)}},function(n,t){var e=String;n.exports=function(n){try{return e(n)}catch(n){return"Object"}}},function(n,t,e){var o=e(33),a=e(3),i=e(13),r=TypeError;n.exports=function(n,t){var e,s;if("string"===t&&a(e=n.toString)&&!i(s=o(e,n)))return s;if(a(e=n.valueOf)&&!i(s=o(e,n)))return s;if("string"!==t&&a(e=n.toString)&&!i(s=o(e,n)))return s;throw r("Can't convert object to primitive value")}},function(n,t,e){var o=e(7),a=e(13),i=o.document,r=a(i)&&a(i.createElement);n.exports=function(n){return r?i.createElement(n):{}}},function(n,t,e){var o=e(9),a=e(5);n.exports=o&&a((function(){return 42!=Object.defineProperty((function(){}),"prototype",{value:42,writable:!1}).prototype}))},function(n,t,e){var o=e(3),a=e(25),i=e(122),r=e(41);n.exports=function(n,t,e,s){s||(s={});var l=s.enumerable,c=void 0!==s.name?s.name:t;if(o(e)&&i(e,c,s),s.global)l?n[t]=e:r(t,e);else{try{s.unsafe?n[t]&&(l=!0):delete n[t]}catch(n){}l?n[t]=e:a.f(n,t,{value:e,enumerable:!1,configurable:!s.nonConfigurable,writable:!s.nonWritable})}return n}},function(n,t,e){var o=e(6),a=e(5),i=e(3),r=e(11),s=e(9),l=e(123).CONFIGURABLE,c=e(124),d=e(125),u=d.enforce,h=d.get,f=String,p=Object.defineProperty,b=o("".slice),v=o("".replace),m=o([].join),g=s&&!a((function(){return 8!==p((function(){}),"length",{value:8}).length})),y=String(String).split("String"),x=n.exports=function(n,t,e){"Symbol("===b(f(t),0,7)&&(t="["+v(f(t),/^Symbol\(([^)]*)\)/,"$1")+"]"),e&&e.getter&&(t="get "+t),e&&e.setter&&(t="set "+t),(!r(n,"name")||l&&n.name!==t)&&(s?p(n,"name",{value:t,configurable:!0}):n.name=t),g&&e&&r(e,"arity")&&n.length!==e.arity&&p(n,"length",{value:e.arity});try{e&&r(e,"constructor")&&e.constructor?s&&p(n,"prototype",{writable:!1}):n.prototype&&(n.prototype=void 0)}catch(n){}var o=u(n);return r(o,"source")||(o.source=m(y,"string"==typeof t?t:"")),n};Function.prototype.toString=x((function(){return i(this)&&h(this).source||c(this)}),"toString")},function(n,t,e){var o=e(9),a=e(11),i=Function.prototype,r=o&&Object.getOwnPropertyDescriptor,s=a(i,"name"),l=s&&"something"===function(){}.name,c=s&&(!o||o&&r(i,"name").configurable);n.exports={EXISTS:s,PROPER:l,CONFIGURABLE:c}},function(n,t,e){var o=e(6),a=e(3),i=e(40),r=o(Function.toString);a(i.inspectSource)||(i.inspectSource=function(n){return r(n)}),n.exports=i.inspectSource},function(n,t,e){var o,a,i,r=e(126),s=e(7),l=e(13),c=e(19),d=e(11),u=e(40),h=e(127),f=e(75),p=s.TypeError,b=s.WeakMap;if(r||u.state){var v=u.state||(u.state=new b);v.get=v.get,v.has=v.has,v.set=v.set,o=function(n,t){if(v.has(n))throw p("Object already initialized");return t.facade=n,v.set(n,t),t},a=function(n){return v.get(n)||{}},i=function(n){return v.has(n)}}else{var m=h("state");f[m]=!0,o=function(n,t){if(d(n,m))throw p("Object already initialized");return t.facade=n,c(n,m,t),t},a=function(n){return d(n,m)?n[m]:{}},i=function(n){return d(n,m)}}n.exports={set:o,get:a,has:i,enforce:function(n){return i(n)?a(n):o(n,{})},getterFor:function(n){return function(t){var e;if(!l(t)||(e=a(t)).type!==n)throw p("Incompatible receiver, "+n+" required");return e}}}},function(n,t,e){var o=e(7),a=e(3),i=o.WeakMap;n.exports=a(i)&&/native code/.test(String(i))},function(n,t,e){var o=e(71),a=e(73),i=o("keys");n.exports=function(n){return i[n]||(i[n]=a(n))}},function(n,t,e){var o=e(37),a=e(6),i=e(129),r=e(136),s=e(43),l=a([].concat);n.exports=o("Reflect","ownKeys")||function(n){var t=i.f(s(n)),e=r.f;return e?l(t,e(n)):t}},function(n,t,e){var o=e(130),a=e(135).concat("length","prototype");t.f=Object.getOwnPropertyNames||function(n){return o(n,a)}},function(n,t,e){var o=e(6),a=e(11),i=e(36),r=e(131).indexOf,s=e(75),l=o([].push);n.exports=function(n,t){var e,o=i(n),c=0,d=[];for(e in o)!a(s,e)&&a(o,e)&&l(d,e);for(;t.length>c;)a(o,e=t[c++])&&(~r(d,e)||l(d,e));return d}},function(n,t,e){var o=e(36),a=e(132),i=e(44),r=function(n){return function(t,e,r){var s,l=o(t),c=i(l),d=a(r,c);if(n&&e!=e){for(;c>d;)if((s=l[d++])!=s)return!0}else for(;c>d;d++)if((n||d in l)&&l[d]===e)return n||d||0;return!n&&-1}};n.exports={includes:r(!0),indexOf:r(!1)}},function(n,t,e){var o=e(77),a=Math.max,i=Math.min;n.exports=function(n,t){var e=o(n);return e<0?a(e+t,0):i(e,t)}},function(n,t){var e=Math.ceil,o=Math.floor;n.exports=Math.trunc||function(n){var t=+n;return(t>0?o:e)(t)}},function(n,t,e){var o=e(77),a=Math.min;n.exports=function(n){return n>0?a(o(n),9007199254740991):0}},function(n,t){n.exports=["constructor","hasOwnProperty","isPrototypeOf","propertyIsEnumerable","toLocaleString","toString","valueOf"]},function(n,t){t.f=Object.getOwnPropertySymbols},function(n,t,e){var o=e(5),a=e(3),i=/#|\.prototype\./,r=function(n,t){var e=l[s(n)];return e==d||e!=c&&(a(t)?o(t):!!t)},s=r.normalize=function(n){return String(n).replace(i,".").toLowerCase()},l=r.data={},c=r.NATIVE="N",d=r.POLYFILL="P";n.exports=r},function(n,t,e){var o=e(38),a=e(42),i=e(61),r=e(44),s=TypeError,l=function(n){return function(t,e,l,c){o(e);var d=a(t),u=i(d),h=r(d),f=n?h-1:0,p=n?-1:1;if(l<2)for(;;){if(f in u){c=u[f],f+=p;break}if(f+=p,n?f<0:h<=f)throw s("Reduce of empty array with no initial value")}for(;n?f>=0:h>f;f+=p)f in u&&(c=e(c,u[f],f,d));return c}};n.exports={left:l(!1),right:l(!0)}},function(n,t,e){"use strict";var o=e(5);n.exports=function(n,t){var e=[][n];return!!e&&o((function(){e.call(null,t||function(){return 1},1)}))}},function(n,t,e){var o=e(24);n.exports="undefined"!=typeof process&&"process"==o(process)},function(n,t,e){"use strict";var o=e(9),a=e(142),i=TypeError,r=Object.getOwnPropertyDescriptor,s=o&&!function(){if(void 0!==this)return!0;try{Object.defineProperty([],"length",{writable:!1}).length=1}catch(n){return n instanceof TypeError}}();n.exports=s?function(n,t){if(a(n)&&!r(n,"length").writable)throw i("Cannot set read only .length");return n.length=t}:function(n,t){return n.length=t}},function(n,t,e){var o=e(24);n.exports=Array.isArray||function(n){return"Array"==o(n)}},function(n,t){var e=TypeError;n.exports=function(n){if(n>9007199254740991)throw e("Maximum allowed index exceeded");return n}},function(n,t,e){var o=e(34),a=Function.prototype,i=a.apply,r=a.call;n.exports="object"==typeof Reflect&&Reflect.apply||(o?r.bind(i):function(){return r.apply(i,arguments)})},function(n,t,e){"use strict";var o=e(37),a=e(11),i=e(19),r=e(67),s=e(78),l=e(76),c=e(148),d=e(149),u=e(150),h=e(154),f=e(155),p=e(9),b=e(72);n.exports=function(n,t,e,v){var m=v?2:1,g=n.split("."),y=g[g.length-1],x=o.apply(null,g);if(x){var w=x.prototype;if(!b&&a(w,"cause")&&delete w.cause,!e)return x;var O=o("Error"),C=t((function(n,t){var e=u(v?t:n,void 0),o=v?new x(n):new x;return void 0!==e&&i(o,"message",e),f(o,C,o.stack,2),this&&r(w,this)&&d(o,this,C),arguments.length>m&&h(o,arguments[m]),o}));if(C.prototype=w,"Error"!==y?s?s(C,O):l(C,O,{name:!0}):p&&"stackTraceLimit"in x&&(c(C,x,"stackTraceLimit"),c(C,x,"prepareStackTrace")),l(C,x),!b)try{w.name!==y&&i(w,"name",y),w.constructor=C}catch(n){}return C}}},function(n,t,e){var o=e(6),a=e(38);n.exports=function(n,t,e){try{return o(a(Object.getOwnPropertyDescriptor(n,t)[e]))}catch(n){}}},function(n,t,e){var o=e(3),a=String,i=TypeError;n.exports=function(n){if("object"==typeof n||o(n))return n;throw i("Can't set "+a(n)+" as a prototype")}},function(n,t,e){var o=e(25).f;n.exports=function(n,t,e){e in n||o(n,e,{configurable:!0,get:function(){return t[e]},set:function(n){t[e]=n}})}},function(n,t,e){var o=e(3),a=e(13),i=e(78);n.exports=function(n,t,e){var r,s;return i&&o(r=t.constructor)&&r!==e&&a(s=r.prototype)&&s!==e.prototype&&i(n,s),n}},function(n,t,e){var o=e(151);n.exports=function(n,t){return void 0===n?arguments.length<2?"":t:o(n)}},function(n,t,e){var o=e(152),a=String;n.exports=function(n){if("Symbol"===o(n))throw TypeError("Cannot convert a Symbol value to a string");return a(n)}},function(n,t,e){var o=e(153),a=e(3),i=e(24),r=e(39)("toStringTag"),s=Object,l="Arguments"==i(function(){return arguments}());n.exports=o?i:function(n){var t,e,o;return void 0===n?"Undefined":null===n?"Null":"string"==typeof(e=function(n,t){try{return n[t]}catch(n){}}(t=s(n),r))?e:l?i(t):"Object"==(o=i(t))&&a(t.callee)?"Arguments":o}},function(n,t,e){var o={};o[e(39)("toStringTag")]="z",n.exports="[object z]"===String(o)},function(n,t,e){var o=e(13),a=e(19);n.exports=function(n,t){o(t)&&"cause"in t&&a(n,"cause",t.cause)}},function(n,t,e){var o=e(19),a=e(156),i=e(157),r=Error.captureStackTrace;n.exports=function(n,t,e,s){i&&(r?r(n,t):o(n,"stack",a(e,s)))}},function(n,t,e){var o=e(6),a=Error,i=o("".replace),r=String(a("zxcasd").stack),s=/\n\s*at [^:]*:[^\n]*/,l=s.test(r);n.exports=function(n,t){if(l&&"string"==typeof n&&!a.prepareStackTrace)for(;t--;)n=i(n,s,"");return n}},function(n,t,e){var o=e(5),a=e(35);n.exports=!o((function(){var n=Error("a");return!("stack"in n)||(Object.defineProperty(n,"stack",a(1,7)),7!==n.stack)}))},function(n,t,e){var o=e(79),a=e(159);n.exports=function n(t,e,i,r,s){var l=-1,c=t.length;for(i||(i=a),s||(s=[]);++l0&&i(d)?e>1?n(d,e-1,i,r,s):o(s,d):r||(s[s.length]=d)}return s}},function(n,t,e){var o=e(20),a=e(45),i=e(8),r=o?o.isConcatSpreadable:void 0;n.exports=function(n){return i(n)||a(n)||!!(r&&n&&n[r])}},function(n,t,e){var o=e(18),a=e(16);n.exports=function(n){return a(n)&&"[object Arguments]"==o(n)}},function(n,t,e){var o=e(20),a=Object.prototype,i=a.hasOwnProperty,r=a.toString,s=o?o.toStringTag:void 0;n.exports=function(n){var t=i.call(n,s),e=n[s];try{n[s]=void 0;var o=!0}catch(n){}var a=r.call(n);return o&&(t?n[s]=e:delete n[s]),a}},function(n,t){var e=Object.prototype.toString;n.exports=function(n){return e.call(n)}},function(n,t,e){var o=e(164),a=e(220),i=e(53),r=e(8),s=e(230);n.exports=function(n){return"function"==typeof n?n:null==n?i:"object"==typeof n?r(n)?a(n[0],n[1]):o(n):s(n)}},function(n,t,e){var o=e(165),a=e(219),i=e(96);n.exports=function(n){var t=a(n);return 1==t.length&&t[0][2]?i(t[0][0],t[0][1]):function(e){return e===n||o(e,n,t)}}},function(n,t,e){var o=e(81),a=e(85);n.exports=function(n,t,e,i){var r=e.length,s=r,l=!i;if(null==n)return!s;for(n=Object(n);r--;){var c=e[r];if(l&&c[2]?c[1]!==n[c[0]]:!(c[0]in n))return!1}for(;++r-1}},function(n,t,e){var o=e(27);n.exports=function(n,t){var e=this.__data__,a=o(e,n);return a<0?(++this.size,e.push([n,t])):e[a][1]=t,this}},function(n,t,e){var o=e(26);n.exports=function(){this.__data__=new o,this.size=0}},function(n,t){n.exports=function(n){var t=this.__data__,e=t.delete(n);return this.size=t.size,e}},function(n,t){n.exports=function(n){return this.__data__.get(n)}},function(n,t){n.exports=function(n){return this.__data__.has(n)}},function(n,t,e){var o=e(26),a=e(46),i=e(48);n.exports=function(n,t){var e=this.__data__;if(e instanceof o){var r=e.__data__;if(!a||r.length<199)return r.push([n,t]),this.size=++e.size,this;e=this.__data__=new i(r)}return e.set(n,t),this.size=e.size,this}},function(n,t,e){var o=e(83),a=e(177),i=e(47),r=e(84),s=/^\[object .+?Constructor\]$/,l=Function.prototype,c=Object.prototype,d=l.toString,u=c.hasOwnProperty,h=RegExp("^"+d.call(u).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");n.exports=function(n){return!(!i(n)||a(n))&&(o(n)?h:s).test(r(n))}},function(n,t,e){var o,a=e(178),i=(o=/[^.]+$/.exec(a&&a.keys&&a.keys.IE_PROTO||""))?"Symbol(src)_1."+o:"";n.exports=function(n){return!!i&&i in n}},function(n,t,e){var o=e(10)["__core-js_shared__"];n.exports=o},function(n,t){n.exports=function(n,t){return null==n?void 0:n[t]}},function(n,t,e){var o=e(181),a=e(26),i=e(46);n.exports=function(){this.size=0,this.__data__={hash:new o,map:new(i||a),string:new o}}},function(n,t,e){var o=e(182),a=e(183),i=e(184),r=e(185),s=e(186);function l(n){var t=-1,e=null==n?0:n.length;for(this.clear();++t0){if(++t>=800)return arguments[0]}else t=0;return n.apply(void 0,arguments)}}},function(n,t,e){var o=e(87),a=e(242),i=e(247),r=e(88),s=e(248),l=e(49);n.exports=function(n,t,e){var c=-1,d=a,u=n.length,h=!0,f=[],p=f;if(e)h=!1,d=i;else if(u>=200){var b=t?null:s(n);if(b)return l(b);h=!1,d=r,p=new o}else p=t?[]:f;n:for(;++c-1}},function(n,t,e){var o=e(244),a=e(245),i=e(246);n.exports=function(n,t,e){return t==t?i(n,t,e):o(n,a,e)}},function(n,t){n.exports=function(n,t,e,o){for(var a=n.length,i=e+(o?1:-1);o?i--:++i=0&&(t=n.slice(o),n=n.slice(0,o));var a=n.indexOf("?");return a>=0&&(e=n.slice(a+1),n=n.slice(0,a)),{path:n,query:e,hash:t}}(a.path||""),d=t&&t.path||"/",u=c.path?D(c.path,d,e||a.append):d,h=function(n,t,e){void 0===t&&(t={});var o,a=e||p;try{o=a(n||"")}catch(n){o={}}for(var i in t){var r=t[i];o[i]=Array.isArray(r)?r.map(f):f(r)}return o}(c.query,a.query,o&&o.options.parseQuery),b=a.hash||c.hash;return b&&"#"!==b.charAt(0)&&(b="#"+b),{_normalized:!0,path:u,query:h,hash:b}}var J,q=function(){},G={name:"RouterLink",props:{to:{type:[String,Object],required:!0},tag:{type:String,default:"a"},custom:Boolean,exact:Boolean,exactPath:Boolean,append:Boolean,replace:Boolean,activeClass:String,exactActiveClass:String,ariaCurrentValue:{type:String,default:"page"},event:{type:[String,Array],default:"click"}},render:function(n){var t=this,e=this.$router,o=this.$route,a=e.resolve(this.to,o,this.append),i=a.location,r=a.route,l=a.href,c={},d=e.options.linkActiveClass,u=e.options.linkExactActiveClass,h=null==d?"router-link-active":d,f=null==u?"router-link-exact-active":u,p=null==this.activeClass?h:this.activeClass,b=null==this.exactActiveClass?f:this.exactActiveClass,m=r.redirectedFrom?g(null,H(r.redirectedFrom),null,e):r;c[b]=O(o,m,this.exactPath),c[p]=this.exact||this.exactPath?c[b]:function(n,t){return 0===n.path.replace(v,"/").indexOf(t.path.replace(v,"/"))&&(!t.hash||n.hash===t.hash)&&function(n,t){for(var e in t)if(!(e in n))return!1;return!0}(n.query,t.query)}(o,m);var y=c[b]?this.ariaCurrentValue:null,x=function(n){K(n)&&(t.replace?e.replace(i,q):e.push(i,q))},w={click:K};Array.isArray(this.event)?this.event.forEach((function(n){w[n]=x})):w[this.event]=x;var C={class:c},k=!this.$scopedSlots.$hasNormal&&this.$scopedSlots.default&&this.$scopedSlots.default({href:l,route:r,navigate:x,isActive:c[p],isExactActive:c[b]});if(k){if(1===k.length)return k[0];if(k.length>1||!k.length)return 0===k.length?n():n("span",{},k)}if("a"===this.tag)C.on=w,C.attrs={href:l,"aria-current":y};else{var _=function n(t){var e;if(t)for(var o=0;o-1&&(s.params[h]=e.params[h]);return s.path=X(d.path,s.params),l(d,s,r)}if(s.path){s.params={};for(var f=0;f-1}function An(n,t){return Mn(n)&&n._isRouter&&(null==t||n.type===t)}function Pn(n,t,e){var o=function(a){a>=n.length?e():n[a]?t(n[a],(function(){o(a+1)})):o(a+1)};o(0)}function jn(n){return function(t,e,o){var a=!1,i=0,r=null;Tn(n,(function(n,t,e,s){if("function"==typeof n&&void 0===n.cid){a=!0,i++;var l,c=Ln((function(t){var a;((a=t).__esModule||En&&"Module"===a[Symbol.toStringTag])&&(t=t.default),n.resolved="function"==typeof t?t:J.extend(t),e.components[s]=t,--i<=0&&o()})),d=Ln((function(n){var t="Failed to resolve async component "+s+": "+n;r||(r=Mn(n)?n:new Error(t),o(r))}));try{l=n(c,d)}catch(n){d(n)}if(l)if("function"==typeof l.then)l.then(c,d);else{var u=l.component;u&&"function"==typeof u.then&&u.then(c,d)}}})),a||o()}}function Tn(n,t){return In(n.map((function(n){return Object.keys(n.components).map((function(e){return t(n.components[e],n.instances[e],n,e)}))})))}function In(n){return Array.prototype.concat.apply([],n)}var En="function"==typeof Symbol&&"symbol"==typeof Symbol.toStringTag;function Ln(n){var t=!1;return function(){for(var e=[],o=arguments.length;o--;)e[o]=arguments[o];if(!t)return t=!0,n.apply(this,e)}}var Nn=function(n,t){this.router=n,this.base=function(n){if(!n)if(Z){var t=document.querySelector("base");n=(n=t&&t.getAttribute("href")||"/").replace(/^https?:\/\/[^\/]+/,"")}else n="/";"/"!==n.charAt(0)&&(n="/"+n);return n.replace(/\/$/,"")}(t),this.current=y,this.pending=null,this.ready=!1,this.readyCbs=[],this.readyErrorCbs=[],this.errorCbs=[],this.listeners=[]};function Rn(n,t,e,o){var a=Tn(n,(function(n,o,a,i){var r=function(n,t){"function"!=typeof n&&(n=J.extend(n));return n.options[t]}(n,t);if(r)return Array.isArray(r)?r.map((function(n){return e(n,o,a,i)})):e(r,o,a,i)}));return In(o?a.reverse():a)}function Vn(n,t){if(t)return function(){return n.apply(t,arguments)}}Nn.prototype.listen=function(n){this.cb=n},Nn.prototype.onReady=function(n,t){this.ready?n():(this.readyCbs.push(n),t&&this.readyErrorCbs.push(t))},Nn.prototype.onError=function(n){this.errorCbs.push(n)},Nn.prototype.transitionTo=function(n,t,e){var o,a=this;try{o=this.router.match(n,this.current)}catch(n){throw this.errorCbs.forEach((function(t){t(n)})),n}var i=this.current;this.confirmTransition(o,(function(){a.updateRoute(o),t&&t(o),a.ensureURL(),a.router.afterHooks.forEach((function(n){n&&n(o,i)})),a.ready||(a.ready=!0,a.readyCbs.forEach((function(n){n(o)})))}),(function(n){e&&e(n),n&&!a.ready&&(An(n,Cn.redirected)&&i===y||(a.ready=!0,a.readyErrorCbs.forEach((function(t){t(n)}))))}))},Nn.prototype.confirmTransition=function(n,t,e){var o=this,a=this.current;this.pending=n;var i,r,s=function(n){!An(n)&&Mn(n)&&(o.errorCbs.length?o.errorCbs.forEach((function(t){t(n)})):console.error(n)),e&&e(n)},l=n.matched.length-1,c=a.matched.length-1;if(O(n,a)&&l===c&&n.matched[l]===a.matched[c])return this.ensureURL(),n.hash&&un(this.router,a,n,!1),s(((r=Sn(i=a,n,Cn.duplicated,'Avoided redundant navigation to current location: "'+i.fullPath+'".')).name="NavigationDuplicated",r));var d=function(n,t){var e,o=Math.max(n.length,t.length);for(e=0;e0)){var t=this.router,e=t.options.scrollBehavior,o=xn&&e;o&&this.listeners.push(dn());var a=function(){var e=n.current,a=zn(n.base);n.current===y&&a===n._startLocation||n.transitionTo(a,(function(n){o&&un(t,n,e,!0)}))};window.addEventListener("popstate",a),this.listeners.push((function(){window.removeEventListener("popstate",a)}))}},t.prototype.go=function(n){window.history.go(n)},t.prototype.push=function(n,t,e){var o=this,a=this.current;this.transitionTo(n,(function(n){wn(M(o.base+n.fullPath)),un(o.router,n,a,!1),t&&t(n)}),e)},t.prototype.replace=function(n,t,e){var o=this,a=this.current;this.transitionTo(n,(function(n){On(M(o.base+n.fullPath)),un(o.router,n,a,!1),t&&t(n)}),e)},t.prototype.ensureURL=function(n){if(zn(this.base)!==this.current.fullPath){var t=M(this.base+this.current.fullPath);n?wn(t):On(t)}},t.prototype.getCurrentLocation=function(){return zn(this.base)},t}(Nn);function zn(n){var t=window.location.pathname,e=t.toLowerCase(),o=n.toLowerCase();return!n||e!==o&&0!==e.indexOf(M(o+"/"))||(t=t.slice(n.length)),(t||"/")+window.location.search+window.location.hash}var Wn=function(n){function t(t,e,o){n.call(this,t,e),o&&function(n){var t=zn(n);if(!/^\/#/.test(t))return window.location.replace(M(n+"/#"+t)),!0}(this.base)||Fn()}return n&&(t.__proto__=n),t.prototype=Object.create(n&&n.prototype),t.prototype.constructor=t,t.prototype.setupListeners=function(){var n=this;if(!(this.listeners.length>0)){var t=this.router.options.scrollBehavior,e=xn&&t;e&&this.listeners.push(dn());var o=function(){var t=n.current;Fn()&&n.transitionTo(Bn(),(function(o){e&&un(n.router,o,t,!0),xn||Xn(o.fullPath)}))},a=xn?"popstate":"hashchange";window.addEventListener(a,o),this.listeners.push((function(){window.removeEventListener(a,o)}))}},t.prototype.push=function(n,t,e){var o=this,a=this.current;this.transitionTo(n,(function(n){$n(n.fullPath),un(o.router,n,a,!1),t&&t(n)}),e)},t.prototype.replace=function(n,t,e){var o=this,a=this.current;this.transitionTo(n,(function(n){Xn(n.fullPath),un(o.router,n,a,!1),t&&t(n)}),e)},t.prototype.go=function(n){window.history.go(n)},t.prototype.ensureURL=function(n){var t=this.current.fullPath;Bn()!==t&&(n?$n(t):Xn(t))},t.prototype.getCurrentLocation=function(){return Bn()},t}(Nn);function Fn(){var n=Bn();return"/"===n.charAt(0)||(Xn("/"+n),!1)}function Bn(){var n=window.location.href,t=n.indexOf("#");return t<0?"":n=n.slice(t+1)}function Yn(n){var t=window.location.href,e=t.indexOf("#");return(e>=0?t.slice(0,e):t)+"#"+n}function $n(n){xn?wn(Yn(n)):window.location.hash=n}function Xn(n){xn?On(Yn(n)):window.location.replace(Yn(n))}var Hn=function(n){function t(t,e){n.call(this,t,e),this.stack=[],this.index=-1}return n&&(t.__proto__=n),t.prototype=Object.create(n&&n.prototype),t.prototype.constructor=t,t.prototype.push=function(n,t,e){var o=this;this.transitionTo(n,(function(n){o.stack=o.stack.slice(0,o.index+1).concat(n),o.index++,t&&t(n)}),e)},t.prototype.replace=function(n,t,e){var o=this;this.transitionTo(n,(function(n){o.stack=o.stack.slice(0,o.index).concat(n),t&&t(n)}),e)},t.prototype.go=function(n){var t=this,e=this.index+n;if(!(e<0||e>=this.stack.length)){var o=this.stack[e];this.confirmTransition(o,(function(){var n=t.current;t.index=e,t.updateRoute(o),t.router.afterHooks.forEach((function(t){t&&t(o,n)}))}),(function(n){An(n,Cn.duplicated)&&(t.index=e)}))}},t.prototype.getCurrentLocation=function(){var n=this.stack[this.stack.length-1];return n?n.fullPath:"/"},t.prototype.ensureURL=function(){},t}(Nn),Jn=function(n){void 0===n&&(n={}),this.app=null,this.apps=[],this.options=n,this.beforeHooks=[],this.resolveHooks=[],this.afterHooks=[],this.matcher=tn(n.routes||[],this);var t=n.mode||"hash";switch(this.fallback="history"===t&&!xn&&!1!==n.fallback,this.fallback&&(t="hash"),Z||(t="abstract"),this.mode=t,t){case"history":this.history=new Un(this,n.base);break;case"hash":this.history=new Wn(this,n.base,this.fallback);break;case"abstract":this.history=new Hn(this,n.base);break;default:0}},qn={currentRoute:{configurable:!0}};Jn.prototype.match=function(n,t,e){return this.matcher.match(n,t,e)},qn.currentRoute.get=function(){return this.history&&this.history.current},Jn.prototype.init=function(n){var t=this;if(this.apps.push(n),n.$once("hook:destroyed",(function(){var e=t.apps.indexOf(n);e>-1&&t.apps.splice(e,1),t.app===n&&(t.app=t.apps[0]||null),t.app||t.history.teardown()})),!this.app){this.app=n;var e=this.history;if(e instanceof Un||e instanceof Wn){var o=function(n){e.setupListeners(),function(n){var o=e.current,a=t.options.scrollBehavior;xn&&a&&"fullPath"in n&&un(t,n,o,!1)}(n)};e.transitionTo(e.getCurrentLocation(),o,o)}e.listen((function(n){t.apps.forEach((function(t){t._route=n}))}))}},Jn.prototype.beforeEach=function(n){return Kn(this.beforeHooks,n)},Jn.prototype.beforeResolve=function(n){return Kn(this.resolveHooks,n)},Jn.prototype.afterEach=function(n){return Kn(this.afterHooks,n)},Jn.prototype.onReady=function(n,t){this.history.onReady(n,t)},Jn.prototype.onError=function(n){this.history.onError(n)},Jn.prototype.push=function(n,t,e){var o=this;if(!t&&!e&&"undefined"!=typeof Promise)return new Promise((function(t,e){o.history.push(n,t,e)}));this.history.push(n,t,e)},Jn.prototype.replace=function(n,t,e){var o=this;if(!t&&!e&&"undefined"!=typeof Promise)return new Promise((function(t,e){o.history.replace(n,t,e)}));this.history.replace(n,t,e)},Jn.prototype.go=function(n){this.history.go(n)},Jn.prototype.back=function(){this.go(-1)},Jn.prototype.forward=function(){this.go(1)},Jn.prototype.getMatchedComponents=function(n){var t=n?n.matched?n:this.resolve(n).route:this.currentRoute;return t?[].concat.apply([],t.matched.map((function(n){return Object.keys(n.components).map((function(t){return n.components[t]}))}))):[]},Jn.prototype.resolve=function(n,t,e){var o=H(n,t=t||this.history.current,e,this),a=this.match(o,t),i=a.redirectedFrom||a.fullPath;return{location:o,route:a,href:function(n,t,e){var o="hash"===e?"#"+t:t;return n?M(n+"/"+o):o}(this.history.base,i,this.mode),normalizedTo:o,resolved:a}},Jn.prototype.getRoutes=function(){return this.matcher.getRoutes()},Jn.prototype.addRoute=function(n,t){this.matcher.addRoute(n,t),this.history.current!==y&&this.history.transitionTo(this.history.getCurrentLocation())},Jn.prototype.addRoutes=function(n){this.matcher.addRoutes(n),this.history.current!==y&&this.history.transitionTo(this.history.getCurrentLocation())},Object.defineProperties(Jn.prototype,qn);var Gn=Jn;function Kn(n,t){return n.push(t),function(){var e=n.indexOf(t);e>-1&&n.splice(e,1)}}Jn.install=function n(t){if(!n.installed||J!==t){n.installed=!0,J=t;var e=function(n){return void 0!==n},o=function(n,t){var o=n.$options._parentVnode;e(o)&&e(o=o.data)&&e(o=o.registerRouteInstance)&&o(n,t)};t.mixin({beforeCreate:function(){e(this.$options.router)?(this._routerRoot=this,this._router=this.$options.router,this._router.init(this),t.util.defineReactive(this,"_route",this._router.history.current)):this._routerRoot=this.$parent&&this.$parent._routerRoot||this,o(this,this)},destroyed:function(){o(this)}}),Object.defineProperty(t.prototype,"$router",{get:function(){return this._routerRoot._router}}),Object.defineProperty(t.prototype,"$route",{get:function(){return this._routerRoot._route}}),t.component("RouterView",_),t.component("RouterLink",G);var a=t.config.optionMergeStrategies;a.beforeRouteEnter=a.beforeRouteLeave=a.beforeRouteUpdate=a.created}},Jn.version="3.6.5",Jn.isNavigationFailure=An,Jn.NavigationFailureType=Cn,Jn.START_LOCATION=y,Z&&window.Vue&&window.Vue.use(Jn);e(59);e(17),e(56);var Zn={NotFound:()=>e.e(15).then(e.bind(null,422)),Layout:()=>Promise.all([e.e(0),e.e(2)]).then(e.bind(null,420))},Qn={"v-4a62f668":()=>e.e(16).then(e.bind(null,426)),"v-3b83533d":()=>e.e(17).then(e.bind(null,427)),"v-d5f286de":()=>e.e(21).then(e.bind(null,428)),"v-19fc5046":()=>e.e(19).then(e.bind(null,429)),"v-25f1271d":()=>e.e(22).then(e.bind(null,430)),"v-2d43a12f":()=>e.e(18).then(e.bind(null,431)),"v-1c40ad9d":()=>e.e(23).then(e.bind(null,432)),"v-2e4ca05d":()=>e.e(26).then(e.bind(null,433)),"v-ec8d56c6":()=>e.e(28).then(e.bind(null,434)),"v-7fae43e2":()=>e.e(29).then(e.bind(null,435)),"v-2bdf7887":()=>e.e(20).then(e.bind(null,436)),"v-6b2059b3":()=>e.e(30).then(e.bind(null,437)),"v-4b4d89e9":()=>e.e(31).then(e.bind(null,438)),"v-c42c2106":()=>e.e(32).then(e.bind(null,439)),"v-1915dd1f":()=>e.e(27).then(e.bind(null,440)),"v-49180d06":()=>e.e(33).then(e.bind(null,441)),"v-29e3487d":()=>e.e(34).then(e.bind(null,442)),"v-f13aec06":()=>e.e(35).then(e.bind(null,443)),"v-3e5dcf1d":()=>e.e(36).then(e.bind(null,444)),"v-35d1c17d":()=>e.e(37).then(e.bind(null,445)),"v-361cec5e":()=>e.e(38).then(e.bind(null,446)),"v-07090646":()=>e.e(39).then(e.bind(null,447)),"v-42745613":()=>e.e(40).then(e.bind(null,448)),"v-16482446":()=>e.e(41).then(e.bind(null,449)),"v-5dd3097d":()=>e.e(42).then(e.bind(null,450)),"v-15088ca1":()=>e.e(25).then(e.bind(null,451)),"v-86eb5006":()=>e.e(43).then(e.bind(null,452)),"v-7b380066":()=>e.e(44).then(e.bind(null,453)),"v-64ad1186":()=>e.e(45).then(e.bind(null,454)),"v-4d8c7bf6":()=>e.e(8).then(e.bind(null,455)),"v-54682062":()=>e.e(46).then(e.bind(null,456)),"v-1b86f686":()=>e.e(48).then(e.bind(null,457)),"v-51daecc6":()=>e.e(49).then(e.bind(null,458)),"v-0e308dd1":()=>e.e(47).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-0db22306":()=>e.e(52).then(e.bind(null,462)),"v-15f8e6fd":()=>e.e(51).then(e.bind(null,463)),"v-67fac0e2":()=>e.e(53).then(e.bind(null,464)),"v-5b88421d":()=>e.e(9).then(e.bind(null,465)),"v-26692906":()=>e.e(10).then(e.bind(null,466)),"v-49aea27d":()=>e.e(11).then(e.bind(null,467)),"v-37e66462":()=>e.e(12).then(e.bind(null,468)),"v-90c1ce06":()=>e.e(13).then(e.bind(null,469)),"v-33db82fd":()=>e.e(14).then(e.bind(null,470)),"v-942110c6":()=>e.e(54).then(e.bind(null,471)),"v-ebb19754":()=>e.e(55).then(e.bind(null,472)),"v-54f14cdd":()=>e.e(56).then(e.bind(null,473)),"v-43e4cf76":()=>e.e(57).then(e.bind(null,474)),"v-366650ca":()=>e.e(58).then(e.bind(null,475)),"v-fac884d6":()=>e.e(59).then(e.bind(null,476)),"v-f46f9a86":()=>e.e(60).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-f0a8046a":()=>e.e(63).then(e.bind(null,480)),"v-1ac7de46":()=>e.e(64).then(e.bind(null,481)),"v-2215247d":()=>e.e(65).then(e.bind(null,482)),"v-475451bd":()=>e.e(67).then(e.bind(null,483)),"v-14c8b49f":()=>e.e(68).then(e.bind(null,484)),"v-06766846":()=>e.e(66).then(e.bind(null,485)),"v-de7917b6":()=>e.e(70).then(e.bind(null,486)),"v-532157ca":()=>e.e(69).then(e.bind(null,487)),"v-0f11953d":()=>e.e(71).then(e.bind(null,488)),"v-8f774586":()=>e.e(72).then(e.bind(null,489)),"v-4f17a19d":()=>e.e(73).then(e.bind(null,490)),"v-ed85c306":()=>e.e(75).then(e.bind(null,491)),"v-188d5d06":()=>e.e(76).then(e.bind(null,492)),"v-ffcf4406":()=>e.e(74).then(e.bind(null,493)),"v-79f854d2":()=>e.e(77).then(e.bind(null,494)),"v-a53ecf06":()=>e.e(78).then(e.bind(null,495)),"v-224dfd1d":()=>e.e(79).then(e.bind(null,496)),"v-4dd91745":()=>e.e(81).then(e.bind(null,497)),"v-5cbaa4bd":()=>e.e(82).then(e.bind(null,498)),"v-25be76ab":()=>e.e(83).then(e.bind(null,499)),"v-fe2fae0e":()=>e.e(84).then(e.bind(null,500)),"v-14b16052":()=>e.e(85).then(e.bind(null,501)),"v-0d73d593":()=>e.e(86).then(e.bind(null,502)),"v-9e862306":()=>e.e(87).then(e.bind(null,503)),"v-e1c46312":()=>e.e(80).then(e.bind(null,504)),"v-c5c24e7a":()=>e.e(89).then(e.bind(null,505)),"v-76c7a746":()=>e.e(90).then(e.bind(null,506)),"v-22325356":()=>e.e(88).then(e.bind(null,507)),"v-19c0057d":()=>e.e(91).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-5f6c329d":()=>e.e(94).then(e.bind(null,511)),"v-bc3af7aa":()=>e.e(95).then(e.bind(null,512)),"v-5eb79d3d":()=>e.e(96).then(e.bind(null,513)),"v-13db7dfd":()=>e.e(97).then(e.bind(null,514)),"v-246c16bd":()=>e.e(99).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-0fc2653f":()=>e.e(101).then(e.bind(null,518)),"v-3ae674fd":()=>e.e(102).then(e.bind(null,519)),"v-39b04a87":()=>e.e(103).then(e.bind(null,520)),"v-f2852e62":()=>e.e(105).then(e.bind(null,521)),"v-4719da06":()=>e.e(106).then(e.bind(null,522)),"v-45140bd3":()=>e.e(104).then(e.bind(null,523)),"v-bc74aa06":()=>e.e(24).then(e.bind(null,524))};function nt(n){const t=Object.create(null);return function(e){return t[e]||(t[e]=n(e))}}const tt=/-(\w)/g,et=nt(n=>n.replace(tt,(n,t)=>t?t.toUpperCase():"")),ot=/\B([A-Z])/g,at=nt(n=>n.replace(ot,"-$1").toLowerCase()),it=nt(n=>n.charAt(0).toUpperCase()+n.slice(1));function rt(n,t){if(!t)return;if(n(t))return n(t);return t.includes("-")?n(it(et(t))):n(it(t))||n(at(t))}const st=Object.assign({},Zn,Qn),lt=n=>st[n],ct=n=>Qn[n],dt=n=>Zn[n],ut=n=>r.a.component(n);function ht(n){return rt(ct,n)}function ft(n){return rt(dt,n)}function pt(n){return rt(lt,n)}function bt(n){return rt(ut,n)}function vt(...n){return Promise.all(n.filter(n=>n).map(async n=>{if(!bt(n)&&pt(n)){const t=await pt(n)();r.a.component(n,t.default)}}))}function gt(n,t){"undefined"!=typeof window&&window.__VUEPRESS__&&(window.__VUEPRESS__[n]=t)}var mt=e(106),yt=e.n(mt),xt=e(107),wt=e.n(xt),Ot={created(){if(this.siteMeta=this.$site.headTags.filter(([n])=>"meta"===n).map(([n,t])=>t),this.$ssrContext){const t=this.getMergedMetaTags();this.$ssrContext.title=this.$title,this.$ssrContext.lang=this.$lang,this.$ssrContext.pageMeta=(n=t)?n.map(n=>{let t="{t+=` ${e}="${wt()(n[e])}"`}),t+">"}).join("\n "):"",this.$ssrContext.canonicalLink=kt(this.$canonicalUrl)}var n},mounted(){this.currentMetaTags=[...document.querySelectorAll("meta")],this.updateMeta(),this.updateCanonicalLink()},methods:{updateMeta(){document.title=this.$title,document.documentElement.lang=this.$lang;const n=this.getMergedMetaTags();this.currentMetaTags=_t(n,this.currentMetaTags)},getMergedMetaTags(){const n=this.$page.frontmatter.meta||[];return yt()([{name:"description",content:this.$description}],n,this.siteMeta,St)},updateCanonicalLink(){Ct(),this.$canonicalUrl&&document.head.insertAdjacentHTML("beforeend",kt(this.$canonicalUrl))}},watch:{$page(){this.updateMeta(),this.updateCanonicalLink()}},beforeDestroy(){_t(null,this.currentMetaTags),Ct()}};function Ct(){const n=document.querySelector("link[rel='canonical']");n&&n.remove()}function kt(n=""){return n?``:""}function _t(n,t){if(t&&[...t].filter(n=>n.parentNode===document.head).forEach(n=>document.head.removeChild(n)),n)return n.map(n=>{const t=document.createElement("meta");return Object.keys(n).forEach(e=>{t.setAttribute(e,n[e])}),document.head.appendChild(t),t})}function St(n){for(const t of["name","property","itemprop"])if(n.hasOwnProperty(t))return n[t]+t;return JSON.stringify(n)}var Dt=e(108),Mt={mounted(){window.addEventListener("scroll",this.onScroll)},methods:{onScroll:e.n(Dt)()((function(){this.setActiveHash()}),300),setActiveHash(){const n=[].slice.call(document.querySelectorAll(".sidebar-link")),t=[].slice.call(document.querySelectorAll(".header-anchor")).filter(t=>n.some(n=>n.hash===t.hash)),e=Math.max(window.pageYOffset,document.documentElement.scrollTop,document.body.scrollTop),o=Math.max(document.documentElement.scrollHeight,document.body.scrollHeight),a=window.innerHeight+e;for(let n=0;n=i.parentElement.offsetTop+10&&(!r||e{this.$nextTick(()=>{this.$vuepress.$set("disableScrollBehavior",!1)})})}}}},beforeDestroy(){window.removeEventListener("scroll",this.onScroll)}},At=e(31),Pt=e.n(At),jt={mounted(){Pt.a.configure({showSpinner:!1}),this.$router.beforeEach((n,t,e)=>{n.path===t.path||r.a.component(n.name)||Pt.a.start(),e()}),this.$router.afterEach(()=>{Pt.a.done(),this.isSidebarOpen=!1})}},Tt=e(12),It=e.n(Tt),Et=e(109),Lt=e(110),Nt=e(22),Rt=e(23),Vt=e(104),Ut=r.a.extend({components:{DropdownLink:Vt.a},props:{item:{type:Object,required:!0}}}),zt=(e(254),e(4)),Wt=Object(zt.a)(Ut,(function(){var n=this._self._c;this._self._setupProxy;return n("div",{staticClass:"versions-dropdown nav-item can-hide"},[n("dropdown-link",{attrs:{item:this.item}})],1)}),[],!1,null,"3dd359e2",null).exports;const Ft=It.a.filters||{};function Bt(n,t,e){let o=Object(Nt.resolveTemplate)(n,t,e);o.startsWith("/")&&(o=`${window.location.origin}${o}`);const a=`${window.location.origin}${It.a.base}`;return o.startsWith(a)?o.substring(a.length)+"/":o}function Yt(n,t){if(n.exclude){const e=new RegExp(n.exclude);t=t.filter(({name:n})=>!n.match(e))}let e=Object(Rt.collapseVersions)(n,t);return n.limit>0&&(e=e.slice(0,n.limit)),e.map(t=>{const{target:e}=n,o=Object(Rt.describeVersion)(t);return{target:e,text:Object(Nt.resolveTemplate)(n.text,o,Ft),link:Bt(n.link,o,Ft)}})}function $t(n,t){const e=n.menu;if(!e)return{};const o=t.find(t=>t.name===n.version)||{name:n.version,tag:null},a=Object(Rt.describeVersion)(o),i=Object(Nt.resolveTemplate)(e.text,a,Ft);return{items:function n(t,e,o){const a=[];for(const i of t)if("versions"===i.type)a.push(...Yt({group:"minor",link:"/{{version}}/",text:"{{version}}",...i},e));else{const t=Object(Rt.describeVersion)(o),r=Object(Nt.resolveTemplate)(i.text||"",t,Ft);i.items?a.push({...i,text:r,type:"links",items:n(i.items,e,o)}):a.push({...i,text:r,link:Bt(i.link||"",t,Ft)})}return a}(e.items||[],t,o),text:i}}const Xt=r.a.observable({inserted:!1,dropdown:{}});var Ht=[Ot,Mt,jt,{async mounted(){{const n=$t(It.a,It.a.versions||[]);r.a.set(Xt,"dropdown",n)}try{const n=await Object(Lt.fetchNpmVersions)(fetch,It.a.name),t=$t(It.a,n);Object.assign(Xt.dropdown,t)}catch(n){console.error("Failed to retrieve available versions")}},async updated(){const n=this.$router;if(!Xt.inserted){for(const t of It.a.menu.locations){const e={item:Xt.dropdown},o=new Wt({router:n,propsData:e}).$mount();Object(Et.injectElement)(this.$el,o.$el,t)}Xt.inserted=!0}}}],Jt={name:"GlobalLayout",computed:{layout(){const n=this.getLayout();return gt("layout",n),r.a.component(n)}},methods:{getLayout(){if(this.$page.path){const n=this.$page.frontmatter.layout;return n&&(this.$vuepress.getLayoutAsyncComponent(n)||this.$vuepress.getVueComponent(n))?n:"Layout"}return"NotFound"}}},qt=Object(zt.a)(Jt,(function(){return(0,this._self._c)(this.layout,{tag:"component"})}),[],!1,null,null,null).exports;!function(n,t,e){switch(t){case"components":n[t]||(n[t]={}),Object.assign(n[t],e);break;case"mixins":n[t]||(n[t]=[]),n[t].push(...e);break;default:throw new Error("Unknown option name.")}}(qt,"mixins",Ht);const Gt=[{name:"v-4a62f668",path:"/api/",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-4a62f668").then(e)}},{path:"/api/index.html",redirect:"/api/"},{name:"v-3b83533d",path:"/api/interfaces/AnnotationBoxModel.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-3b83533d").then(e)}},{name:"v-d5f286de",path:"/api/interfaces/AnnotationPluginOptions.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-d5f286de").then(e)}},{name:"v-19fc5046",path:"/api/interfaces/AnnotationEvents.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-19fc5046").then(e)}},{name:"v-25f1271d",path:"/api/interfaces/AnnotationPointCoordinates.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-25f1271d").then(e)}},{name:"v-2d43a12f",path:"/api/interfaces/AnnotationElement.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-2d43a12f").then(e)}},{name:"v-1c40ad9d",path:"/api/interfaces/AnnotationTypeRegistry.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-1c40ad9d").then(e)}},{name:"v-2e4ca05d",path:"/api/interfaces/BoxAnnotationOptions.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-2e4ca05d").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-2bdf7887",path:"/api/interfaces/AnnotationHooks.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-2bdf7887").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-1915dd1f",path:"/api/interfaces/BoxLabelOptions.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-1915dd1f").then(e)}},{name:"v-49180d06",path:"/api/interfaces/EllipseAnnotationOptions.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-49180d06").then(e)}},{name:"v-29e3487d",path:"/api/interfaces/EventContext.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-29e3487d").then(e)}},{name:"v-f13aec06",path:"/api/interfaces/LabelAnnotationOptions.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-f13aec06").then(e)}},{name:"v-3e5dcf1d",path:"/api/interfaces/LabelOptions.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-3e5dcf1d").then(e)}},{name:"v-35d1c17d",path:"/api/interfaces/LabelPadding.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-35d1c17d").then(e)}},{name:"v-361cec5e",path:"/api/interfaces/LabelPositionObject.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-361cec5e").then(e)}},{name:"v-07090646",path:"/api/interfaces/LabelTypeOptions.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-07090646").then(e)}},{name:"v-42745613",path:"/api/interfaces/LineAnnotationOptions.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-42745613").then(e)}},{name:"v-16482446",path:"/api/interfaces/PartialEventContext.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-16482446").then(e)}},{name:"v-5dd3097d",path:"/api/interfaces/PointAnnotationOptions.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-5dd3097d").then(e)}},{name:"v-15088ca1",path:"/api/interfaces/ArrowHeadsOptions.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-15088ca1").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-64ad1186",path:"/guide/configuration.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-64ad1186").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-54682062",path:"/guide/contributing.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-54682062").then(e)}},{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-0e308dd1",path:"/guide/developers.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-0e308dd1").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-0db22306",path:"/guide/types/_commonInnerLabel.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-0db22306").then(e)}},{name:"v-15f8e6fd",path:"/guide/options.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-15f8e6fd").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-ebb19754",path:"/",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-ebb19754").then(e)}},{path:"/index.html",redirect:"/"},{name:"v-54f14cdd",path:"/samples/box/basic.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-54f14cdd").then(e)}},{name:"v-43e4cf76",path:"/samples/box/canvas.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-43e4cf76").then(e)}},{name:"v-366650ca",path:"/samples/box/disclosure.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-366650ca").then(e)}},{name:"v-fac884d6",path:"/samples/box/gradient.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-fac884d6").then(e)}},{name:"v-f46f9a86",path:"/samples/box/image.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-f46f9a86").then(e)}},{name:"v-b3a5649a",path:"/samples/box/initAnim.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-b3a5649a").then(e)}},{name:"v-a827b1b2",path:"/samples/box/quarters.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-a827b1b2").then(e)}},{name:"v-f0a8046a",path:"/samples/charts/bar.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-f0a8046a").then(e)}},{name:"v-1ac7de46",path:"/samples/charts/line.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-1ac7de46").then(e)}},{name:"v-2215247d",path:"/samples/ellipse/basic.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-2215247d").then(e)}},{name:"v-475451bd",path:"/samples/ellipse/label.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-475451bd").then(e)}},{name:"v-14c8b49f",path:"/samples/ellipse/rotation.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-14c8b49f").then(e)}},{name:"v-06766846",path:"/samples/ellipse/image.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-06766846").then(e)}},{name:"v-de7917b6",path:"/samples/interaction/dragging.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-de7917b6").then(e)}},{name:"v-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-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-ffcf4406",path:"/samples/label/autoscaling.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-ffcf4406").then(e)}},{name:"v-79f854d2",path:"/samples/label/canvas.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-79f854d2").then(e)}},{name:"v-a53ecf06",path:"/samples/label/fontsColors.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-a53ecf06").then(e)}},{name:"v-224dfd1d",path:"/samples/label/image.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-224dfd1d").then(e)}},{name:"v-4dd91745",path:"/samples/label/lowerUpper.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-4dd91745").then(e)}},{name:"v-5cbaa4bd",path:"/samples/label/point.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-5cbaa4bd").then(e)}},{name:"v-25be76ab",path:"/samples/line/animation.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-25be76ab").then(e)}},{name:"v-fe2fae0e",path:"/samples/line/average.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-fe2fae0e").then(e)}},{name:"v-14b16052",path:"/samples/line/basic.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-14b16052").then(e)}},{name:"v-0d73d593",path:"/samples/line/callout.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-0d73d593").then(e)}},{name:"v-9e862306",path:"/samples/line/canvas.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-9e862306").then(e)}},{name:"v-e1c46312",path:"/samples/label/innerChart.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-e1c46312").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-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-2f3a8d3f",path:"/samples/line/limited.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-2f3a8d3f").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-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-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-0fc2653f",path:"/samples/point/shadow.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-0fc2653f").then(e)}},{name:"v-3ae674fd",path:"/samples/polygon/basic.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-3ae674fd").then(e)}},{name:"v-39b04a87",path:"/samples/polygon/outsideChartArea.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-39b04a87").then(e)}},{name:"v-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-45140bd3",path:"/samples/polygon/shadow.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-45140bd3").then(e)}},{name:"v-bc74aa06",path:"/api/interfaces/ArrowHeadOptions.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-bc74aa06").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: 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: 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: 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: 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: 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: 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: 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: 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: 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: 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: EllipseAnnotationOptions",frontmatter:{},regularPath:"/api/interfaces/EllipseAnnotationOptions.html",relativePath:"api/interfaces/EllipseAnnotationOptions.md",key:"v-49180d06",path:"/api/interfaces/EllipseAnnotationOptions.html",headers:[{level:2,title:"Hierarchy",slug:"hierarchy"},{level:2,title:"Properties",slug:"properties"},{level:3,title:"adjustScaleRange",slug:"adjustscalerange"},{level:3,title:"backgroundColor",slug:"backgroundcolor"},{level:3,title:"backgroundShadowColor",slug:"backgroundshadowcolor"},{level:3,title:"borderColor",slug:"bordercolor"},{level:3,title:"borderDash",slug:"borderdash"},{level:3,title:"borderDashOffset",slug:"borderdashoffset"},{level:3,title:"borderShadowColor",slug:"bordershadowcolor"},{level:3,title:"borderWidth",slug:"borderwidth"},{level:3,title:"display",slug:"display"},{level:3,title:"drawTime",slug:"drawtime"},{level:3,title:"hitTolerance",slug:"hittolerance"},{level:3,title:"id",slug:"id"},{level:3,title:"init",slug:"init"},{level:3,title:"label",slug:"label"},{level:3,title:"rotation",slug:"rotation"},{level:3,title:"shadowBlur",slug:"shadowblur"},{level:3,title:"shadowOffsetX",slug:"shadowoffsetx"},{level:3,title:"shadowOffsetY",slug:"shadowoffsety"},{level:3,title:"xMax",slug:"xmax"},{level:3,title:"xMin",slug:"xmin"},{level:3,title:"xScaleID",slug:"xscaleid"},{level:3,title:"yMax",slug:"ymax"},{level:3,title:"yMin",slug:"ymin"},{level:3,title:"yScaleID",slug:"yscaleid"},{level:3,title:"z",slug:"z"},{level:2,title:"Methods",slug:"methods"},{level:3,title:"afterDraw",slug:"afterdraw"},{level:3,title:"beforeDraw",slug:"beforedraw"},{level:3,title:"click",slug:"click"},{level:3,title:"enter",slug:"enter"},{level:3,title:"leave",slug:"leave"}],content:" Interface: EllipseAnnotationOptions \n Hierarchy \n \n \n CoreAnnotationOptions \n ↳ EllipseAnnotationOptions \n Properties \n adjustScaleRange \n • Optional adjustScaleRange : Scriptable < boolean , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . adjustScaleRange \n Defined in \n options.d.ts:38 \n backgroundColor \n • Optional backgroundColor : Scriptable < Color , PartialEventContext > \n Defined in \n options.d.ts:122 \n backgroundShadowColor \n • Optional backgroundShadowColor : Scriptable < Color , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . backgroundShadowColor \n Defined in \n options.d.ts:30 \n borderColor \n • Optional borderColor : Scriptable < Color , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . borderColor \n Defined in \n options.d.ts:39 \n borderDash \n • Optional borderDash : Scriptable < number [], PartialEventContext > \n Inherited from \n CoreAnnotationOptions . borderDash \n Defined in \n options.d.ts:40 \n borderDashOffset \n • Optional borderDashOffset : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . borderDashOffset \n Defined in \n options.d.ts:41 \n borderShadowColor \n • Optional borderShadowColor : Scriptable < Color , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . borderShadowColor \n Defined in \n options.d.ts:31 \n borderWidth \n • Optional borderWidth : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . borderWidth \n Defined in \n options.d.ts:42 \n display \n • Optional display : Scriptable < boolean , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . display \n Defined in \n options.d.ts:43 \n drawTime \n • Optional drawTime : Scriptable < DrawTime , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . drawTime \n Defined in \n options.d.ts:44 \n hitTolerance \n • Optional hitTolerance : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . hitTolerance \n Defined in \n options.d.ts:45 \n id \n • Optional id : string \n Inherited from \n CoreAnnotationOptions . id \n Defined in \n options.d.ts:47 \n init \n • Optional init : boolean | ( __namedParameters : Object ) => boolean | void | Partial < AnnotationElement > \n Inherited from \n CoreAnnotationOptions . init \n Defined in \n options.d.ts:46 \n label \n • Optional label : BoxLabelOptions \n Defined in \n options.d.ts:123 \n rotation \n • Optional rotation : Scriptable < number , PartialEventContext > \n Defined in \n options.d.ts:124 \n shadowBlur \n • Optional shadowBlur : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . shadowBlur \n Defined in \n options.d.ts:32 \n shadowOffsetX \n • Optional shadowOffsetX : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . shadowOffsetX \n Defined in \n options.d.ts:33 \n shadowOffsetY \n • Optional shadowOffsetY : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . shadowOffsetY \n Defined in \n options.d.ts:34 \n xMax \n • Optional xMax : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . xMax \n Defined in \n options.d.ts:48 \n xMin \n • Optional xMin : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . xMin \n Defined in \n options.d.ts:49 \n xScaleID \n • Optional xScaleID : Scriptable < string , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . xScaleID \n Defined in \n options.d.ts:50 \n yMax \n • Optional yMax : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . yMax \n Defined in \n options.d.ts:51 \n yMin \n • Optional yMin : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . yMin \n Defined in \n options.d.ts:52 \n yScaleID \n • Optional yScaleID : Scriptable < string , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . yScaleID \n Defined in \n options.d.ts:53 \n z \n • Optional z : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . z \n Defined in \n options.d.ts:54 \n Methods \n afterDraw \n ▸ Optional afterDraw ( context ): void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n Returns \n void \n Inherited from \n CoreAnnotationOptions . afterDraw \n Defined in \n options.d.ts:23 \n beforeDraw \n ▸ Optional beforeDraw ( context ): void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n Returns \n void \n Inherited from \n CoreAnnotationOptions . beforeDraw \n Defined in \n options.d.ts:22 \n click \n ▸ Optional click ( context , event ): boolean | void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n \n \n event \n ChartEvent \n Returns \n boolean | void \n Inherited from \n CoreAnnotationOptions . click \n Defined in \n events.d.ts:27 \n enter \n ▸ Optional enter ( context , event ): boolean | void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n \n \n event \n ChartEvent \n Returns \n boolean | void \n Inherited from \n CoreAnnotationOptions . enter \n Defined in \n events.d.ts:25 \n leave \n ▸ Optional leave ( context , event ): boolean | void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n \n \n event \n ChartEvent \n Returns \n boolean | void \n Inherited from \n CoreAnnotationOptions . leave \n Defined in \n events.d.ts:26 \n"},{title:"Interface: EventContext",frontmatter:{},regularPath:"/api/interfaces/EventContext.html",relativePath:"api/interfaces/EventContext.md",key:"v-29e3487d",path:"/api/interfaces/EventContext.html",headers:[{level:2,title:"Properties",slug:"properties"},{level:3,title:"chart",slug:"chart"},{level:3,title:"element",slug:"element"},{level:3,title:"elements",slug:"elements"},{level:3,title:"id",slug:"id"},{level:3,title:"type",slug:"type"}],content:" Interface: EventContext \n Properties \n chart \n • chart : Chart \n Defined in \n events.d.ts:5 \n element \n • element : AnnotationElement \n Defined in \n events.d.ts:6 \n elements \n • elements : AnnotationElement [] \n Defined in \n events.d.ts:7 \n id \n • id : string \n Defined in \n events.d.ts:8 \n type \n • type : string \n Defined in \n events.d.ts:9 \n"},{title:"Interface: LabelAnnotationOptions",frontmatter:{},regularPath:"/api/interfaces/LabelAnnotationOptions.html",relativePath:"api/interfaces/LabelAnnotationOptions.md",key:"v-f13aec06",path:"/api/interfaces/LabelAnnotationOptions.html",headers:[{level:2,title:"Hierarchy",slug:"hierarchy"},{level:2,title:"Properties",slug:"properties"},{level:3,title:"adjustScaleRange",slug:"adjustscalerange"},{level:3,title:"backgroundColor",slug:"backgroundcolor"},{level:3,title:"backgroundShadowColor",slug:"backgroundshadowcolor"},{level:3,title:"borderCapStyle",slug:"bordercapstyle"},{level:3,title:"borderColor",slug:"bordercolor"},{level:3,title:"borderDash",slug:"borderdash"},{level:3,title:"borderDashOffset",slug:"borderdashoffset"},{level:3,title:"borderJoinStyle",slug:"borderjoinstyle"},{level:3,title:"borderRadius",slug:"borderradius"},{level:3,title:"borderShadowColor",slug:"bordershadowcolor"},{level:3,title:"borderWidth",slug:"borderwidth"},{level:3,title:"callout",slug:"callout"},{level:3,title:"color",slug:"color"},{level:3,title:"content",slug:"content"},{level:3,title:"display",slug:"display"},{level:3,title:"drawTime",slug:"drawtime"},{level:3,title:"font",slug:"font"},{level:3,title:"height",slug:"height"},{level:3,title:"hitTolerance",slug:"hittolerance"},{level:3,title:"id",slug:"id"},{level:3,title:"init",slug:"init"},{level:3,title:"opacity",slug:"opacity"},{level:3,title:"padding",slug:"padding"},{level:3,title:"position",slug:"position"},{level:3,title:"rotation",slug:"rotation"},{level:3,title:"shadowBlur",slug:"shadowblur"},{level:3,title:"shadowOffsetX",slug:"shadowoffsetx"},{level:3,title:"shadowOffsetY",slug:"shadowoffsety"},{level:3,title:"textAlign",slug:"textalign"},{level:3,title:"textStrokeColor",slug:"textstrokecolor"},{level:3,title:"textStrokeWidth",slug:"textstrokewidth"},{level:3,title:"width",slug:"width"},{level:3,title:"xAdjust",slug:"xadjust"},{level:3,title:"xMax",slug:"xmax"},{level:3,title:"xMin",slug:"xmin"},{level:3,title:"xScaleID",slug:"xscaleid"},{level:3,title:"xValue",slug:"xvalue"},{level:3,title:"yAdjust",slug:"yadjust"},{level:3,title:"yMax",slug:"ymax"},{level:3,title:"yMin",slug:"ymin"},{level:3,title:"yScaleID",slug:"yscaleid"},{level:3,title:"yValue",slug:"yvalue"},{level:3,title:"z",slug:"z"},{level:2,title:"Methods",slug:"methods"},{level:3,title:"afterDraw",slug:"afterdraw"},{level:3,title:"beforeDraw",slug:"beforedraw"},{level:3,title:"click",slug:"click"},{level:3,title:"enter",slug:"enter"},{level:3,title:"leave",slug:"leave"}],content:" Interface: LabelAnnotationOptions \n Hierarchy \n \n \n CoreAnnotationOptions \n \n \n LabelTypeOptions \n \n \n AnnotationPointCoordinates \n ↳ LabelAnnotationOptions \n Properties \n adjustScaleRange \n • Optional adjustScaleRange : Scriptable < boolean , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . adjustScaleRange \n Defined in \n options.d.ts:38 \n backgroundColor \n • Optional backgroundColor : Scriptable < Color , PartialEventContext > \n Inherited from \n LabelTypeOptions . backgroundColor \n Defined in \n label.d.ts:92 \n backgroundShadowColor \n • Optional backgroundShadowColor : Scriptable < Color , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . backgroundShadowColor \n Defined in \n options.d.ts:30 \n borderCapStyle \n • Optional borderCapStyle : Scriptable < CanvasLineCap , PartialEventContext > \n Border line cap style. See MDN. \n Default \n 'butt' \n Inherited from \n LabelTypeOptions . borderCapStyle \n Defined in \n label.d.ts:99 \n borderColor \n • Optional borderColor : Scriptable < Color , PartialEventContext > \n Inherited from \n LabelTypeOptions . borderColor \n Defined in \n options.d.ts:39 \n borderDash \n • Optional borderDash : Scriptable < number [], PartialEventContext > \n Border line dash. See MDN. \n Default \n [] \n Inherited from \n LabelTypeOptions . borderDash \n Defined in \n options.d.ts:40 \n borderDashOffset \n • Optional borderDashOffset : Scriptable < number , PartialEventContext > \n Border line dash offset. See MDN. \n Default \n 0.0 \n Inherited from \n LabelTypeOptions . borderDashOffset \n Defined in \n options.d.ts:41 \n borderJoinStyle \n • Optional borderJoinStyle : Scriptable < CanvasLineJoin , PartialEventContext > \n Border line join style. See MDN. \n Default \n 'miter' \n Inherited from \n LabelTypeOptions . borderJoinStyle \n Defined in \n label.d.ts:114 \n borderRadius \n • Optional borderRadius : Scriptable < number | BorderRadius , PartialEventContext > \n Border radius of the label rectangle \n Default \n 6 \n Inherited from \n LabelTypeOptions . borderRadius \n Defined in \n label.d.ts:119 \n borderShadowColor \n • Optional borderShadowColor : Scriptable < Color , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . borderShadowColor \n Defined in \n options.d.ts:31 \n borderWidth \n • Optional borderWidth : Scriptable < number , PartialEventContext > \n Inherited from \n LabelTypeOptions . borderWidth \n Defined in \n options.d.ts:42 \n callout \n • Optional callout : CalloutOptions \n Inherited from \n LabelTypeOptions . callout \n Defined in \n label.d.ts:120 \n color \n • Optional color : Scriptable < Color | Color [], PartialEventContext > \n Inherited from \n LabelTypeOptions . color \n Defined in \n label.d.ts:43 \n content \n • content : Scriptable < string | string [] | HTMLCanvasElement | HTMLImageElement , PartialEventContext > \n Text to display in label. Provide an array to display multiple lines \n Inherited from \n LabelTypeOptions . content \n Defined in \n label.d.ts:73 \n display \n • Optional display : Scriptable < boolean , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . display \n Defined in \n options.d.ts:43 \n drawTime \n • Optional drawTime : Scriptable < DrawTime , PartialEventContext > \n Inherited from \n LabelTypeOptions . drawTime \n Defined in \n options.d.ts:44 \n font \n • Optional font : Scriptable < Partial < FontSpec > | Partial < FontSpec >[], PartialEventContext > \n Inherited from \n LabelTypeOptions . font \n Defined in \n label.d.ts:42 \n height \n • Optional height : Scriptable < number | `${number}%`, PartialEventContext > \n Overrides the height of the image. Could be set in pixel by a number,\nor in percentage of current height of image by a string \n Inherited from \n LabelTypeOptions . height \n Defined in \n label.d.ts:83 \n hitTolerance \n • Optional hitTolerance : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . hitTolerance \n Defined in \n options.d.ts:45 \n id \n • Optional id : string \n Inherited from \n CoreAnnotationOptions . id \n Defined in \n options.d.ts:47 \n init \n • Optional init : boolean | ( __namedParameters : Object ) => boolean | void | Partial < AnnotationElement > \n Inherited from \n CoreAnnotationOptions . init \n Defined in \n options.d.ts:46 \n opacity \n • Optional opacity : Scriptable < number , PartialEventContext > \n Overrides the opacity of the image. \n Inherited from \n LabelTypeOptions . opacity \n Defined in \n label.d.ts:87 \n padding \n • Optional padding : Scriptable < number | LabelPadding , PartialEventContext > \n Padding of label \n Default \n 6 \n Inherited from \n LabelTypeOptions . padding \n Defined in \n label.d.ts:48 \n position \n • Optional position : Scriptable < LabelPosition | LabelPositionObject , PartialEventContext > \n Inherited from \n LabelTypeOptions . position \n Defined in \n label.d.ts:150 \n rotation \n • Optional rotation : Scriptable < number , PartialEventContext > \n Defined in \n options.d.ts:137 \n shadowBlur \n • Optional shadowBlur : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . shadowBlur \n Defined in \n options.d.ts:32 \n shadowOffsetX \n • Optional shadowOffsetX : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . shadowOffsetX \n Defined in \n options.d.ts:33 \n shadowOffsetY \n • Optional shadowOffsetY : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . shadowOffsetY \n Defined in \n options.d.ts:34 \n textAlign \n • Optional textAlign : Scriptable < LabelTextAlign , PartialEventContext > \n Text alignment when the content of the label is multi-line. \n Default \n 'center' \n Inherited from \n LabelTypeOptions . textAlign \n Defined in \n label.d.ts:53 \n textStrokeColor \n • Optional textStrokeColor : Scriptable < Color , PartialEventContext > \n Inherited from \n LabelTypeOptions . textStrokeColor \n Defined in \n label.d.ts:54 \n textStrokeWidth \n • Optional textStrokeWidth : Scriptable < number , PartialEventContext > \n Inherited from \n LabelTypeOptions . textStrokeWidth \n Defined in \n label.d.ts:55 \n width \n • Optional width : Scriptable < number | `${number}%`, PartialEventContext > \n Overrides the width of the image. Could be set in pixel by a number,\nor in percentage of current width of image by a string \n Inherited from \n LabelTypeOptions . width \n Defined in \n label.d.ts:78 \n xAdjust \n • Optional xAdjust : Scriptable < number , PartialEventContext > \n Adjustment along x-axis (left-right) of label relative to above number (can be negative)\nFor horizontal lines positioned left or right, negative values move\nthe label toward the edge, and positive values toward the center. \n Default \n 0 \n Inherited from \n LabelTypeOptions . xAdjust \n Defined in \n label.d.ts:62 \n xMax \n • Optional xMax : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . xMax \n Defined in \n options.d.ts:48 \n xMin \n • Optional xMin : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . xMin \n Defined in \n options.d.ts:49 \n xScaleID \n • Optional xScaleID : Scriptable < string , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . xScaleID \n Defined in \n options.d.ts:50 \n xValue \n • Optional xValue : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n AnnotationPointCoordinates . xValue \n Defined in \n options.d.ts:58 \n yAdjust \n • Optional yAdjust : Scriptable < number , PartialEventContext > \n Adjustment along y-axis (top-bottom) of label relative to above number (can be negative)\nFor vertical lines positioned top or bottom, negative values move\nthe label toward the edge, and positive values toward the center. \n Default \n 0 \n Inherited from \n LabelTypeOptions . yAdjust \n Defined in \n label.d.ts:69 \n yMax \n • Optional yMax : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . yMax \n Defined in \n options.d.ts:51 \n yMin \n • Optional yMin : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . yMin \n Defined in \n options.d.ts:52 \n yScaleID \n • Optional yScaleID : Scriptable < string , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . yScaleID \n Defined in \n options.d.ts:53 \n yValue \n • Optional yValue : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n AnnotationPointCoordinates . yValue \n Defined in \n options.d.ts:59 \n z \n • Optional z : Scriptable < number , PartialEventContext > \n Inherited from \n LabelTypeOptions . z \n Defined in \n options.d.ts:54 \n Methods \n afterDraw \n ▸ Optional afterDraw ( context ): void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n Returns \n void \n Inherited from \n CoreAnnotationOptions . afterDraw \n Defined in \n options.d.ts:23 \n beforeDraw \n ▸ Optional beforeDraw ( context ): void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n Returns \n void \n Inherited from \n CoreAnnotationOptions . beforeDraw \n Defined in \n options.d.ts:22 \n click \n ▸ Optional click ( context , event ): boolean | void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n \n \n event \n ChartEvent \n Returns \n boolean | void \n Inherited from \n CoreAnnotationOptions . click \n Defined in \n events.d.ts:27 \n enter \n ▸ Optional enter ( context , event ): boolean | void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n \n \n event \n ChartEvent \n Returns \n boolean | void \n Inherited from \n CoreAnnotationOptions . enter \n Defined in \n events.d.ts:25 \n leave \n ▸ Optional leave ( context , event ): boolean | void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n \n \n event \n ChartEvent \n Returns \n boolean | void \n Inherited from \n CoreAnnotationOptions . leave \n Defined in \n events.d.ts:26 \n"},{title:"Interface: LabelOptions",frontmatter:{},regularPath:"/api/interfaces/LabelOptions.html",relativePath:"api/interfaces/LabelOptions.md",key:"v-3e5dcf1d",path:"/api/interfaces/LabelOptions.html",headers:[{level:2,title:"Hierarchy",slug:"hierarchy"},{level:2,title:"Properties",slug:"properties"},{level:3,title:"backgroundColor",slug:"backgroundcolor"},{level:3,title:"backgroundShadowColor",slug:"backgroundshadowcolor"},{level:3,title:"borderCapStyle",slug:"bordercapstyle"},{level:3,title:"borderColor",slug:"bordercolor"},{level:3,title:"borderDash",slug:"borderdash"},{level:3,title:"borderDashOffset",slug:"borderdashoffset"},{level:3,title:"borderJoinStyle",slug:"borderjoinstyle"},{level:3,title:"borderRadius",slug:"borderradius"},{level:3,title:"borderShadowColor",slug:"bordershadowcolor"},{level:3,title:"borderWidth",slug:"borderwidth"},{level:3,title:"callout",slug:"callout"},{level:3,title:"color",slug:"color"},{level:3,title:"content",slug:"content"},{level:3,title:"display",slug:"display"},{level:3,title:"drawTime",slug:"drawtime"},{level:3,title:"font",slug:"font"},{level:3,title:"height",slug:"height"},{level:3,title:"hitTolerance",slug:"hittolerance"},{level:3,title:"opacity",slug:"opacity"},{level:3,title:"padding",slug:"padding"},{level:3,title:"position",slug:"position"},{level:3,title:"rotation",slug:"rotation"},{level:3,title:"shadowBlur",slug:"shadowblur"},{level:3,title:"shadowOffsetX",slug:"shadowoffsetx"},{level:3,title:"shadowOffsetY",slug:"shadowoffsety"},{level:3,title:"textAlign",slug:"textalign"},{level:3,title:"textStrokeColor",slug:"textstrokecolor"},{level:3,title:"textStrokeWidth",slug:"textstrokewidth"},{level:3,title:"width",slug:"width"},{level:3,title:"xAdjust",slug:"xadjust"},{level:3,title:"yAdjust",slug:"yadjust"},{level:3,title:"z",slug:"z"}],content:" Interface: LabelOptions \n Hierarchy \n \n \n ContainedLabelOptions \n \n \n ShadowOptions \n ↳ LabelOptions \n Properties \n backgroundColor \n • Optional backgroundColor : Scriptable < Color , PartialEventContext > \n Inherited from \n ContainedLabelOptions . backgroundColor \n Defined in \n label.d.ts:92 \n backgroundShadowColor \n • Optional backgroundShadowColor : Scriptable < Color , PartialEventContext > \n Inherited from \n ShadowOptions . backgroundShadowColor \n Defined in \n options.d.ts:30 \n borderCapStyle \n • Optional borderCapStyle : Scriptable < CanvasLineCap , PartialEventContext > \n Border line cap style. See MDN. \n Default \n 'butt' \n Inherited from \n ContainedLabelOptions . borderCapStyle \n Defined in \n label.d.ts:99 \n borderColor \n • Optional borderColor : Scriptable < Color , PartialEventContext > \n Inherited from \n ContainedLabelOptions . borderColor \n Defined in \n label.d.ts:94 \n borderDash \n • Optional borderDash : Scriptable < number [], PartialEventContext > \n Border line dash. See MDN. \n Default \n [] \n Inherited from \n ContainedLabelOptions . borderDash \n Defined in \n label.d.ts:104 \n borderDashOffset \n • Optional borderDashOffset : Scriptable < number , PartialEventContext > \n Border line dash offset. See MDN. \n Default \n 0.0 \n Inherited from \n ContainedLabelOptions . borderDashOffset \n Defined in \n label.d.ts:109 \n borderJoinStyle \n • Optional borderJoinStyle : Scriptable < CanvasLineJoin , PartialEventContext > \n Border line join style. See MDN. \n Default \n 'miter' \n Inherited from \n ContainedLabelOptions . borderJoinStyle \n Defined in \n label.d.ts:114 \n borderRadius \n • Optional borderRadius : Scriptable < number | BorderRadius , PartialEventContext > \n Border radius of the label rectangle \n Default \n 6 \n Inherited from \n ContainedLabelOptions . borderRadius \n Defined in \n label.d.ts:119 \n borderShadowColor \n • Optional borderShadowColor : Scriptable < Color , PartialEventContext > \n Inherited from \n ShadowOptions . borderShadowColor \n Defined in \n options.d.ts:31 \n borderWidth \n • Optional borderWidth : Scriptable < number , PartialEventContext > \n Inherited from \n ContainedLabelOptions . borderWidth \n Defined in \n label.d.ts:93 \n callout \n • Optional callout : CalloutOptions \n Inherited from \n ContainedLabelOptions . callout \n Defined in \n label.d.ts:120 \n color \n • Optional color : Scriptable < Color | Color [], PartialEventContext > \n Inherited from \n ContainedLabelOptions . color \n Defined in \n label.d.ts:43 \n content \n • content : Scriptable < string | string [] | HTMLCanvasElement | HTMLImageElement , PartialEventContext > \n Text to display in label. Provide an array to display multiple lines \n Inherited from \n ContainedLabelOptions . content \n Defined in \n label.d.ts:73 \n display \n • Optional display : Scriptable < boolean , PartialEventContext > \n Whether the label should be displayed \n Default \n true \n Defined in \n label.d.ts:129 \n drawTime \n • Optional drawTime : Scriptable < DrawTime , PartialEventContext > \n Inherited from \n ContainedLabelOptions . drawTime \n Defined in \n label.d.ts:41 \n font \n • Optional font : Scriptable < Partial < FontSpec > | Partial < FontSpec >[], PartialEventContext > \n Inherited from \n ContainedLabelOptions . font \n Defined in \n label.d.ts:42 \n height \n • Optional height : Scriptable < number | `${number}%`, PartialEventContext > \n Overrides the height of the image. Could be set in pixel by a number,\nor in percentage of current height of image by a string \n Inherited from \n ContainedLabelOptions . height \n Defined in \n label.d.ts:83 \n hitTolerance \n • Optional hitTolerance : Scriptable < number , PartialEventContext > \n Defined in \n label.d.ts:130 \n opacity \n • Optional opacity : Scriptable < number , PartialEventContext > \n Overrides the opacity of the image. \n Inherited from \n ContainedLabelOptions . opacity \n Defined in \n label.d.ts:87 \n padding \n • Optional padding : Scriptable < number | LabelPadding , PartialEventContext > \n Padding of label \n Default \n 6 \n Inherited from \n ContainedLabelOptions . padding \n Defined in \n label.d.ts:48 \n position \n • Optional position : Scriptable < LabelPosition , PartialEventContext > \n Defined in \n label.d.ts:124 \n rotation \n • Optional rotation : Scriptable < number | \"auto\" , PartialEventContext > \n Rotation of label, in degrees, or 'auto' to use the degrees of the line, default is 0 \n Default \n 90 \n Defined in \n label.d.ts:135 \n shadowBlur \n • Optional shadowBlur : Scriptable < number , PartialEventContext > \n Inherited from \n ShadowOptions . shadowBlur \n Defined in \n options.d.ts:32 \n shadowOffsetX \n • Optional shadowOffsetX : Scriptable < number , PartialEventContext > \n Inherited from \n ShadowOptions . shadowOffsetX \n Defined in \n options.d.ts:33 \n shadowOffsetY \n • Optional shadowOffsetY : Scriptable < number , PartialEventContext > \n Inherited from \n ShadowOptions . shadowOffsetY \n Defined in \n options.d.ts:34 \n textAlign \n • Optional textAlign : Scriptable < LabelTextAlign , PartialEventContext > \n Text alignment when the content of the label is multi-line. \n Default \n 'center' \n Inherited from \n ContainedLabelOptions . textAlign \n Defined in \n label.d.ts:53 \n textStrokeColor \n • Optional textStrokeColor : Scriptable < Color , PartialEventContext > \n Inherited from \n ContainedLabelOptions . textStrokeColor \n Defined in \n label.d.ts:54 \n textStrokeWidth \n • Optional textStrokeWidth : Scriptable < number , PartialEventContext > \n Inherited from \n ContainedLabelOptions . textStrokeWidth \n Defined in \n label.d.ts:55 \n width \n • Optional width : Scriptable < number | `${number}%`, PartialEventContext > \n Overrides the width of the image. Could be set in pixel by a number,\nor in percentage of current width of image by a string \n Inherited from \n ContainedLabelOptions . width \n Defined in \n label.d.ts:78 \n xAdjust \n • Optional xAdjust : Scriptable < number , PartialEventContext > \n Adjustment along x-axis (left-right) of label relative to above number (can be negative)\nFor horizontal lines positioned left or right, negative values move\nthe label toward the edge, and positive values toward the center. \n Default \n 0 \n Inherited from \n ContainedLabelOptions . xAdjust \n Defined in \n label.d.ts:62 \n yAdjust \n • Optional yAdjust : Scriptable < number , PartialEventContext > \n Adjustment along y-axis (top-bottom) of label relative to above number (can be negative)\nFor vertical lines positioned top or bottom, negative values move\nthe label toward the edge, and positive values toward the center. \n Default \n 0 \n Inherited from \n ContainedLabelOptions . yAdjust \n Defined in \n label.d.ts:69 \n z \n • Optional z : Scriptable < number , PartialEventContext > \n Inherited from \n ContainedLabelOptions . z \n Defined in \n label.d.ts:88 \n"},{title:"Interface: LabelPadding",frontmatter:{},regularPath:"/api/interfaces/LabelPadding.html",relativePath:"api/interfaces/LabelPadding.md",key:"v-35d1c17d",path:"/api/interfaces/LabelPadding.html",headers:[{level:2,title:"Properties",slug:"properties"},{level:3,title:"bottom",slug:"bottom"},{level:3,title:"left",slug:"left"},{level:3,title:"right",slug:"right"},{level:3,title:"top",slug:"top"},{level:3,title:"x",slug:"x"},{level:3,title:"y",slug:"y"}],content:" Interface: LabelPadding \n Properties \n bottom \n • Optional bottom : number \n Defined in \n label.d.ts:21 \n left \n • Optional left : number \n Defined in \n label.d.ts:19 \n right \n • Optional right : number \n Defined in \n label.d.ts:20 \n top \n • Optional top : number \n Defined in \n label.d.ts:18 \n x \n • Optional x : number \n Defined in \n label.d.ts:22 \n y \n • Optional y : number \n Defined in \n label.d.ts:23 \n"},{title:"Interface: LabelPositionObject",frontmatter:{},regularPath:"/api/interfaces/LabelPositionObject.html",relativePath:"api/interfaces/LabelPositionObject.md",key:"v-361cec5e",path:"/api/interfaces/LabelPositionObject.html",headers:[{level:2,title:"Properties",slug:"properties"},{level:3,title:"x",slug:"x"},{level:3,title:"y",slug:"y"}],content:" Interface: LabelPositionObject \n Properties \n x \n • Optional x : LabelPosition \n Defined in \n label.d.ts:13 \n y \n • Optional y : LabelPosition \n Defined in \n label.d.ts:14 \n"},{title:"Interface: LabelTypeOptions",frontmatter:{},regularPath:"/api/interfaces/LabelTypeOptions.html",relativePath:"api/interfaces/LabelTypeOptions.md",key:"v-07090646",path:"/api/interfaces/LabelTypeOptions.html",headers:[{level:2,title:"Hierarchy",slug:"hierarchy"},{level:2,title:"Properties",slug:"properties"},{level:3,title:"backgroundColor",slug:"backgroundcolor"},{level:3,title:"borderCapStyle",slug:"bordercapstyle"},{level:3,title:"borderColor",slug:"bordercolor"},{level:3,title:"borderDash",slug:"borderdash"},{level:3,title:"borderDashOffset",slug:"borderdashoffset"},{level:3,title:"borderJoinStyle",slug:"borderjoinstyle"},{level:3,title:"borderRadius",slug:"borderradius"},{level:3,title:"borderWidth",slug:"borderwidth"},{level:3,title:"callout",slug:"callout"},{level:3,title:"color",slug:"color"},{level:3,title:"content",slug:"content"},{level:3,title:"drawTime",slug:"drawtime"},{level:3,title:"font",slug:"font"},{level:3,title:"height",slug:"height"},{level:3,title:"opacity",slug:"opacity"},{level:3,title:"padding",slug:"padding"},{level:3,title:"position",slug:"position"},{level:3,title:"textAlign",slug:"textalign"},{level:3,title:"textStrokeColor",slug:"textstrokecolor"},{level:3,title:"textStrokeWidth",slug:"textstrokewidth"},{level:3,title:"width",slug:"width"},{level:3,title:"xAdjust",slug:"xadjust"},{level:3,title:"yAdjust",slug:"yadjust"},{level:3,title:"z",slug:"z"}],content:" Interface: LabelTypeOptions \n Hierarchy \n \n \n ContainedLabelOptions \n ↳ LabelTypeOptions \n ↳↳ LabelAnnotationOptions \n Properties \n backgroundColor \n • Optional backgroundColor : Scriptable < Color , PartialEventContext > \n Inherited from \n ContainedLabelOptions . backgroundColor \n Defined in \n label.d.ts:92 \n borderCapStyle \n • Optional borderCapStyle : Scriptable < CanvasLineCap , PartialEventContext > \n Border line cap style. See MDN. \n Default \n 'butt' \n Inherited from \n ContainedLabelOptions . borderCapStyle \n Defined in \n label.d.ts:99 \n borderColor \n • Optional borderColor : Scriptable < Color , PartialEventContext > \n Inherited from \n ContainedLabelOptions . borderColor \n Defined in \n label.d.ts:94 \n borderDash \n • Optional borderDash : Scriptable < number [], PartialEventContext > \n Border line dash. See MDN. \n Default \n [] \n Inherited from \n ContainedLabelOptions . borderDash \n Defined in \n label.d.ts:104 \n borderDashOffset \n • Optional borderDashOffset : Scriptable < number , PartialEventContext > \n Border line dash offset. See MDN. \n Default \n 0.0 \n Inherited from \n ContainedLabelOptions . borderDashOffset \n Defined in \n label.d.ts:109 \n borderJoinStyle \n • Optional borderJoinStyle : Scriptable < CanvasLineJoin , PartialEventContext > \n Border line join style. See MDN. \n Default \n 'miter' \n Inherited from \n ContainedLabelOptions . borderJoinStyle \n Defined in \n label.d.ts:114 \n borderRadius \n • Optional borderRadius : Scriptable < number | BorderRadius , PartialEventContext > \n Border radius of the label rectangle \n Default \n 6 \n Inherited from \n ContainedLabelOptions . borderRadius \n Defined in \n label.d.ts:119 \n borderWidth \n • Optional borderWidth : Scriptable < number , PartialEventContext > \n Inherited from \n ContainedLabelOptions . borderWidth \n Defined in \n label.d.ts:93 \n callout \n • Optional callout : CalloutOptions \n Inherited from \n ContainedLabelOptions . callout \n Defined in \n label.d.ts:120 \n color \n • Optional color : Scriptable < Color | Color [], PartialEventContext > \n Inherited from \n ContainedLabelOptions . color \n Defined in \n label.d.ts:43 \n content \n • content : Scriptable < string | string [] | HTMLCanvasElement | HTMLImageElement , PartialEventContext > \n Text to display in label. Provide an array to display multiple lines \n Inherited from \n ContainedLabelOptions . content \n Defined in \n label.d.ts:73 \n drawTime \n • Optional drawTime : Scriptable < DrawTime , PartialEventContext > \n Inherited from \n ContainedLabelOptions . drawTime \n Defined in \n label.d.ts:41 \n font \n • Optional font : Scriptable < Partial < FontSpec > | Partial < FontSpec >[], PartialEventContext > \n Inherited from \n ContainedLabelOptions . font \n Defined in \n label.d.ts:42 \n height \n • Optional height : Scriptable < number | `${number}%`, PartialEventContext > \n Overrides the height of the image. Could be set in pixel by a number,\nor in percentage of current height of image by a string \n Inherited from \n ContainedLabelOptions . height \n Defined in \n label.d.ts:83 \n opacity \n • Optional opacity : Scriptable < number , PartialEventContext > \n Overrides the opacity of the image. \n Inherited from \n ContainedLabelOptions . opacity \n Defined in \n label.d.ts:87 \n padding \n • Optional padding : Scriptable < number | LabelPadding , PartialEventContext > \n Padding of label \n Default \n 6 \n Inherited from \n ContainedLabelOptions . padding \n Defined in \n label.d.ts:48 \n position \n • Optional position : Scriptable < LabelPosition | LabelPositionObject , PartialEventContext > \n Defined in \n label.d.ts:150 \n textAlign \n • Optional textAlign : Scriptable < LabelTextAlign , PartialEventContext > \n Text alignment when the content of the label is multi-line. \n Default \n 'center' \n Inherited from \n ContainedLabelOptions . textAlign \n Defined in \n label.d.ts:53 \n textStrokeColor \n • Optional textStrokeColor : Scriptable < Color , PartialEventContext > \n Inherited from \n ContainedLabelOptions . textStrokeColor \n Defined in \n label.d.ts:54 \n textStrokeWidth \n • Optional textStrokeWidth : Scriptable < number , PartialEventContext > \n Inherited from \n ContainedLabelOptions . textStrokeWidth \n Defined in \n label.d.ts:55 \n width \n • Optional width : Scriptable < number | `${number}%`, PartialEventContext > \n Overrides the width of the image. Could be set in pixel by a number,\nor in percentage of current width of image by a string \n Inherited from \n ContainedLabelOptions . width \n Defined in \n label.d.ts:78 \n xAdjust \n • Optional xAdjust : Scriptable < number , PartialEventContext > \n Adjustment along x-axis (left-right) of label relative to above number (can be negative)\nFor horizontal lines positioned left or right, negative values move\nthe label toward the edge, and positive values toward the center. \n Default \n 0 \n Inherited from \n ContainedLabelOptions . xAdjust \n Defined in \n label.d.ts:62 \n yAdjust \n • Optional yAdjust : Scriptable < number , PartialEventContext > \n Adjustment along y-axis (top-bottom) of label relative to above number (can be negative)\nFor vertical lines positioned top or bottom, negative values move\nthe label toward the edge, and positive values toward the center. \n Default \n 0 \n Inherited from \n ContainedLabelOptions . yAdjust \n Defined in \n label.d.ts:69 \n z \n • Optional z : Scriptable < number , PartialEventContext > \n Inherited from \n ContainedLabelOptions . z \n Defined in \n label.d.ts:88 \n"},{title:"Interface: LineAnnotationOptions",frontmatter:{},regularPath:"/api/interfaces/LineAnnotationOptions.html",relativePath:"api/interfaces/LineAnnotationOptions.md",key:"v-42745613",path:"/api/interfaces/LineAnnotationOptions.html",headers:[{level:2,title:"Hierarchy",slug:"hierarchy"},{level:2,title:"Properties",slug:"properties"},{level:3,title:"adjustScaleRange",slug:"adjustscalerange"},{level:3,title:"arrowHeads",slug:"arrowheads"},{level:3,title:"backgroundShadowColor",slug:"backgroundshadowcolor"},{level:3,title:"borderColor",slug:"bordercolor"},{level:3,title:"borderDash",slug:"borderdash"},{level:3,title:"borderDashOffset",slug:"borderdashoffset"},{level:3,title:"borderShadowColor",slug:"bordershadowcolor"},{level:3,title:"borderWidth",slug:"borderwidth"},{level:3,title:"controlPoint",slug:"controlpoint"},{level:3,title:"curve",slug:"curve"},{level:3,title:"display",slug:"display"},{level:3,title:"drawTime",slug:"drawtime"},{level:3,title:"endValue",slug:"endvalue"},{level:3,title:"hitTolerance",slug:"hittolerance"},{level:3,title:"id",slug:"id"},{level:3,title:"init",slug:"init"},{level:3,title:"label",slug:"label"},{level:3,title:"scaleID",slug:"scaleid"},{level:3,title:"shadowBlur",slug:"shadowblur"},{level:3,title:"shadowOffsetX",slug:"shadowoffsetx"},{level:3,title:"shadowOffsetY",slug:"shadowoffsety"},{level:3,title:"value",slug:"value"},{level:3,title:"xMax",slug:"xmax"},{level:3,title:"xMin",slug:"xmin"},{level:3,title:"xScaleID",slug:"xscaleid"},{level:3,title:"yMax",slug:"ymax"},{level:3,title:"yMin",slug:"ymin"},{level:3,title:"yScaleID",slug:"yscaleid"},{level:3,title:"z",slug:"z"},{level:2,title:"Methods",slug:"methods"},{level:3,title:"afterDraw",slug:"afterdraw"},{level:3,title:"beforeDraw",slug:"beforedraw"},{level:3,title:"click",slug:"click"},{level:3,title:"enter",slug:"enter"},{level:3,title:"leave",slug:"leave"}],content:" Interface: LineAnnotationOptions \n Hierarchy \n \n \n CoreAnnotationOptions \n ↳ LineAnnotationOptions \n Properties \n adjustScaleRange \n • Optional adjustScaleRange : Scriptable < boolean , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . adjustScaleRange \n Defined in \n options.d.ts:38 \n arrowHeads \n • Optional arrowHeads : ArrowHeadsOptions \n Defined in \n options.d.ts:85 \n backgroundShadowColor \n • Optional backgroundShadowColor : Scriptable < Color , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . backgroundShadowColor \n Defined in \n options.d.ts:30 \n borderColor \n • Optional borderColor : Scriptable < Color , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . borderColor \n Defined in \n options.d.ts:39 \n borderDash \n • Optional borderDash : Scriptable < number [], PartialEventContext > \n Inherited from \n CoreAnnotationOptions . borderDash \n Defined in \n options.d.ts:40 \n borderDashOffset \n • Optional borderDashOffset : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . borderDashOffset \n Defined in \n options.d.ts:41 \n borderShadowColor \n • Optional borderShadowColor : Scriptable < Color , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . borderShadowColor \n Defined in \n options.d.ts:31 \n borderWidth \n • Optional borderWidth : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . borderWidth \n Defined in \n options.d.ts:42 \n controlPoint \n • Optional controlPoint : Scriptable < string | number | ControlPointOptions , PartialEventContext > \n Defined in \n options.d.ts:87 \n curve \n • Optional curve : Scriptable < boolean , PartialEventContext > \n Defined in \n options.d.ts:86 \n display \n • Optional display : Scriptable < boolean , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . display \n Defined in \n options.d.ts:43 \n drawTime \n • Optional drawTime : Scriptable < DrawTime , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . drawTime \n Defined in \n options.d.ts:44 \n endValue \n • Optional endValue : Scriptable < string | number , PartialEventContext > \n Defined in \n options.d.ts:88 \n hitTolerance \n • Optional hitTolerance : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . hitTolerance \n Defined in \n options.d.ts:45 \n id \n • Optional id : string \n Inherited from \n CoreAnnotationOptions . id \n Defined in \n options.d.ts:47 \n init \n • Optional init : boolean | ( __namedParameters : Object ) => boolean | void | Partial < AnnotationElement > \n Inherited from \n CoreAnnotationOptions . init \n Defined in \n options.d.ts:46 \n label \n • Optional label : LabelOptions \n Defined in \n options.d.ts:89 \n scaleID \n • Optional scaleID : Scriptable < string , PartialEventContext > \n Defined in \n options.d.ts:90 \n shadowBlur \n • Optional shadowBlur : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . shadowBlur \n Defined in \n options.d.ts:32 \n shadowOffsetX \n • Optional shadowOffsetX : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . shadowOffsetX \n Defined in \n options.d.ts:33 \n shadowOffsetY \n • Optional shadowOffsetY : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . shadowOffsetY \n Defined in \n options.d.ts:34 \n value \n • Optional value : Scriptable < string | number , PartialEventContext > \n Defined in \n options.d.ts:91 \n xMax \n • Optional xMax : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . xMax \n Defined in \n options.d.ts:48 \n xMin \n • Optional xMin : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . xMin \n Defined in \n options.d.ts:49 \n xScaleID \n • Optional xScaleID : Scriptable < string , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . xScaleID \n Defined in \n options.d.ts:50 \n yMax \n • Optional yMax : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . yMax \n Defined in \n options.d.ts:51 \n yMin \n • Optional yMin : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . yMin \n Defined in \n options.d.ts:52 \n yScaleID \n • Optional yScaleID : Scriptable < string , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . yScaleID \n Defined in \n options.d.ts:53 \n z \n • Optional z : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . z \n Defined in \n options.d.ts:54 \n Methods \n afterDraw \n ▸ Optional afterDraw ( context ): void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n Returns \n void \n Inherited from \n CoreAnnotationOptions . afterDraw \n Defined in \n options.d.ts:23 \n beforeDraw \n ▸ Optional beforeDraw ( context ): void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n Returns \n void \n Inherited from \n CoreAnnotationOptions . beforeDraw \n Defined in \n options.d.ts:22 \n click \n ▸ Optional click ( context , event ): boolean | void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n \n \n event \n ChartEvent \n Returns \n boolean | void \n Inherited from \n CoreAnnotationOptions . click \n Defined in \n events.d.ts:27 \n enter \n ▸ Optional enter ( context , event ): boolean | void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n \n \n event \n ChartEvent \n Returns \n boolean | void \n Inherited from \n CoreAnnotationOptions . enter \n Defined in \n events.d.ts:25 \n leave \n ▸ Optional leave ( context , event ): boolean | void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n \n \n event \n ChartEvent \n Returns \n boolean | void \n Inherited from \n CoreAnnotationOptions . leave \n Defined in \n events.d.ts:26 \n"},{title:"Interface: PartialEventContext",frontmatter:{},regularPath:"/api/interfaces/PartialEventContext.html",relativePath:"api/interfaces/PartialEventContext.md",key:"v-16482446",path:"/api/interfaces/PartialEventContext.html",headers:[{level:2,title:"Properties",slug:"properties"},{level:3,title:"chart",slug:"chart"},{level:3,title:"element",slug:"element"},{level:3,title:"elements",slug:"elements"},{level:3,title:"id",slug:"id"},{level:3,title:"type",slug:"type"}],content:" Interface: PartialEventContext \n Some scriptable options may be called with during the chart's initial\ndisplay, when the element isn't fully initialized. \n Properties \n chart \n • chart : Chart \n Defined in \n events.d.ts:17 \n element \n • Optional element : Partial < AnnotationElement > \n Defined in \n events.d.ts:18 \n elements \n • Optional elements : AnnotationElement [] \n Defined in \n events.d.ts:19 \n id \n • Optional id : string \n Defined in \n events.d.ts:20 \n type \n • Optional type : string \n Defined in \n events.d.ts:21 \n"},{title:"Interface: PointAnnotationOptions",frontmatter:{},regularPath:"/api/interfaces/PointAnnotationOptions.html",relativePath:"api/interfaces/PointAnnotationOptions.md",key:"v-5dd3097d",path:"/api/interfaces/PointAnnotationOptions.html",headers:[{level:2,title:"Hierarchy",slug:"hierarchy"},{level:2,title:"Properties",slug:"properties"},{level:3,title:"adjustScaleRange",slug:"adjustscalerange"},{level:3,title:"backgroundColor",slug:"backgroundcolor"},{level:3,title:"backgroundShadowColor",slug:"backgroundshadowcolor"},{level:3,title:"borderColor",slug:"bordercolor"},{level:3,title:"borderDash",slug:"borderdash"},{level:3,title:"borderDashOffset",slug:"borderdashoffset"},{level:3,title:"borderShadowColor",slug:"bordershadowcolor"},{level:3,title:"borderWidth",slug:"borderwidth"},{level:3,title:"display",slug:"display"},{level:3,title:"drawTime",slug:"drawtime"},{level:3,title:"hitTolerance",slug:"hittolerance"},{level:3,title:"id",slug:"id"},{level:3,title:"init",slug:"init"},{level:3,title:"pointStyle",slug:"pointstyle"},{level:3,title:"radius",slug:"radius"},{level:3,title:"rotation",slug:"rotation"},{level:3,title:"shadowBlur",slug:"shadowblur"},{level:3,title:"shadowOffsetX",slug:"shadowoffsetx"},{level:3,title:"shadowOffsetY",slug:"shadowoffsety"},{level:3,title:"xAdjust",slug:"xadjust"},{level:3,title:"xMax",slug:"xmax"},{level:3,title:"xMin",slug:"xmin"},{level:3,title:"xScaleID",slug:"xscaleid"},{level:3,title:"xValue",slug:"xvalue"},{level:3,title:"yAdjust",slug:"yadjust"},{level:3,title:"yMax",slug:"ymax"},{level:3,title:"yMin",slug:"ymin"},{level:3,title:"yScaleID",slug:"yscaleid"},{level:3,title:"yValue",slug:"yvalue"},{level:3,title:"z",slug:"z"},{level:2,title:"Methods",slug:"methods"},{level:3,title:"afterDraw",slug:"afterdraw"},{level:3,title:"beforeDraw",slug:"beforedraw"},{level:3,title:"click",slug:"click"},{level:3,title:"enter",slug:"enter"},{level:3,title:"leave",slug:"leave"}],content:" Interface: PointAnnotationOptions \n Hierarchy \n \n \n CoreAnnotationOptions \n \n \n AnnotationPointCoordinates \n ↳ PointAnnotationOptions \n Properties \n adjustScaleRange \n • Optional adjustScaleRange : Scriptable < boolean , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . adjustScaleRange \n Defined in \n options.d.ts:38 \n backgroundColor \n • backgroundColor : Scriptable < Color , PartialEventContext > \n Defined in \n options.d.ts:128 \n backgroundShadowColor \n • Optional backgroundShadowColor : Scriptable < Color , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . backgroundShadowColor \n Defined in \n options.d.ts:30 \n borderColor \n • Optional borderColor : Scriptable < Color , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . borderColor \n Defined in \n options.d.ts:39 \n borderDash \n • Optional borderDash : Scriptable < number [], PartialEventContext > \n Inherited from \n CoreAnnotationOptions . borderDash \n Defined in \n options.d.ts:40 \n borderDashOffset \n • Optional borderDashOffset : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . borderDashOffset \n Defined in \n options.d.ts:41 \n borderShadowColor \n • Optional borderShadowColor : Scriptable < Color , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . borderShadowColor \n Defined in \n options.d.ts:31 \n borderWidth \n • Optional borderWidth : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . borderWidth \n Defined in \n options.d.ts:42 \n display \n • Optional display : Scriptable < boolean , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . display \n Defined in \n options.d.ts:43 \n drawTime \n • Optional drawTime : Scriptable < DrawTime , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . drawTime \n Defined in \n options.d.ts:44 \n hitTolerance \n • Optional hitTolerance : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . hitTolerance \n Defined in \n options.d.ts:45 \n id \n • Optional id : string \n Inherited from \n CoreAnnotationOptions . id \n Defined in \n options.d.ts:47 \n init \n • Optional init : boolean | ( __namedParameters : Object ) => boolean | void | Partial < AnnotationElement > \n Inherited from \n CoreAnnotationOptions . init \n Defined in \n options.d.ts:46 \n pointStyle \n • Optional pointStyle : Scriptable < PointStyle , PartialEventContext > \n Defined in \n options.d.ts:129 \n radius \n • Optional radius : Scriptable < number , PartialEventContext > \n Defined in \n options.d.ts:130 \n rotation \n • Optional rotation : Scriptable < number , PartialEventContext > \n Defined in \n options.d.ts:131 \n shadowBlur \n • Optional shadowBlur : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . shadowBlur \n Defined in \n options.d.ts:32 \n shadowOffsetX \n • Optional shadowOffsetX : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . shadowOffsetX \n Defined in \n options.d.ts:33 \n shadowOffsetY \n • Optional shadowOffsetY : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . shadowOffsetY \n Defined in \n options.d.ts:34 \n xAdjust \n • Optional xAdjust : Scriptable < number , PartialEventContext > \n Defined in \n options.d.ts:132 \n xMax \n • Optional xMax : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . xMax \n Defined in \n options.d.ts:48 \n xMin \n • Optional xMin : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . xMin \n Defined in \n options.d.ts:49 \n xScaleID \n • Optional xScaleID : Scriptable < string , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . xScaleID \n Defined in \n options.d.ts:50 \n xValue \n • Optional xValue : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n AnnotationPointCoordinates . xValue \n Defined in \n options.d.ts:58 \n yAdjust \n • Optional yAdjust : Scriptable < number , PartialEventContext > \n Defined in \n options.d.ts:133 \n yMax \n • Optional yMax : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . yMax \n Defined in \n options.d.ts:51 \n yMin \n • Optional yMin : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . yMin \n Defined in \n options.d.ts:52 \n yScaleID \n • Optional yScaleID : Scriptable < string , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . yScaleID \n Defined in \n options.d.ts:53 \n yValue \n • Optional yValue : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n AnnotationPointCoordinates . yValue \n Defined in \n options.d.ts:59 \n z \n • Optional z : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . z \n Defined in \n options.d.ts:54 \n Methods \n afterDraw \n ▸ Optional afterDraw ( context ): void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n Returns \n void \n Inherited from \n CoreAnnotationOptions . afterDraw \n Defined in \n options.d.ts:23 \n beforeDraw \n ▸ Optional beforeDraw ( context ): void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n Returns \n void \n Inherited from \n CoreAnnotationOptions . beforeDraw \n Defined in \n options.d.ts:22 \n click \n ▸ Optional click ( context , event ): boolean | void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n \n \n event \n ChartEvent \n Returns \n boolean | void \n Inherited from \n CoreAnnotationOptions . click \n Defined in \n events.d.ts:27 \n enter \n ▸ Optional enter ( context , event ): boolean | void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n \n \n event \n ChartEvent \n Returns \n boolean | void \n Inherited from \n CoreAnnotationOptions . enter \n Defined in \n events.d.ts:25 \n leave \n ▸ Optional leave ( context , event ): boolean | void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n \n \n event \n ChartEvent \n Returns \n boolean | void \n Inherited from \n CoreAnnotationOptions . leave \n Defined in \n events.d.ts:26 \n"},{title:"Interface: 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: 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:"Configuration",frontmatter:{title:"Configuration"},regularPath:"/guide/configuration.html",relativePath:"guide/configuration.md",key:"v-64ad1186",path:"/guide/configuration.html",headers:[{level:2,title:"Top level options",slug:"top-level-options"},{level:2,title:"Animations",slug:"animations"},{level:3,title:"Default animations",slug:"default-animations"},{level:2,title:"Common",slug:"common"},{level:3,title:"Initial animation",slug:"initial-animation"},{level:2,title:"Events",slug:"events"},{level:2,title:"Hooks",slug:"hooks"}],lastUpdated:"9/20/2024, 12:39:59 PM",lastUpdatedTimestamp:1726835999e3,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:"Getting Started",frontmatter:{},regularPath:"/guide/",relativePath:"guide/index.md",key:"v-4d8c7bf6",path:"/guide/",headers:[{level:2,title:"Installation",slug:"installation"}],lastUpdated:"9/20/2024, 12:39:59 PM",lastUpdatedTimestamp:1726835999e3,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:"Contributing",frontmatter:{id:"contributing",title:"Contributing",sidebar:"contributing"},regularPath:"/guide/contributing.html",relativePath:"guide/contributing.md",key:"v-54682062",path:"/guide/contributing.html",headers:[{level:2,title:"Using issues",slug:"using-issues"},{level:2,title:"Reporting bugs",slug:"reporting-bugs"},{level:2,title:"Local development",slug:"local-development"},{level:2,title:"Pull requests",slug:"pull-requests"},{level:2,title:"License",slug:"license"}],lastUpdated:"9/20/2024, 12:39:59 PM",lastUpdatedTimestamp:1726835999e3,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:"Integration",frontmatter:{title:"Integration"},regularPath:"/guide/integration.html",relativePath:"guide/integration.md",key:"v-1b86f686",path:"/guide/integration.html",headers:[{level:2,title:"Script Tag",slug:"script-tag"},{level:2,title:"Bundlers (Webpack, Rollup, etc.)",slug:"bundlers-webpack-rollup-etc"}],lastUpdated:"9/20/2024, 12:39:59 PM",lastUpdatedTimestamp:1726835999e3,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:"9/20/2024, 12:39:59 PM",lastUpdatedTimestamp:1726835999e3,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:"Developers",frontmatter:{},regularPath:"/guide/developers.html",relativePath:"guide/developers.md",key:"v-0e308dd1",path:"/guide/developers.html",headers:[{level:2,title:"Access to the annotation elements",slug:"access-to-the-annotation-elements"},{level:3,title:".getAnnotations(chart: Chart): AnnotationElement[]",slug:"getannotations-chart-chart-annotationelement"}],lastUpdated:"9/20/2024, 12:39:59 PM",lastUpdatedTimestamp:1726835999e3,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:"2.x Migration Guide",frontmatter:{},regularPath:"/guide/migrationV2.html",relativePath:"guide/migrationV2.md",key:"v-121872fd",path:"/guide/migrationV2.html",headers:[{level:2,title:"Chart.js version",slug:"chart-js-version"},{level:2,title:"Options",slug:"options"},{level:2,title:"Elements",slug:"elements"},{level:2,title:"Events",slug:"events"},{level:2,title:"Types",slug:"types"}],lastUpdated:"9/20/2024, 12:39:59 PM",lastUpdatedTimestamp:1726835999e3,content:" 2.x Migration Guide \n chartjs-plugin-annotation plugin version 2 introduces a number of breaking changes. In order to improve performance, offer new features, and improve maintainability, it was necessary to break backwards compatibility, but we aimed to do so only when worth the benefit. \n Chart.js version \n The annotation plugin requires at least version 3.7.0 to work because of some bug fixes that happened within chart.js itself. \n Options \n A number of changes were made to the configuration options passed to the plugin configuration. Those changes are documented below. \n \n xScaleID option default has been changed, now set to undefined . If the option is missing, the plugin will try to use the first scale of the chart, configured as 'x' axis. If more than one scale has been defined in the chart as 'x' axis, the option is mandatory to select the right scale. \n yScaleID option default has been changed, now set to undefined . If the option is missing, the plugin will try to use the first scale of the chart, configured as 'y' axis. If more than one scale has been defined in the chart as 'y' axis, the option is mandatory to select the right scale. \n When stacked scales are used, instead of the whole chart area, the designated scale area is used as fallback for xMin , xMax , yMin , yMax , xValue or yValue options. \n position for the label of the line annotation changes the behavior when start or end is set, and when the line annotation location is defined by xMin , xMax , yMin , and yMax options.\n \n in the previous version 1.x, if the position was set to start or end , it was calculated using chart area dimension (when start using top or left , when end using bottom or right ). \n in version 2.x, if the position is set to start , it is the point where the line starts being drawn, and when set to end , it is the point where the line ends drawing. The xMin , xMax , yMin , and yMax options are not related to the chart area anymore but are related to the values sequence (and their order) on the associated scale. \n \n \n cornerRadius option was replaced by borderRadius in the box annotation configuration and in the label configuration of line annotation to align with Chart.js options. \n xPadding and yPadding options were merged into a single padding object in the label configuration of line annotation to align with Chart.js options. \n enabled option was replaced by display in the callout configuration of label annotation, in the label configuration of line and box annotations and in the arrow heads configuration of line annotation to have the same option on all elements. \n dblClickSpeed option was removed from the plugin options because dblclick event hook is not available anymore. \n drawTime option at top level plugin configuration is moved to new common object in the plugin annotation options, which contains options to apply to all annotations: \n \n plugins : { \n annotation : { \n common : { \n drawTime : 'afterDraw' \n } , \n annotations : [ \n ... \n ] \n } \n } \n Elements \n In chartjs-plugin-annotation plugin version 2 the label of box and line annotations is a sub-element. This has changed how to access to the label options. Now the label options are at element.label.options . The following example shows how to show and hide the label when the mouse is hovering the box: \n type : 'box' , // or 'line' \n enter : function ( { element } ) { \n element . label . options . display = true ; \n return true ; \n } , \n leave : function ( { element } ) { \n element . label . options . display = false ; \n return true ; \n } , \n \n chartjs-plugin-annotation plugin version 2 removes the clipping of the label to the box annotation size. \n chartjs-plugin-annotation plugin version 2 hides the following methods in the line annotation element because they should be used only internally: \n \n intersects \n isOnLabel \n \n chartjs-plugin-annotation plugin version 2 normalizes the properties of the annotation elements in order to be based on common box model. \n Box annotation \n The following diagram is showing the element properties about a 'box' annotation: \n \n The label of a box annotation is described as a label annotation and accessible by element.label . \n Ellipse annotation \n The following diagram is showing the element properties about a 'ellipse' annotation: \n Label annotation \n The following diagram is showing the element properties about a 'label' annotation: \n Line annotation \n The following diagram is showing the element properties about a 'line' annotation: \n \n The label of a line annotation is described as a label annotation and accessible by element.label . \n Point annotation \n The following diagram is showing the element properties about a 'point' annotation: \n Polygon annotation \n The following diagram is showing the element properties about a 'polygon' annotation: \n Events \n chartjs-plugin-annotation plugin version 2 introduces the interaction options, to configure which events trigger annotation interactions. By default, the plugin uses the chart interaction configuration . \n \n When scatter charts are used, the interaction default mode in Chart.js is point , while, in the previous plugin version, the default was nearest . \n \n The dblclick event hook was removed from annotations options because, being executed asynchronously, it can not enable the chart re-rendering, automatically after processing the event completely. This is important when the user requires re-draws. It gets slow and messy if every event hook does the draw (or update!). \n Types \n chartjs-plugin-annotation plugin version 2 removes the compatibility with TypeScript versions less than 4.1 which is the minimum supported one. \n"},{title:"3.x Migration Guide",frontmatter:{},regularPath:"/guide/migrationV3.html",relativePath:"guide/migrationV3.md",key:"v-4d1e5c5d",path:"/guide/migrationV3.html",headers:[{level:2,title:"Chart.js version",slug:"chart-js-version"},{level:3,title:"Type changes",slug:"type-changes"}],lastUpdated:"9/20/2024, 12:39:59 PM",lastUpdatedTimestamp:1726835999e3,content:" 3.x Migration Guide \n chartjs-plugin-annotation plugin version 3 becomes an ESM-only package .\nThe UMD bundle is still available. \n Chart.js version \n The annotation plugin requires at least version 4.0.0 to work because of Chart.js becomes an ESM-only package. \n Type changes \n \n The init options callback return value types have been changed from void | boolean | AnnotationBoxModel to void | boolean | AnnotationElement . \n \n"},{title:"Label",frontmatter:{},regularPath:"/guide/types/_commonInnerLabel.html",relativePath:"guide/types/_commonInnerLabel.md",key:"v-0db22306",path:"/guide/types/_commonInnerLabel.html",headers:[{level:2,title:"Label",slug:"label"},{level:3,title:"Position",slug:"position"},{level:3,title:"Fonts and colors",slug:"fonts-and-colors"}],lastUpdated:"9/20/2024, 12:39:59 PM",lastUpdatedTimestamp:1726835999e3,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:"Options",frontmatter:{},regularPath:"/guide/options.html",relativePath:"guide/options.md",key:"v-15f8e6fd",path:"/guide/options.html",headers:[{level:2,title:"Color",slug:"color"},{level:2,title:"Font",slug:"font"},{level:2,title:"Padding",slug:"padding"},{level:2,title:"Point Style",slug:"point-style"},{level:2,title:"Interaction",slug:"interaction"},{level:2,title:"Scriptable Options",slug:"scriptable-options"},{level:2,title:"Draw Time",slug:"draw-time"},{level:2,title:"Option Context",slug:"option-context"},{level:3,title:"chart",slug:"chart"},{level:3,title:"annotation",slug:"annotation"}],lastUpdated:"9/20/2024, 12:39:59 PM",lastUpdatedTimestamp:1726835999e3,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:"Common options to all annotations",frontmatter:{},regularPath:"/guide/types/_commonOptions.html",relativePath:"guide/types/_commonOptions.md",key:"v-67fac0e2",path:"/guide/types/_commonOptions.html",headers:[{level:3,title:"Common options to all annotations",slug:"common-options-to-all-annotations"}],lastUpdated:"9/20/2024, 12:39:59 PM",lastUpdatedTimestamp:1726835999e3,content:" Common options to all annotations \n The following options are available for all annotations. \n \n \n \n Name \n Type \n Scriptable \n Default \n \n \n \n \n adjustScaleRange \n boolean \n Yes \n true \n \n \n backgroundColor \n Color \n Yes \n options.color \n \n \n borderColor \n Color \n Yes \n options.color \n \n \n borderDash \n number[] \n Yes \n [] \n \n \n borderDashOffset \n number \n Yes \n 0 \n \n \n borderShadowColor \n Color \n Yes \n 'transparent' \n \n \n display \n boolean \n Yes \n true \n \n \n drawTime \n string | number \n Yes \n 'afterDatasetsDraw' \n \n \n hitTolerance \n number \n Yes \n 0 \n \n \n init \n boolean \n See initial animation \n undefined \n \n \n id \n string \n No \n undefined \n \n \n shadowBlur \n number \n Yes \n 0 \n \n \n shadowOffsetX \n number \n Yes \n 0 \n \n \n shadowOffsetY \n number \n Yes \n 0 \n \n \n xMax \n number | string \n Yes \n undefined \n \n \n xMin \n number | string \n Yes \n undefined \n \n \n xScaleID \n string \n Yes \n undefined \n \n \n yMin \n number | string \n Yes \n undefined \n \n \n yMax \n number | string \n Yes \n undefined \n \n \n yScaleID \n string \n Yes \n undefined \n \n \n z \n number \n Yes \n 0 \n \n \n \n"},{title:"Box Annotations",frontmatter:{},regularPath:"/guide/types/box.html",relativePath:"guide/types/box.md",key:"v-5b88421d",path:"/guide/types/box.html",headers:[{level:2,title:"Configuration",slug:"configuration"},{level:3,title:"Box annotation specific options",slug:"box-annotation-specific-options"},{level:3,title:"Common options to all annotations",slug:"common-options-to-all-annotations"},{level:3,title:"General",slug:"general"},{level:3,title:"Styling",slug:"styling"},{level:2,title:"Label",slug:"label"},{level:3,title:"Position",slug:"position"},{level:3,title:"Fonts and colors",slug:"fonts-and-colors"},{level:2,title:"Element",slug:"element"}],lastUpdated:"9/20/2024, 12:39:59 PM",lastUpdatedTimestamp:1726835999e3,content:" Box Annotations \n Box annotations are used to draw rectangles on the chart area. This can be useful for highlighting different areas of a chart. \n */\nconst options = {\n plugins: {\n annotation: {\n annotations: {\n box1: {\n type: 'box',\n xMin: 1,\n xMax: 2,\n yMin: 50,\n yMax: 70,\n backgroundColor: 'rgba(255, 99, 132, 0.25)'\n }\n }\n }\n }\n};\n/* */\n\n/* */\nconst config = {\n type: 'line',\n data: {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\n datasets: [{\n label: 'My First Dataset',\n data: [65, 59, 80, 81, 56, 55, 40],\n fill: false,\n borderColor: 'rgb(75, 192, 192)',\n tension: 0.1\n }]\n },\n options\n};\n/* */\n\nmodule.exports = {\n config\n};\n`\"/> # Configuration \n Box annotation specific options \n The following options are available for box annotations. \n \n \n \n Name \n Type \n Scriptable \n Default \n \n \n \n \n backgroundShadowColor \n Color \n Yes \n 'transparent' \n \n \n borderCapStyle \n string \n Yes \n 'butt' \n \n \n borderJoinStyle \n string \n Yes \n 'miter' \n \n \n borderRadius \n number | object \n Yes \n 0 \n \n \n borderWidth \n number \n Yes \n 1 \n \n \n label \n object \n Yes \n \n \n \n rotation \n number \n Yes \n 0 \n Common options to all annotations \n The following options are available for all annotations. \n \n \n \n Name \n Type \n Scriptable \n Default \n \n \n \n \n adjustScaleRange \n boolean \n Yes \n true \n \n \n backgroundColor \n Color \n Yes \n options.color \n \n \n borderColor \n Color \n Yes \n options.color \n \n \n borderDash \n number[] \n Yes \n [] \n \n \n borderDashOffset \n number \n Yes \n 0 \n \n \n borderShadowColor \n Color \n Yes \n 'transparent' \n \n \n display \n boolean \n Yes \n true \n \n \n drawTime \n string | number \n Yes \n 'afterDatasetsDraw' \n \n \n hitTolerance \n number \n Yes \n 0 \n \n \n init \n boolean \n See initial animation \n undefined \n \n \n id \n string \n No \n undefined \n \n \n shadowBlur \n number \n Yes \n 0 \n \n \n shadowOffsetX \n number \n Yes \n 0 \n \n \n shadowOffsetY \n number \n Yes \n 0 \n \n \n xMax \n number | string \n Yes \n undefined \n \n \n xMin \n number | string \n Yes \n undefined \n \n \n xScaleID \n string \n Yes \n undefined \n \n \n yMin \n number | string \n Yes \n undefined \n \n \n yMax \n number | string \n Yes \n undefined \n \n \n yScaleID \n string \n Yes \n undefined \n \n \n z \n number \n Yes \n 0 \n General \n If one of the axes does not match an axis in the chart, the box will take the entire chart dimension. The 4 coordinates, xMin, xMax, yMin, yMax are optional. If not specified, the box is expanded out to the edges in the respective direction. \n \n \n \n Name \n Description \n \n \n \n \n adjustScaleRange \n Should the scale range be adjusted if this annotation is out of range. \n \n \n display \n Whether or not this annotation is visible. \n \n \n drawTime \n See drawTime . \n \n \n hitTolerance \n Amount of pixels to interact with annotations within some distance of the mouse point. \n \n \n id \n Identifies a unique id for the annotation and it will be stored in the element context. When the annotations are defined by an object, the id is automatically set using the key used to store the annotations in the object. When the annotations are configured by an array, the id, passed by this option in the annotation, will be used. \n \n \n rotation \n Rotation of the box in degrees. \n \n \n xMax \n Right edge of the box in units along the x axis. \n \n \n xMin \n Left edge of the box in units along the x axis. \n \n \n xScaleID \n ID of the X scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as 'x' axis. If more than one scale has been defined in the chart as 'x' axis, the option is mandatory to select the right scale. \n \n \n yMax \n Bottom edge of the box in units along the y axis. \n \n \n yMin \n Top edge of the box in units along the y axis. \n \n \n yScaleID \n ID of the Y scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as 'y' axis. If more than one scale has been defined in the chart as 'y' axis, the option is mandatory to select the right scale. \n \n \n z \n The z property determines the drawing stack level of the box annotation element. All visible elements will be drawn in ascending order of z option, with the same drawTime option. \n Styling \n \n \n \n Name \n Description \n \n \n \n \n backgroundColor \n Fill color. \n \n \n backgroundShadowColor \n The color of shadow. See MDN . \n \n \n borderCapStyle \n Cap style of the border line. See MDN . \n \n \n borderColor \n Stroke color. \n \n \n borderDash \n Length and spacing of dashes. See MDN . \n \n \n borderDashOffset \n Offset for border line dashes. See MDN . \n \n \n borderJoinStyle \n Border line join style. See MDN . \n \n \n borderRadius \n Radius of box rectangle (in pixels). \n \n \n borderShadowColor \n The color of the border shadow. See MDN . \n \n \n borderWidth \n Border line width (in pixels). \n \n \n shadowBlur \n The amount of blur applied to shadow. See MDN . \n \n \n shadowOffsetX \n The distance that shadow will be offset horizontally. See MDN . \n \n \n shadowOffsetY \n The distance that shadow will be offset vertically. See MDN . \n borderRadius \n If this value is a number, it is applied to all corners of the rectangle (topLeft, topRight, bottomLeft, bottomRight). If this value is an object, the topLeft property defines the top-left corners border radius. Similarly, the topRight , bottomLeft , and bottomRight properties can also be specified. Omitted corners have radius of 0. \n Label \n Namespace: options.annotations[annotationID].label , it defines options for the the label of annotation. \n All of these options can be Scriptable \n \n \n \n Name \n Type \n Default \n Notes \n \n \n \n \n color \n Color | Color[] \n 'black' \n Text color. \n \n \n content \n string | string[] | Image | HTMLCanvasElement \n null \n The content to show in the label. \n \n \n display \n boolean \n false \n Whether or not the label is shown. \n \n \n drawTime \n string | number \n options.drawTime \n See drawTime . Defaults to the annotation draw time if unset \n \n \n font \n Font | Font[] \n { weight: 'bold' } \n Label font \n \n \n height \n number | string \n undefined \n Overrides the height of the image or canvas element. Could be set in pixel by a number, or in percentage of current height of image or canvas element by a string. If undefined, uses the height of the image or canvas element. It is used only when the content is an image or canvas element. \n \n \n hitTolerance \n number \n undefined \n Amount of pixels to interact with annotations within some distance of the mouse point. \n \n \n opacity \n number \n undefined \n Overrides the opacity of the image or canvas element. Could be set a number in the range 0.0 to 1.0, inclusive. If undefined, uses the opacity of the image or canvas element. It is used only when the content is an image or canvas element. \n \n \n padding \n Padding \n 6 \n The padding to add around the text label. \n \n \n position \n string | {x: string, y: string} \n 'center' \n Anchor position of label in the annotation. \n \n \n rotation \n number \n undefined \n Rotation of label, in degrees. If undefined , the annotation rotation is used. \n \n \n textAlign \n string \n 'start' \n Text alignment of label content when there's more than one line. Possible options are: 'left' , 'start' , 'center' , 'end' , 'right' . \n \n \n textStrokeColor \n Color \n undefined \n The color of the stroke around the text. \n \n \n textStrokeWidth \n number \n 0 \n Stroke width around the text. \n \n \n width \n number | string \n undefined \n Overrides the width of the image or canvas element. Could be set in pixel by a number, or in percentage of current width of image or canvas element by a string. If undefined, uses the width of the image or canvas element. It is used only when the content is an image or canvas element. \n \n \n xAdjust \n number \n 0 \n Adjustment along x-axis (left-right) of label relative to computed position. Negative values move the label left, positive right. \n \n \n yAdjust \n number \n 0 \n Adjustment along y-axis (top-bottom) of label relative to computed position. Negative values move the label up, positive down. \n \n \n z \n number \n 0 \n It determines the drawing stack level of the label element, with same drawTime . \n Position \n A position can be set in 2 different values types: \n \n 'start' , 'center' , 'end' which are defining where the label will be located \n a string , in percentage format 'number%' , is representing the percentage on the size where the label will be located \n \n If this value is a string (possible options are 'start' , 'center' , 'end' or a string in percentage format), it is applied to vertical and horizontal position in the annotation. \n If this value is an object, the x property defines the horizontal alignment in the annotation. Similarly, the y property defines the vertical alignment in the annotation. Possible options for both properties are 'start' , 'center' , 'end' , a string in percentage format. Omitted property have value of the default, 'center' . \n Fonts and colors \n When the label to draw has multiple lines, you can use different font and color for each line of the label. This is enabled configuring an array of fonts or colors for those options. When the lines are more than the configured fonts of colors, the last configuration of those options is used for all remaining lines. \n Element \n The following diagram is showing the element properties about a 'box' annotation: \n \n The label of a box annotation is described as a label annotation and accessible by element.label . \n"},{title:"Ellipse Annotations",frontmatter:{},regularPath:"/guide/types/ellipse.html",relativePath:"guide/types/ellipse.md",key:"v-26692906",path:"/guide/types/ellipse.html",headers:[{level:2,title:"Configuration",slug:"configuration"},{level:3,title:"Ellipse annotation specific options",slug:"ellipse-annotation-specific-options"},{level:3,title:"Common options to all annotations",slug:"common-options-to-all-annotations"},{level:3,title:"General",slug:"general"},{level:3,title:"Styling",slug:"styling"},{level:2,title:"Label",slug:"label"},{level:3,title:"Position",slug:"position"},{level:3,title:"Fonts and colors",slug:"fonts-and-colors"},{level:2,title:"Element",slug:"element"}],lastUpdated:"9/20/2024, 12:39:59 PM",lastUpdatedTimestamp:1726835999e3,content:" Ellipse Annotations \n Ellipse annotations are used to draw circles on the chart area. This can be useful for highlighting different areas of a chart. \n */\nconst options = {\n plugins: {\n annotation: {\n annotations: {\n ellipse1: {\n type: 'ellipse',\n xMin: 1,\n xMax: 2,\n yMin: 50,\n yMax: 70,\n backgroundColor: 'rgba(255, 99, 132, 0.25)'\n }\n }\n }\n }\n};\n/* */\n\n/* */\nconst config = {\n type: 'line',\n data: {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\n datasets: [{\n label: 'My First Dataset',\n data: [65, 59, 80, 81, 56, 55, 40],\n fill: false,\n borderColor: 'rgb(75, 192, 192)',\n tension: 0.1\n }]\n },\n options\n};\n/* */\n\nmodule.exports = {\n config\n};\n`\"/> # Configuration \n Ellipse annotation specific options \n The following options are available for ellipse annotations. \n \n \n \n Name \n Type \n Scriptable \n Default \n \n \n \n \n backgroundShadowColor \n Color \n Yes \n 'transparent' \n \n \n borderWidth \n number \n Yes \n 1 \n \n \n label \n object \n Yes \n \n \n \n rotation \n number \n Yes \n 0 \n Common options to all annotations \n The following options are available for all annotations. \n \n \n \n Name \n Type \n Scriptable \n Default \n \n \n \n \n adjustScaleRange \n boolean \n Yes \n true \n \n \n backgroundColor \n Color \n Yes \n options.color \n \n \n borderColor \n Color \n Yes \n options.color \n \n \n borderDash \n number[] \n Yes \n [] \n \n \n borderDashOffset \n number \n Yes \n 0 \n \n \n borderShadowColor \n Color \n Yes \n 'transparent' \n \n \n display \n boolean \n Yes \n true \n \n \n drawTime \n string | number \n Yes \n 'afterDatasetsDraw' \n \n \n hitTolerance \n number \n Yes \n 0 \n \n \n init \n boolean \n See initial animation \n undefined \n \n \n id \n string \n No \n undefined \n \n \n shadowBlur \n number \n Yes \n 0 \n \n \n shadowOffsetX \n number \n Yes \n 0 \n \n \n shadowOffsetY \n number \n Yes \n 0 \n \n \n xMax \n number | string \n Yes \n undefined \n \n \n xMin \n number | string \n Yes \n undefined \n \n \n xScaleID \n string \n Yes \n undefined \n \n \n yMin \n number | string \n Yes \n undefined \n \n \n yMax \n number | string \n Yes \n undefined \n \n \n yScaleID \n string \n Yes \n undefined \n \n \n z \n number \n Yes \n 0 \n General \n If one of the axes does not match an axis in the chart, the ellipse will take the entire chart dimension. The 4 coordinates, xMin, xMax, yMin, yMax are optional. If not specified, the ellipse is expanded out to the edges in the respective direction. \n \n \n \n Name \n Description \n \n \n \n \n adjustScaleRange \n Should the scale range be adjusted if this annotation is out of range. \n \n \n display \n Whether or not this annotation is visible. \n \n \n drawTime \n See drawTime . \n \n \n hitTolerance \n Amount of pixels to interact with annotations within some distance of the mouse point. \n \n \n id \n Identifies a unique id for the annotation and it will be stored in the element context. When the annotations are defined by an object, the id is automatically set using the key used to store the annotations in the object. When the annotations are configured by an array, the id, passed by this option in the annotation, will be used. \n \n \n rotation \n Rotation of the ellipse in degrees, default is 0. \n \n \n xMax \n Right edge of the ellipse in units along the x axis. \n \n \n xMin \n Left edge of the ellipse in units along the x axis. \n \n \n xScaleID \n ID of the X scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as 'x' axis. If more than one scale has been defined in the chart as 'x' axis, the option is mandatory to select the right scale. \n \n \n yMax \n Bottom edge of the ellipse in units along the y axis. \n \n \n yMin \n Top edge of the ellipse in units along the y axis. \n \n \n yScaleID \n ID of the Y scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as 'y' axis. If more than one scale has been defined in the chart as 'y' axis, the option is mandatory to select the right scale. \n \n \n z \n The z property determines the drawing stack level of the ellipse annotation element. All visible elements will be drawn in ascending order of z option, with the same drawTime option. \n Styling \n \n \n \n Name \n Description \n \n \n \n \n backgroundColor \n Fill color. \n \n \n backgroundShadowColor \n The color of shadow. See MDN . \n \n \n borderColor \n Stroke color. \n \n \n borderDash \n Length and spacing of dashes. See MDN . \n \n \n borderDashOffset \n Offset for line dashes. See MDN . \n \n \n borderShadowColor \n The color of the border shadow. See MDN . \n \n \n borderWidth \n Stroke width. \n \n \n shadowBlur \n The amount of blur applied to shadow. See MDN . \n \n \n shadowOffsetX \n The distance that shadow will be offset horizontally. See MDN . \n \n \n shadowOffsetY \n The distance that shadow will be offset vertically. See MDN . \n Label \n Namespace: options.annotations[annotationID].label , it defines options for the the label of annotation. \n All of these options can be Scriptable \n \n \n \n Name \n Type \n Default \n Notes \n \n \n \n \n color \n Color | Color[] \n 'black' \n Text color. \n \n \n content \n string | string[] | Image | HTMLCanvasElement \n null \n The content to show in the label. \n \n \n display \n boolean \n false \n Whether or not the label is shown. \n \n \n drawTime \n string | number \n options.drawTime \n See drawTime . Defaults to the annotation draw time if unset \n \n \n font \n Font | Font[] \n { weight: 'bold' } \n Label font \n \n \n height \n number | string \n undefined \n Overrides the height of the image or canvas element. Could be set in pixel by a number, or in percentage of current height of image or canvas element by a string. If undefined, uses the height of the image or canvas element. It is used only when the content is an image or canvas element. \n \n \n hitTolerance \n number \n undefined \n Amount of pixels to interact with annotations within some distance of the mouse point. \n \n \n opacity \n number \n undefined \n Overrides the opacity of the image or canvas element. Could be set a number in the range 0.0 to 1.0, inclusive. If undefined, uses the opacity of the image or canvas element. It is used only when the content is an image or canvas element. \n \n \n padding \n Padding \n 6 \n The padding to add around the text label. \n \n \n position \n string | {x: string, y: string} \n 'center' \n Anchor position of label in the annotation. \n \n \n rotation \n number \n undefined \n Rotation of label, in degrees. If undefined , the annotation rotation is used. \n \n \n textAlign \n string \n 'start' \n Text alignment of label content when there's more than one line. Possible options are: 'left' , 'start' , 'center' , 'end' , 'right' . \n \n \n textStrokeColor \n Color \n undefined \n The color of the stroke around the text. \n \n \n textStrokeWidth \n number \n 0 \n Stroke width around the text. \n \n \n width \n number | string \n undefined \n Overrides the width of the image or canvas element. Could be set in pixel by a number, or in percentage of current width of image or canvas element by a string. If undefined, uses the width of the image or canvas element. It is used only when the content is an image or canvas element. \n \n \n xAdjust \n number \n 0 \n Adjustment along x-axis (left-right) of label relative to computed position. Negative values move the label left, positive right. \n \n \n yAdjust \n number \n 0 \n Adjustment along y-axis (top-bottom) of label relative to computed position. Negative values move the label up, positive down. \n \n \n z \n number \n 0 \n It determines the drawing stack level of the label element, with same drawTime . \n Position \n A position can be set in 2 different values types: \n \n 'start' , 'center' , 'end' which are defining where the label will be located \n a string , in percentage format 'number%' , is representing the percentage on the size where the label will be located \n \n If this value is a string (possible options are 'start' , 'center' , 'end' or a string in percentage format), it is applied to vertical and horizontal position in the annotation. \n If this value is an object, the x property defines the horizontal alignment in the annotation. Similarly, the y property defines the vertical alignment in the annotation. Possible options for both properties are 'start' , 'center' , 'end' , a string in percentage format. Omitted property have value of the default, 'center' . \n Fonts and colors \n When the label to draw has multiple lines, you can use different font and color for each line of the label. This is enabled configuring an array of fonts or colors for those options. When the lines are more than the configured fonts of colors, the last configuration of those options is used for all remaining lines. \n Element \n The following diagram is showing the element properties about a 'ellipse' annotation: \n \n"},{title:"Label Annotations",frontmatter:{},regularPath:"/guide/types/label.html",relativePath:"guide/types/label.md",key:"v-49aea27d",path:"/guide/types/label.html",headers:[{level:2,title:"Configuration",slug:"configuration"},{level:3,title:"Label annotation specific options",slug:"label-annotation-specific-options"},{level:3,title:"Common options to all annotations",slug:"common-options-to-all-annotations"},{level:3,title:"General",slug:"general"},{level:3,title:"Styling",slug:"styling"},{level:3,title:"Position",slug:"position"},{level:2,title:"Callout",slug:"callout"},{level:2,title:"Element",slug:"element"}],lastUpdated:"9/20/2024, 12:39:59 PM",lastUpdatedTimestamp:1726835999e3,content:" Label Annotations \n Label annotations are used to add contents on the chart area. This can be useful for describing values that are of interest. \n */\nconst options = {\n plugins: {\n annotation: {\n annotations: {\n label1: {\n type: 'label',\n xValue: 2.5,\n yValue: 60,\n backgroundColor: 'rgba(245,245,245)',\n content: ['This is my text', 'This is my text, second line'],\n font: {\n size: 18\n }\n }\n }\n }\n }\n};\n/* */\n\n/* */\nconst config = {\n type: 'line',\n data: {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\n datasets: [{\n label: 'My First Dataset',\n data: [65, 59, 80, 81, 56, 55, 40],\n fill: false,\n borderColor: 'rgb(75, 192, 192)',\n tension: 0.1\n }]\n },\n options\n};\n/* */\n\nmodule.exports = {\n config\n};\n`\"/> # Configuration \n Label annotation specific options \n The following options are available for label annotations. \n \n \n \n Name \n Type \n Scriptable \n Default \n \n \n \n \n backgroundShadowColor \n Color \n Yes \n 'transparent' \n \n \n borderCapStyle \n string \n Yes \n 'butt' \n \n \n borderJoinStyle \n string \n Yes \n 'miter' \n \n \n borderRadius \n number | object \n Yes \n 0 \n \n \n borderWidth \n number \n Yes \n 0 \n \n \n callout \n object \n Yes \n \n \n \n color \n Color | Color[] \n Yes \n 'black' \n \n \n content \n string | string[] | Image | HTMLCanvasElement \n Yes \n null \n \n \n font \n Font | Font[] \n Yes \n {} \n \n \n height \n number | string \n Yes \n undefined \n \n \n opacity \n number \n Yes \n undefined \n \n \n padding \n Padding \n Yes \n 6 \n \n \n position \n string | {x: string, y: string} \n Yes \n 'center' \n \n \n rotation \n number \n Yes \n 0 \n \n \n textAlign \n string \n Yes \n 'center' \n \n \n textStrokeColor \n Color \n Yes \n undefined \n \n \n textStrokeWidth \n number \n Yes \n 0 \n \n \n width \n number | string \n Yes \n undefined \n \n \n xAdjust \n number \n Yes \n 0 \n \n \n xValue \n number | string \n Yes \n undefined \n \n \n yAdjust \n number \n Yes \n 0 \n \n \n yValue \n number | string \n Yes \n undefined \n Common options to all annotations \n The following options are available for all annotations. \n \n \n \n Name \n Type \n Scriptable \n Default \n \n \n \n \n adjustScaleRange \n boolean \n Yes \n true \n \n \n backgroundColor \n Color \n Yes \n options.color \n \n \n borderColor \n Color \n Yes \n options.color \n \n \n borderDash \n number[] \n Yes \n [] \n \n \n borderDashOffset \n number \n Yes \n 0 \n \n \n borderShadowColor \n Color \n Yes \n 'transparent' \n \n \n display \n boolean \n Yes \n true \n \n \n drawTime \n string | number \n Yes \n 'afterDatasetsDraw' \n \n \n hitTolerance \n number \n Yes \n 0 \n \n \n init \n boolean \n See initial animation \n undefined \n \n \n id \n string \n No \n undefined \n \n \n shadowBlur \n number \n Yes \n 0 \n \n \n shadowOffsetX \n number \n Yes \n 0 \n \n \n shadowOffsetY \n number \n Yes \n 0 \n \n \n xMax \n number | string \n Yes \n undefined \n \n \n xMin \n number | string \n Yes \n undefined \n \n \n xScaleID \n string \n Yes \n undefined \n \n \n yMin \n number | string \n Yes \n undefined \n \n \n yMax \n number | string \n Yes \n undefined \n \n \n yScaleID \n string \n Yes \n undefined \n \n \n z \n number \n Yes \n 0 \n General \n If one of the axes does not match an axis in the chart, the content will be rendered in the center of the chart. The 2 coordinates, xValue, yValue are optional. If not specified, the content will be rendered in the center of the scale dimension. \n The 4 coordinates, xMin, xMax, yMin, yMax are optional. If not specified, the box is expanded out to the edges in the respective direction and the box size is used to calculated the center of the point. \n \n \n \n Name \n Description \n \n \n \n \n adjustScaleRange \n Should the scale range be adjusted if this annotation is out of range. \n \n \n content \n The content to show in the text annotation. \n \n \n display \n Whether or not this annotation is visible. \n \n \n drawTime \n See drawTime . \n \n \n height \n Overrides the height of the image or canvas element. Could be set in pixel by a number, or in percentage of current height of image or canvas element by a string. If undefined, uses the height of the image or canvas element. It is used only when the content is an image or canvas element. \n \n \n hitTolerance \n Amount of pixels to interact with annotations within some distance of the mouse point. \n \n \n id \n Identifies a unique id for the annotation and it will be stored in the element context. When the annotations are defined by an object, the id is automatically set using the key used to store the annotations in the object. When the annotations are configured by an array, the id, passed by this option in the annotation, will be used. \n \n \n padding \n The padding to add around the text label. \n \n \n rotation \n Rotation of the label in degrees. \n \n \n textAlign \n Text alignment of label content when there's more than one line. Possible options are: 'left' , 'start' , 'center' , 'end' , 'right' . \n \n \n width \n Overrides the width of the image or canvas element. Could be set in pixel by a number, or in percentage of current width of image or canvas element by a string. If undefined, uses the width of the image or canvas element. It is used only when the content is an image or canvas element. \n \n \n xAdjust \n Adjustment along x-axis (left-right) of label relative to computed position. Negative values move the label left, positive right. \n \n \n xMax \n Right edge of the box in units along the x axis. \n \n \n xMin \n Left edge of the box in units along the x axis. \n \n \n xScaleID \n ID of the X scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as 'x' axis. If more than one scale has been defined in the chart as 'x' axis, the option is mandatory to select the right scale. \n \n \n xValue \n X coordinate of the point in units along the x axis. \n \n \n yAdjust \n Adjustment along y-axis (top-bottom) of label relative to computed position. Negative values move the label up, positive down. \n \n \n yMax \n Bottom edge of the box in units along the y axis. \n \n \n yMin \n Top edge of the box in units along the y axis. \n \n \n yScaleID \n ID of the Y scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as 'y' axis. If more than one scale has been defined in the chart as 'y' axis, the option is mandatory to select the right scale. \n \n \n yValue \n Y coordinate of the point in units along the y axis. \n \n \n z \n The z property determines the drawing stack level of the label annotation element. All visible elements will be drawn in ascending order of z option, with the same drawTime option. \n Styling \n \n \n \n Name \n Description \n \n \n \n \n backgroundColor \n Fill color. \n \n \n backgroundShadowColor \n The color of shadow. See MDN . \n \n \n borderCapStyle \n Cap style of the border line. See MDN . \n \n \n borderColor \n Stroke color. \n \n \n borderDash \n Length and spacing of dashes. See MDN . \n \n \n borderDashOffset \n Offset for border line dashes. See MDN . \n \n \n borderJoinStyle \n Border line join style. See MDN . \n \n \n borderShadowColor \n The color of the border shadow. See MDN . \n \n \n borderWidth \n Stroke width (in pixels). \n \n \n color \n Text color. When the label to draw has multiple lines, you can use different color for each line of the label. This is enabled configuring an array of colors. When the lines are more than the configured colors, the last configuration of this option is used for all remaining lines. \n \n \n font \n Text font. When the label to draw has multiple lines, you can use different font for each line of the label. This is enabled configuring an array of fonts. When the lines are more than the configured fonts, the last configuration of this option is used for all remaining lines. \n \n \n opacity \n Overrides the opacity of the image or canvas element. Could be set a number in the range 0.0 to 1.0, inclusive. If undefined, uses the opacity of the image or canvas element. It is used only when the content is an image or canvas element. \n \n \n shadowBlur \n The amount of blur applied to shadow of the box where the label is located. See MDN . \n \n \n shadowOffsetX \n The distance that shadow, of the box where the label is located, will be offset horizontally. See MDN . \n \n \n shadowOffsetY \n The distance that shadow, of the box where the label is located, will be offset vertically. See MDN . \n \n \n textStrokeColor \n The color of the stroke around the text. \n \n \n textStrokeWidth \n Stroke width around the text. \n Position \n A position can be set in 2 different values types: \n \n 'start' , 'center' , 'end' which are defining where the label will be located \n a string , in percentage format 'number%' , is representing the percentage on the size where the label will be located \n \n If this value is a string (possible options are 'start' , 'center' , 'end' or a string in percentage format), it is applied to vertical and horizontal position in the box. \n If this value is an object, the x property defines the horizontal alignment in the label, with respect to the selected point. Similarly, the y property defines the vertical alignment in the label, with respect to the selected point. Possible options for both properties are 'start' , 'center' , 'end' , a string in percentage format. Omitted property have value of the default, 'center' . \n borderRadius \n If this value is a number, it is applied to all corners of the rectangle (topLeft, topRight, bottomLeft, bottomRight). If this value is an object, the topLeft property defines the top-left corners border radius. Similarly, the topRight , bottomLeft , and bottomRight properties can also be specified. Omitted corners have radius of 0. \n Callout \n A callout connects the label by a line to the selected point. \n Namespace: options.annotations[annotationID].callout , it defines options for the callout on the annotation label. \n */\nconst options = {\n plugins: {\n annotation: {\n annotations: {\n label1: {\n type: 'label',\n xValue: 2.5,\n yValue: 60,\n xAdjust: 290,\n yAdjust: -100,\n backgroundColor: 'rgba(245,245,245)',\n content: ['In this point of time,', 'something happened'],\n textAlign: 'start',\n font: {\n size: 18\n },\n callout: {\n display: true,\n side: 10\n }\n }\n }\n }\n }\n};\n/* */\n\n/* */\nconst config = {\n type: 'line',\n data: {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\n datasets: [{\n label: 'My First Dataset',\n data: [65, 59, 80, 81, 56, 55, 40],\n fill: false,\n borderColor: 'rgb(75, 192, 192)',\n tension: 0.1\n }]\n },\n options\n};\n/* */\n\nmodule.exports = {\n config\n};\n`\"/> All of these options can be Scriptable . \n \n \n \n Name \n Type \n Default \n Notes \n \n \n \n \n borderCapStyle \n string \n 'butt' \n Cap style of the border line of callout. See MDN . \n \n \n borderColor \n Color \n undefined \n Stroke color of the pointer of the callout. \n \n \n borderDash \n number[] \n [] \n Length and spacing of dashes of callout. See MDN . \n \n \n borderDashOffset \n number \n 0 \n Offset for line dashes of callout. See MDN . \n \n \n borderJoinStyle \n string \n 'miter' \n Border line join style of the callout. See MDN . \n \n \n borderWidth \n number \n 1 \n Stroke width of the pointer of the callout. \n \n \n display \n boolean \n false \n If true, the callout is drawn. \n \n \n margin \n number \n 5 \n Amount of pixels between the label and the callout separator. \n \n \n position \n string \n 'auto' \n The position of callout, with respect to the label. Could be left , top , right , bottom or auto . \n \n \n side \n number \n 5 \n Width of the starter line of callout pointer. \n \n \n start \n number | string \n '50%' \n The percentage of the separator dimension to use as starting point for callout pointer. Could be set in pixel by a number, or in percentage of the separator dimension by a string. \n Element \n The following diagram is showing the element properties about a 'label' annotation: \n \n"},{title:"Line Annotations",frontmatter:{},regularPath:"/guide/types/line.html",relativePath:"guide/types/line.md",key:"v-37e66462",path:"/guide/types/line.html",headers:[{level:2,title:"Configuration",slug:"configuration"},{level:3,title:"Line annotation specific options",slug:"line-annotation-specific-options"},{level:3,title:"Common options to all annotations",slug:"common-options-to-all-annotations"},{level:3,title:"General",slug:"general"},{level:3,title:"Styling",slug:"styling"},{level:2,title:"Label",slug:"label"},{level:3,title:"borderRadius",slug:"borderradius"},{level:3,title:"Fonts and colors",slug:"fonts-and-colors"},{level:3,title:"Callout",slug:"callout"},{level:2,title:"Arrow heads",slug:"arrow-heads"},{level:3,title:"Arrow head configuration",slug:"arrow-head-configuration"},{level:2,title:"Element",slug:"element"}],lastUpdated:"9/20/2024, 12:39:59 PM",lastUpdatedTimestamp:1726835999e3,content:" Line Annotations \n Line annotations are used to draw lines on the chart area. This can be useful for highlighting information such as a threshold. \n */\nconst options = {\n plugins: {\n annotation: {\n annotations: {\n line1: {\n type: 'line',\n yMin: 60,\n yMax: 60,\n borderColor: 'rgb(255, 99, 132)',\n borderWidth: 2,\n }\n }\n }\n }\n};\n/* */\n\n/* */\nconst config = {\n type: 'line',\n data: {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\n datasets: [{\n label: 'My First Dataset',\n data: [65, 59, 80, 81, 56, 55, 40],\n fill: false,\n borderColor: 'rgb(75, 192, 192)',\n tension: 0.1\n }]\n },\n options\n};\n/* */\n\nmodule.exports = {\n config\n};\n`\"/> # Configuration \n Line annotation specific options \n The following options are available for line annotations. \n \n \n \n Name \n Type \n Scriptable \n Default \n \n \n \n \n arrowHeads \n {start: object, end:object} \n Yes \n \n \n \n borderWidth \n number \n Yes \n 2 \n \n \n controlPoint \n number | string | {x: number | string, y: number | string} \n Yes \n {y:'-50%'} \n \n \n curve \n boolean \n Yes \n false \n \n \n endValue \n number \n Yes \n undefined \n \n \n label \n object \n Yes \n \n \n \n scaleID \n string \n Yes \n undefined \n \n \n value \n number \n Yes \n undefined \n Common options to all annotations \n The following options are available for all annotations. \n \n \n \n Name \n Type \n Scriptable \n Default \n \n \n \n \n adjustScaleRange \n boolean \n Yes \n true \n \n \n backgroundColor \n Color \n Yes \n options.color \n \n \n borderColor \n Color \n Yes \n options.color \n \n \n borderDash \n number[] \n Yes \n [] \n \n \n borderDashOffset \n number \n Yes \n 0 \n \n \n borderShadowColor \n Color \n Yes \n 'transparent' \n \n \n display \n boolean \n Yes \n true \n \n \n drawTime \n string | number \n Yes \n 'afterDatasetsDraw' \n \n \n hitTolerance \n number \n Yes \n 0 \n \n \n init \n boolean \n See initial animation \n undefined \n \n \n id \n string \n No \n undefined \n \n \n shadowBlur \n number \n Yes \n 0 \n \n \n shadowOffsetX \n number \n Yes \n 0 \n \n \n shadowOffsetY \n number \n Yes \n 0 \n \n \n xMax \n number | string \n Yes \n undefined \n \n \n xMin \n number | string \n Yes \n undefined \n \n \n xScaleID \n string \n Yes \n undefined \n \n \n yMin \n number | string \n Yes \n undefined \n \n \n yMax \n number | string \n Yes \n undefined \n \n \n yScaleID \n string \n Yes \n undefined \n \n \n z \n number \n Yes \n 0 \n General \n If one of the axes does not match an axis in the chart then the line behaviors are the following, depending on how the line should be drawn: \n \n if scaleID is not resolved, the line will take the entire chart dimension, from the top-left vertex to the bottom-right vertex of the chart \n if xScaleID is not resolved, the line will take the entire chart width \n if yScaleID is not resolved, the line will take the entire chart height \n \n The 2 coordinates, start, end, are optional. If not specified, the line is expanded out to the edges in the respective direction.\nThe 4 coordinates, xMin, xMax, yMin, yMax are optional. If not specified, the line is expanded out to the edges in the respective direction. \n The id identifies a unique id for the annotation and it will be stored in the element context. When the annotations are defined by an object, the id is automatically set using the key used to store the annotations in the object. When the annotations are configured by an array, the id, passed by this option in the annotation, will be used. \n Positioning \n The line can be positioned in two different ways. If scaleID is set, then value and endValue must also be set to indicate the endpoints of the line. The line will be perpendicular to the axis identified by scaleID . \n If scaleID is unset, then xScaleID and yScaleID are used to draw a line from (xMin, yMin) to (xMax, yMax) . \n \n \n \n Name \n Description \n \n \n \n \n adjustScaleRange \n Should the scale range be adjusted if this annotation is out of range. \n \n \n controlPoint \n if curve is enabled, it configures the control point to drawn the curve, calculated in pixels. It can be set by a string in percentage format 'number%' which are representing the percentage of the distance between the start and end point from the center. \n \n \n curve \n Whether or not a quadratic Bézier curve is drawn. \n \n \n display \n Whether or not this annotation is visible. \n \n \n drawTime \n See drawTime . \n \n \n endValue \n End two of the line when a single scale is specified. \n \n \n hitTolerance \n Amount of pixels to interact with annotations within some distance of the mouse point. \n \n \n id \n Identifies a unique id for the annotation and it will be stored in the element context. When the annotations are defined by an object, the id is automatically set using the key used to store the annotations in the object. When the annotations are configured by an array, the id, passed by this option in the annotation, will be used. \n \n \n scaleID \n ID of the scale in single scale mode. If unset, xScaleID and yScaleID are used. \n \n \n value \n End one of the line when a single scale is specified. \n \n \n xMax \n X coordinate of end two of the line in units along the x axis. \n \n \n xMin \n X coordinate of end one of the line in units along the x axis. \n \n \n xScaleID \n ID of the X scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as 'x' axis. If more than one scale has been defined in the chart as 'x' axis, the option is mandatory to select the right scale. \n \n \n yMax \n Y coordinate of end two of the line in units along the y axis. \n \n \n yMin \n Y coordinate of end one of the line in units along the y axis. \n \n \n yScaleID \n ID of the Y scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as 'y' axis. If more than one scale has been defined in the chart as 'y' axis, the option is mandatory to select the right scale. \n \n \n z \n The z property determines the drawing stack level of the line annotation element. All visible elements will be drawn in ascending order of z option, with the same drawTime option. \n Styling \n \n \n \n Name \n Description \n \n \n \n \n borderColor \n Stroke color. \n \n \n borderDash \n Length and spacing of dashes. See MDN . \n \n \n borderDashOffset \n Offset for line dashes. See MDN . \n \n \n borderShadowColor \n The color of shadow. See MDN . \n \n \n borderWidth \n Stroke width. \n \n \n shadowBlur \n The amount of blur applied to shadow. See MDN . \n \n \n shadowOffsetX \n The distance that shadow will be offset horizontally. See MDN . \n \n \n shadowOffsetY \n The distance that shadow will be offset vertically. See MDN . \n Label \n Namespace: options.annotations[annotationID].label , it defines options for the line annotation label. \n All of these options can be Scriptable \n \n \n \n Name \n Type \n Default \n Notes \n \n \n \n \n backgroundColor \n Color \n 'rgba(0,0,0,0.8)' \n Background color of the label container. \n \n \n backgroundShadowColor \n Color \n 'transparent' \n The color of shadow of the box where the label is located. See MDN . \n \n \n borderCapStyle \n string \n 'butt' \n Cap style of the border line. See MDN . \n \n \n borderColor \n Color \n black \n The border line color. \n \n \n borderDash \n number[] \n [] \n Length and spacing of dashes. See MDN . \n \n \n borderDashOffset \n number \n 0 \n Offset for border line dashes. See MDN . \n \n \n borderJoinStyle \n string \n 'miter' \n Border line join style. See MDN . \n \n \n borderRadius \n number | object \n 6 \n Radius of label box corners in pixels. \n \n \n borderShadowColor \n Color \n 'transparent' \n The color of border shadow of the box where the label is located. See MDN . \n \n \n borderWidth \n number \n 0 \n The border line width (in pixels). \n \n \n callout \n object \n \n Can connect the label to the line. See callout . \n \n \n color \n Color | Color[] \n '#fff' \n Text color. \n \n \n content \n string | string[] | Image | HTMLCanvasElement \n null \n The content to show in the label. \n \n \n display \n boolean \n false \n Whether or not the label is shown. \n \n \n drawTime \n string | number \n options.drawTime \n See drawTime . Defaults to the line annotation draw time if unset. \n \n \n font \n Font | Font[] \n { weight: 'bold' } \n Label font. \n \n \n height \n number | string \n undefined \n Overrides the height of the image or canvas element. Could be set in pixel by a number, or in percentage of current height of image or canvas element by a string. If undefined, uses the height of the image or canvas element. It is used only when the content is an image or canvas element. \n \n \n hitTolerance \n number \n undefined \n Amount of pixels to interact with annotations within some distance of the mouse point. \n \n \n opacity \n number \n undefined \n Overrides the opacity of the image or canvas element. Could be set a number in the range 0.0 to 1.0, inclusive. If undefined, uses the opacity of the image or canvas element. It is used only when the content is an image or canvas element. \n \n \n padding \n Padding \n 6 \n The padding to add around the text label. \n \n \n position \n string \n 'center' \n Anchor position of label on line. Possible options are: 'start' , 'center' , 'end' . It can be set by a string in percentage format 'number%' which are representing the percentage on the width of the line where the label will be located. \n \n \n rotation \n number | 'auto' \n 0 \n Rotation of label, in degrees, or 'auto' to use the degrees of the line. \n \n \n shadowBlur \n number \n 0 \n The amount of blur applied to shadow of the box where the label is located. See MDN . \n \n \n shadowOffsetX \n number \n 0 \n The distance that shadow, of the box where the label is located, will be offset horizontally. See MDN . \n \n \n shadowOffsetY \n number \n 0 \n The distance that shadow, of the box where the label is located, will be offset vertically. See MDN . \n \n \n textAlign \n string \n 'center' \n Text alignment of label content when there's more than one line. Possible options are: 'start' , 'center' , 'end' . \n \n \n textStrokeColor \n Color \n undefined \n The color of the stroke around the text. \n \n \n textStrokeWidth \n number \n 0 \n Stroke width around the text. \n \n \n width \n number | string \n undefined \n Overrides the width of the image or canvas element. Could be set in pixel by a number, or in percentage of current width of image or canvas element by a string. If undefined, uses the width of the image or canvas element. It is used only when the content is an image or canvas element. \n \n \n xAdjust \n number \n 0 \n Adjustment along x-axis (left-right) of label relative to computed position. Negative values move the label left, positive right. \n \n \n yAdjust \n number \n 0 \n Adjustment along y-axis (top-bottom) of label relative to computed position. Negative values move the label up, positive down. \n \n \n z \n number \n 0 \n It determines the drawing stack level of the label element, with same drawTime . \n borderRadius \n If this value is a number, it is applied to all corners of the rectangle (topLeft, topRight, bottomLeft, bottomRight). If this value is an object, the topLeft property defines the top-left corners border radius. Similarly, the topRight , bottomLeft , and bottomRight properties can also be specified. Omitted corners have radius of 0. \n Fonts and colors \n When the label to draw has multiple lines, you can use different font and color for each line of the label. This is enabled configuring an array of fonts or colors for those options. When the lines are more than the configured fonts of colors, the last configuration of those options is used for all remaining lines. \n Callout \n A callout can connect the label to the line when the label is arbitrarily (by xAdjust and yAdjust options) moved from its original position. \n Namespace: options.annotations[annotationID].label.callout , it defines options for the callout on the label of the line annotation. \n All of these options can be Scriptable . \n \n \n \n Name \n Type \n Default \n Notes \n \n \n \n \n borderCapStyle \n string \n 'butt' \n Cap style of the border line of callout. See MDN . \n \n \n borderColor \n Color \n undefined \n Stroke color of the pointer of the callout. \n \n \n borderDash \n number[] \n [] \n Length and spacing of dashes of callout. See MDN . \n \n \n borderDashOffset \n number \n 0 \n Offset for line dashes of callout. See MDN . \n \n \n borderJoinStyle \n string \n 'miter' \n Border line join style of the callout. See MDN . \n \n \n borderWidth \n number \n 1 \n Stroke width of the pointer of the callout. \n \n \n display \n boolean \n false \n If true, the callout is drawn. \n \n \n margin \n number \n 5 \n Amount of pixels between the label and the callout separator. \n \n \n position \n string \n 'auto' \n The position of callout, with respect to the label. Could be left , top , right , bottom or auto . \n \n \n side \n number \n 5 \n Width of the starter line of callout pointer. \n \n \n start \n number | string \n '50%' \n The percentage of the separator dimension to use as starting point for callout pointer. Could be set in pixel by a number, or in percentage of the separator dimension by a string. \n Arrow heads \n Namespace: options.annotations[annotationID].arrowHeads , it defines options for the line annotation arrow heads. \n All of these options can be Scriptable \n \n \n \n Name \n Type \n Notes \n \n \n \n \n end \n object \n To configure the arrow head at the end of the line. \n \n \n start \n object \n To configure the arrow head at the start of the line. \n Arrow head configuration \n Enabling it, you can add arrow heads at start and/or end of a line. It uses the borderWidth of the line options to configure the line width of the arrow head. \n The following options can be specified per ( start and/or end ) arrow head, or at the top level ( arrowHeads ) which apply to all arrow heads. \n All of these options can be Scriptable \n \n \n \n Name \n Type \n Default \n Notes \n \n \n \n \n backgroundColor \n Color \n lineAnnotation.borderColor \n Background color of the arrow head. \n \n \n backgroundShadowColor \n Color \n 'transparent' \n The color of shadow of the arrow head. See MDN . \n \n \n borderColor \n Color \n lineAnnotation.borderColor \n The border arrow head color. \n \n \n borderDash \n number[] \n lineAnnotation.borderDash \n Length and spacing of dashes. See MDN . \n \n \n borderDashOffset \n number \n lineAnnotation.borderDashOffset \n Offset for border arrow head dashes. See MDN . \n \n \n borderShadowColor \n Color \n lineAnnotation.borderShadowColor \n The color of border shadow of the arrow head. See MDN . \n \n \n borderWidth \n number \n lineAnnotation.borderWidth \n The border line width (in pixels). \n \n \n display \n boolean \n false \n Whether or not the arrow head is shown. \n \n \n fill \n boolean \n false \n Whether or not the arrow head is filled. \n \n \n length \n number \n 12 \n The length of the arrow head in pixels. \n \n \n shadowBlur \n number \n lineAnnotation.shadowBlur \n The amount of blur applied to shadow of the arrow head. See MDN . \n \n \n shadowOffsetX \n number \n lineAnnotation.shadowOffsetX \n The distance that shadow, of the arrow head, will be offset horizontally. See MDN . \n \n \n shadowOffsetY \n number \n lineAnnotation.shadowOffsetY \n The distance that shadow, of the arrow head, will be offset vertically. See MDN . \n \n \n width \n number \n 6 \n The width of the arrow head in pixels. \n Element \n The following diagram is showing the element properties about a 'line' annotation: \n \n The label of a box annotation is described as a label annotation and accessible by element.label . \n"},{title:"Point Annotations",frontmatter:{},regularPath:"/guide/types/point.html",relativePath:"guide/types/point.md",key:"v-90c1ce06",path:"/guide/types/point.html",headers:[{level:2,title:"Configuration",slug:"configuration"},{level:3,title:"Point annotation specific options",slug:"point-annotation-specific-options"},{level:3,title:"Common options to all annotations",slug:"common-options-to-all-annotations"},{level:3,title:"General",slug:"general"},{level:3,title:"Styling",slug:"styling"},{level:2,title:"Element",slug:"element"}],lastUpdated:"9/20/2024, 12:39:59 PM",lastUpdatedTimestamp:1726835999e3,content:" Point Annotations \n Point annotations are used to mark points on the chart area. This can be useful for highlighting values that are of interest. \n */\nconst options = {\n plugins: {\n annotation: {\n annotations: {\n point1: {\n type: 'point',\n xValue: 1,\n yValue: 60,\n backgroundColor: 'rgba(255, 99, 132, 0.25)'\n }\n }\n }\n }\n};\n/* */\n\n/* */\nconst config = {\n type: 'line',\n data: {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\n datasets: [{\n label: 'My First Dataset',\n data: [65, 59, 80, 81, 56, 55, 40],\n fill: false,\n borderColor: 'rgb(75, 192, 192)',\n tension: 0.1\n }]\n },\n options\n};\n/* */\n\nmodule.exports = {\n config\n};\n`\"/> # Configuration \n Point annotation specific options \n The following options are available for point annotations. \n \n \n \n Name \n Type \n Scriptable \n Default \n \n \n \n \n backgroundShadowColor \n Color \n Yes \n 'transparent' \n \n \n borderWidth \n number \n Yes \n 1 \n \n \n pointStyle \n PointStyle \n Yes \n 'circle' \n \n \n radius \n number \n Yes \n 10 \n \n \n rotation \n number \n Yes \n 0 \n \n \n xAdjust \n number \n Yes \n 0 \n \n \n xValue \n number | string \n Yes \n undefined \n \n \n yAdjust \n number \n Yes \n 0 \n \n \n yValue \n number | string \n Yes \n undefined \n Common options to all annotations \n The following options are available for all annotations. \n \n \n \n Name \n Type \n Scriptable \n Default \n \n \n \n \n adjustScaleRange \n boolean \n Yes \n true \n \n \n backgroundColor \n Color \n Yes \n options.color \n \n \n borderColor \n Color \n Yes \n options.color \n \n \n borderDash \n number[] \n Yes \n [] \n \n \n borderDashOffset \n number \n Yes \n 0 \n \n \n borderShadowColor \n Color \n Yes \n 'transparent' \n \n \n display \n boolean \n Yes \n true \n \n \n drawTime \n string | number \n Yes \n 'afterDatasetsDraw' \n \n \n hitTolerance \n number \n Yes \n 0 \n \n \n init \n boolean \n See initial animation \n undefined \n \n \n id \n string \n No \n undefined \n \n \n shadowBlur \n number \n Yes \n 0 \n \n \n shadowOffsetX \n number \n Yes \n 0 \n \n \n shadowOffsetY \n number \n Yes \n 0 \n \n \n xMax \n number | string \n Yes \n undefined \n \n \n xMin \n number | string \n Yes \n undefined \n \n \n xScaleID \n string \n Yes \n undefined \n \n \n yMin \n number | string \n Yes \n undefined \n \n \n yMax \n number | string \n Yes \n undefined \n \n \n yScaleID \n string \n Yes \n undefined \n \n \n z \n number \n Yes \n 0 \n General \n If one of the axes does not match an axis in the chart, the point annotation will take the center of the chart as point. The 2 coordinates, xValue, yValue are optional. If not specified, the point annotation will take the center of the scale dimension as point. \n The 4 coordinates, xMin, xMax, yMin, yMax are optional. If not specified, the box is expanded out to the edges in the respective direction and the box size is used to calculated the center of the point. To enable to use the box positioning, the radius must be set to 0 or NaN . \n \n \n \n Name \n Description \n \n \n \n \n adjustScaleRange \n Should the scale range be adjusted if this annotation is out of range. \n \n \n display \n Whether or not this annotation is visible. \n \n \n drawTime \n See drawTime . \n \n \n hitTolerance \n Amount of pixels to interact with annotations within some distance of the mouse point. \n \n \n id \n Identifies a unique id for the annotation and it will be stored in the element context. When the annotations are defined by an object, the id is automatically set using the key used to store the annotations in the object. When the annotations are configured by an array, the id, passed by this option in the annotation, will be used. \n \n \n radius \n Size of the point in pixels. \n \n \n rotation \n Rotation of point, in degrees. \n \n \n xAdjust \n Adjustment along x-axis (left-right) of point relative to computed position. Negative values move the point left, positive right. \n \n \n xMax \n Right edge of the box in units along the x axis. \n \n \n xMin \n Left edge of the box in units along the x axis. \n \n \n xScaleID \n ID of the X scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as 'x' axis. If more than one scale has been defined in the chart as 'x' axis, the option is mandatory to select the right scale. \n \n \n xValue \n X coordinate of the point in units along the x axis. \n \n \n yAdjust \n Adjustment along y-axis (top-bottom) of point relative to computed position. Negative values move the point up, positive down. \n \n \n yMax \n Bottom edge of the box in units along the y axis. \n \n \n yMin \n Top edge of the box in units along the y axis. \n \n \n yScaleID \n ID of the Y scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as 'y' axis. If more than one scale has been defined in the chart as 'y' axis, the option is mandatory to select the right scale. \n \n \n yValue \n Y coordinate of the point in units along the y axis. \n \n \n z \n The z property determines the drawing stack level of the point annotation element. All visible elements will be drawn in ascending order of z option, with the same drawTime option. \n Styling \n \n \n \n Name \n Description \n \n \n \n \n backgroundColor \n Fill color. \n \n \n backgroundShadowColor \n The color of shadow. See MDN . \n \n \n borderColor \n Stroke color. \n \n \n borderDash \n Length and spacing of dashes. See MDN . \n \n \n borderDashOffset \n Offset for line dashes. See MDN . \n \n \n borderShadowColor \n The color of border shadow. See MDN . \n \n \n borderWidth \n Stroke width. \n \n \n pointStyle \n Style of the point. \n \n \n shadowBlur \n The amount of blur applied to shadow. See MDN . \n \n \n shadowOffsetX \n The distance that shadow will be offset horizontally. See MDN . \n \n \n shadowOffsetY \n The distance that shadow will be offset vertically. See MDN . \n Element \n The following diagram is showing the element properties about a 'point' annotation: \n \n"},{title:"Polygon Annotations",frontmatter:{},regularPath:"/guide/types/polygon.html",relativePath:"guide/types/polygon.md",key:"v-33db82fd",path:"/guide/types/polygon.html",headers:[{level:2,title:"Configuration",slug:"configuration"},{level:3,title:"Polygon annotation specific options",slug:"polygon-annotation-specific-options"},{level:3,title:"Common options to all annotations",slug:"common-options-to-all-annotations"},{level:3,title:"General",slug:"general"},{level:3,title:"Styling",slug:"styling"},{level:3,title:"Point",slug:"point"},{level:2,title:"Element",slug:"element"}],lastUpdated:"9/20/2024, 12:39:59 PM",lastUpdatedTimestamp:1726835999e3,content:" Polygon Annotations \n Polygon annotations are used to mark whatever polygon (for instance triangle, square or pentagon) on the chart area. This can be useful for highlighting values that are of interest. \n */\nconst options = {\n plugins: {\n annotation: {\n annotations: {\n pentagon: {\n type: 'polygon',\n xValue: 1,\n yValue: 60,\n sides: 5,\n radius: 60,\n backgroundColor: 'rgba(255, 99, 132, 0.25)'\n }\n }\n }\n }\n};\n/* */\n\n/* */\nconst config = {\n type: 'line',\n data: {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\n datasets: [{\n label: 'My First Dataset',\n data: [65, 59, 80, 81, 56, 55, 40],\n fill: false,\n borderColor: 'rgb(75, 192, 192)',\n tension: 0.1\n }]\n },\n options\n};\n/* */\n\nmodule.exports = {\n config\n};\n`\"/> # Configuration \n Polygon annotation specific options \n The following options are available for polygon annotations. \n \n \n \n Name \n Type \n Scriptable \n Default \n \n \n \n \n backgroundShadowColor \n Color \n Yes \n 'transparent' \n \n \n borderCapStyle \n string \n Yes \n 'butt' \n \n \n borderJoinStyle \n string \n Yes \n 'miter' \n \n \n borderWidth \n number \n Yes \n 1 \n \n \n point \n object \n Yes \n {radius: 0} \n \n \n radius \n number \n Yes \n 10 \n \n \n rotation \n number \n Yes \n 0 \n \n \n sides \n number \n Yes \n 3 \n \n \n xAdjust \n number \n Yes \n 0 \n \n \n xValue \n number | string \n Yes \n undefined \n \n \n yAdjust \n number \n Yes \n 0 \n \n \n yValue \n number | string \n Yes \n undefined \n Common options to all annotations \n The following options are available for all annotations. \n \n \n \n Name \n Type \n Scriptable \n Default \n \n \n \n \n adjustScaleRange \n boolean \n Yes \n true \n \n \n backgroundColor \n Color \n Yes \n options.color \n \n \n borderColor \n Color \n Yes \n options.color \n \n \n borderDash \n number[] \n Yes \n [] \n \n \n borderDashOffset \n number \n Yes \n 0 \n \n \n borderShadowColor \n Color \n Yes \n 'transparent' \n \n \n display \n boolean \n Yes \n true \n \n \n drawTime \n string | number \n Yes \n 'afterDatasetsDraw' \n \n \n hitTolerance \n number \n Yes \n 0 \n \n \n init \n boolean \n See initial animation \n undefined \n \n \n id \n string \n No \n undefined \n \n \n shadowBlur \n number \n Yes \n 0 \n \n \n shadowOffsetX \n number \n Yes \n 0 \n \n \n shadowOffsetY \n number \n Yes \n 0 \n \n \n xMax \n number | string \n Yes \n undefined \n \n \n xMin \n number | string \n Yes \n undefined \n \n \n xScaleID \n string \n Yes \n undefined \n \n \n yMin \n number | string \n Yes \n undefined \n \n \n yMax \n number | string \n Yes \n undefined \n \n \n yScaleID \n string \n Yes \n undefined \n \n \n z \n number \n Yes \n 0 \n General \n If one of the axes does not match an axis in the chart, the polygon annotation will take the center of the chart as point. The 2 coordinates, xValue, yValue are optional. If not specified, the polygon annotation will take the center of the scale dimension. \n The 4 coordinates, xMin, xMax, yMin, yMax are optional. If not specified, the box is expanded out to the edges in the respective direction and the box size is used to calculated the center of the point. To enable to use the box positioning, the radius must be set to 0 or NaN . \n \n \n \n Name \n Description \n \n \n \n \n adjustScaleRange \n Should the scale range be adjusted if this annotation is out of range. \n \n \n display \n Whether or not this annotation is visible. \n \n \n drawTime \n See drawTime . \n \n \n hitTolerance \n Amount of pixels to interact with annotations within some distance of the mouse point. \n \n \n id \n Identifies a unique id for the annotation and it will be stored in the element context. When the annotations are defined by an object, the id is automatically set using the key used to store the annotations in the object. When the annotations are configured by an array, the id, passed by this option in the annotation, will be used. \n \n \n radius \n Size of the polygon in pixels. \n \n \n rotation \n Rotation of polygon, in degrees. \n \n \n sides \n Amount of sides of polygon. \n \n \n xAdjust \n Adjustment along x-axis (left-right) of polygon relative to computed position. Negative values move the polygon left, positive right. \n \n \n xMax \n Right edge of the box in units along the x axis. \n \n \n xMin \n Left edge of the box in units along the x axis. \n \n \n xScaleID \n ID of the X scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as 'x' axis. If more than one scale has been defined in the chart as 'x' axis, the option is mandatory to select the right scale. \n \n \n xValue \n X coordinate of the polygon in units along the x axis. \n \n \n yAdjust \n Adjustment along y-axis (top-bottom) of polygon relative to computed position. Negative values move the polygon up, positive down. \n \n \n yMax \n Bottom edge of the box in units along the y axis. \n \n \n yMin \n Top edge of the box in units along the y axis. \n \n \n yScaleID \n ID of the Y scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as 'y' axis. If more than one scale has been defined in the chart as 'y' axis, the option is mandatory to select the right scale. \n \n \n yValue \n Y coordinate of the polygon in units along the y axis. \n \n \n z \n The z property determines the drawing stack level of the polygon annotation element. All visible elements will be drawn in ascending order of z option, with the same drawTime option. \n Styling \n \n \n \n Name \n Description \n \n \n \n \n backgroundColor \n Fill color. \n \n \n backgroundShadowColor \n The color of shadow. See MDN . \n \n \n borderColor \n Stroke color. \n \n \n borderCapStyle \n Cap style of the border of polygon. See MDN . \n \n \n borderDash \n Length and spacing of dashes. See MDN . \n \n \n borderDashOffset \n Offset for line dashes. See MDN . \n \n \n borderJoinStyle \n Border line join style. See MDN . \n \n \n borderShadowColor \n The color of the border shadow. See MDN . \n \n \n borderWidth \n Stroke width. \n \n \n shadowBlur \n The amount of blur applied to shadow. See MDN . \n \n \n shadowOffsetX \n The distance that shadow will be offset horizontally. See MDN . \n \n \n shadowOffsetY \n The distance that shadow will be offset vertically. See MDN . \n Point \n Polygon consists of points. These points are actually Point Annotations and all of the styling options can be configured. General options affecting the location of the point are ignored. \n Namespace: options.annotations[annotationID].point , it defines options for the callout on the annotation label. \n */\nconst options = {\n plugins: {\n annotation: {\n annotations: {\n pentagon: {\n type: 'polygon',\n xValue: 1,\n yValue: 60,\n sides: 4,\n radius: 60,\n backgroundColor: 'rgba(255, 99, 132, 0.25)',\n point: {\n radius: 10,\n borderWidth: 2,\n borderColor: '#666',\n backgroundColor: 'rgba(99, 132, 255, 0.25)',\n }\n }\n }\n }\n }\n};\n/* */\n\n/* */\nconst config = {\n type: 'line',\n data: {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\n datasets: [{\n label: 'My First Dataset',\n data: [65, 59, 80, 81, 56, 55, 40],\n fill: false,\n borderColor: 'rgb(75, 192, 192)',\n tension: 0.1\n }]\n },\n options\n};\n/* */\n\nmodule.exports = {\n config\n};\n`\"/> # Element \n The following diagram is showing the element properties about a 'polygon' annotation: \n \n"},{title:"Usage",frontmatter:{},regularPath:"/guide/usage.html",relativePath:"guide/usage.md",key:"v-942110c6",path:"/guide/usage.html",lastUpdated:"9/20/2024, 12:39:59 PM",lastUpdatedTimestamp:1726835999e3,content:" Usage \n Using the annotation plugin is very simple. Once the plugin is registered annotation options provided to the chart will be used. In this simple example, we define a single box annotation for our chart. \n */\nconst config = {\n type: 'line',\n data: {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\n datasets: [{\n label: 'My First Dataset',\n data: [65, 59, 80, 81, 56, 55, 40],\n fill: false,\n borderColor: 'rgb(75, 192, 192)',\n tension: 0.1\n }]\n },\n options: {\n plugins: {\n annotation: {\n annotations: {\n box1: {\n // Indicates the type of annotation\n type: 'box',\n xMin: 1,\n xMax: 2,\n yMin: 50,\n yMax: 70,\n backgroundColor: 'rgba(255, 99, 132, 0.25)'\n }\n }\n }\n }\n }\n};\n/* */\n\nmodule.exports = {\n config\n};\n`\"/>"},{title:"Home",frontmatter:{home:!0,heroImage:"/hero.svg",actionText:"Get Started →",actionLink:"/guide/",footer:"MIT Licensed | Copyright © 2016-2023 chartjs-plugin-annotation contributors"},regularPath:"/",relativePath:"index.md",key:"v-ebb19754",path:"/",lastUpdated:"9/20/2024, 12:39:59 PM",lastUpdatedTimestamp:1726835999e3,content:""},{title:"Basic",frontmatter:{},regularPath:"/samples/box/basic.html",relativePath:"samples/box/basic.md",key:"v-54f14cdd",path:"/samples/box/basic.html",lastUpdated:"9/20/2024, 12:39:59 PM",lastUpdatedTimestamp:1726835999e3,content:" Basic \n \nconst DATA_COUNT = 8;\nconst MIN = [0, 50];\nconst MAX = [50, 100];\n\nUtils.srand(8);\n\nconst data = {\n datasets: [{\n data: Utils.points({count: DATA_COUNT, min: MIN[0], max: MAX[0]})\n }, {\n data: Utils.points({count: DATA_COUNT, min: MIN[1], max: MAX[1]})\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'box',\n backgroundColor: 'rgba(0, 150, 0, 0.02)',\n borderColor: 'rgba(0, 150, 0, 0.2)',\n borderRadius: 4,\n borderWidth: 1,\n xMax: (ctx) => max(ctx, 0, 'x') + 2,\n xMin: (ctx) => min(ctx, 0, 'x') - 2,\n yMax: (ctx) => max(ctx, 0, 'y') + 2,\n yMin: (ctx) => min(ctx, 0, 'y') - 2\n};\n// \n\n// \nconst annotation2 = {\n type: 'box',\n backgroundColor: 'rgba(150, 0, 0, 0.02)',\n borderColor: 'rgba(150, 0, 0, 0.2)',\n borderRadius: 4,\n borderWidth: 1,\n xMax: (ctx) => max(ctx, 1, 'x') + 2,\n xMin: (ctx) => min(ctx, 1, 'x') - 2,\n yMax: (ctx) => max(ctx, 1, 'y') + 2,\n yMin: (ctx) => min(ctx, 1, 'y') - 2\n};\n// \n\n/* */\nconst config = {\n type: 'scatter',\n data,\n options: {\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction min(ctx, datasetIndex, prop) {\n const dataset = ctx.chart.data.datasets[datasetIndex];\n return dataset.data.reduce((v, point) => Math.min(point[prop], v), Infinity);\n}\n\nfunction max(ctx, datasetIndex, prop) {\n const dataset = ctx.chart.data.datasets[datasetIndex];\n return dataset.data.reduce((v, point) => Math.max(point[prop], v), -Infinity);\n}\n\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.forEach(p => {\n p.x = Utils.rand(MIN[i], MAX[i]);\n p.y = Utils.rand(MIN[i], MAX[i]);\n });\n });\n chart.update();\n }\n },\n {\n name: 'Add data',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.push({x: Utils.rand(MIN[i], MAX[i]), y: Utils.rand(MIN[i], MAX[i])});\n });\n chart.update();\n }\n },\n {\n name: 'Remove data',\n handler: function(chart) {\n chart.data.labels.shift();\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.shift();\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Using canvas as labels",frontmatter:{},regularPath:"/samples/box/canvas.html",relativePath:"samples/box/canvas.md",key:"v-43e4cf76",path:"/samples/box/canvas.html",lastUpdated:"9/20/2024, 12:39:59 PM",lastUpdatedTimestamp:1726835999e3,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:"Disclosure",frontmatter:{},regularPath:"/samples/box/disclosure.html",relativePath:"samples/box/disclosure.md",key:"v-366650ca",path:"/samples/box/disclosure.html",lastUpdated:"9/20/2024, 12:39:59 PM",lastUpdatedTimestamp:1726835999e3,content:" Disclosure \n \nconst DATA_COUNT = 12;\nconst MIN = 10;\nconst MAX = 100;\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation = {\n type: 'box',\n backgroundColor: 'transparent',\n borderWidth: 0,\n label: {\n drawTime: 'afterDatasetsDraw',\n display: true,\n color: 'rgba(208, 208, 208, 0.2)',\n content: 'Draft',\n font: {\n size: (ctx) => ctx.chart.chartArea.height / 1.5\n },\n position: 'center'\n }\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n plugins: {\n annotation: {\n annotations: {\n annotation\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Magic quadrant",frontmatter:{},regularPath:"/samples/box/gradient.html",relativePath:"samples/box/gradient.md",key:"v-fac884d6",path:"/samples/box/gradient.html",lastUpdated:"9/20/2024, 12:39:59 PM",lastUpdatedTimestamp:1726835999e3,content:" Magic quadrant \n \nconst META = [[\n {color: 'rgb(255, 174, 201)', backgroundColor: 'rgba(255, 174, 201, 0.5)', label: 'Niche players'},\n {color: 'rgb(159, 168, 218)', backgroundColor: 'rgba(159, 168, 218, 0.5)', label: 'Visionaries'},\n], [\n {color: 'rgb(255, 245, 157)', backgroundColor: 'rgba(255, 245, 157, 0.5)', label: 'Challengers'},\n {color: 'rgb(165, 214, 167)', backgroundColor: 'rgba(165, 214, 167, 0.5)', label: 'Leaders'},\n]];\nconst DATA_COUNT = 12;\nconst MIN = 0.5;\nconst MAX = 9.5;\n\nconst data = {\n datasets: [{\n data: randomize(),\n pointRadius: 8\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'box',\n backgroundColor: (ctx) => gradient(ctx, META[1][0].backgroundColor),\n xMax: 5,\n yMin: 5,\n label: {\n content: META[1][0].label,\n position: {\n x: 'start',\n y: 'start'\n }\n }\n};\n// \n\n// \nconst annotation2 = {\n type: 'box',\n backgroundColor: (ctx) => gradient(ctx, META[1][1].backgroundColor, true),\n xMin: 5,\n yMin: 5,\n label: {\n content: META[1][1].label,\n position: {\n x: 'end',\n y: 'start'\n }\n }\n};\n// \n\n// \nconst annotation3 = {\n type: 'box',\n backgroundColor: (ctx) => gradient(ctx, META[0][0].backgroundColor),\n xMax: 5,\n yMax: 5,\n label: {\n content: META[0][0].label,\n position: {\n x: 'start',\n y: 'end'\n }\n }\n};\n// \n\n// \nconst annotation4 = {\n type: 'box',\n backgroundColor: (ctx) => gradient(ctx, META[0][1].backgroundColor, true),\n xMin: 5,\n yMax: 5,\n label: {\n content: META[0][1].label,\n position: {\n x: 'end',\n y: 'end'\n }\n }\n};\n// \n\n// \nfunction randomize() {\n const xValues = Utils.numbers({count: DATA_COUNT, min: MIN, max: MAX});\n const yValues = Utils.numbers({count: DATA_COUNT, min: MIN, max: MAX});\n const values = [];\n for (let i = 0; i \n\n/* */\nconst config = {\n type: 'scatter',\n data,\n options: {\n layout: {\n padding: {\n top: 12\n }\n },\n elements: {\n boxAnnotation: {\n borderWidth: 0,\n label: {\n drawTime: 'beforeDatasetsDraw',\n display: true,\n font: {\n size: 20\n }\n }\n }\n },\n scales: {\n x: {\n beginAtZero: true,\n max: 10,\n min: 0,\n grid: {\n drawTicks: false,\n color: gridColor\n },\n ticks: {\n display: false\n },\n title: {\n display: true,\n text: 'Completeness of vision',\n padding: 10,\n font: {\n size: 20,\n weight: 'bold'\n }\n }\n },\n y: {\n display: true,\n beginAtZero: true,\n max: 10,\n min: 0,\n grid: {\n drawTicks: false,\n color: gridColor\n },\n ticks: {\n display: false\n },\n title: {\n display: true,\n text: 'Ability to execute',\n padding: 10,\n font: {\n size: 20,\n weight: 'bold'\n }\n }\n }\n },\n plugins: {\n annotation: {\n common: {\n drawTime: 'beforeDraw'\n },\n annotations: {\n annotation1,\n annotation2,\n annotation3,\n annotation4\n }\n },\n tooltip: {\n mode: 'nearest',\n intersect: true,\n usePointStyle: true,\n footerAlign: 'right',\n footerColor: 'lightGray',\n footerMarginTop: 10,\n callbacks: {\n title: (items) => items[0].raw.co,\n labelColor({raw}) {\n const x = raw.x > 5 ? 1 : 0;\n const y = raw.y > 5 ? 1 : 0;\n return {\n borderColor: META[y][x].color,\n backgroundColor: META[y][x].backgroundColor,\n borderWidth: 3\n };\n },\n label({raw}) {\n const x = raw.x > 5 ? 1 : 0;\n const y = raw.y > 5 ? 1 : 0;\n return META[y][x].label;\n },\n footer(items) {\n const {raw} = items[0];\n return ['Completeness of vision: ' + raw.x.toFixed(2), 'Ability to execute: ' + raw.y.toFixed(2)];\n }\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n const values = randomize();\n dataset.data.forEach((p, idx) => {\n const v = values[idx];\n p.x = v.x;\n p.y = v.y;\n p.co = v.co;\n });\n });\n chart.update();\n }\n },\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Using images as labels",frontmatter:{},regularPath:"/samples/box/image.html",relativePath:"samples/box/image.md",key:"v-f46f9a86",path:"/samples/box/image.html",lastUpdated:"9/20/2024, 12:39:59 PM",lastUpdatedTimestamp:1726835999e3,content:" Using images as labels \n \nconst DATA_COUNT = 12;\nconst MIN = 10;\nconst MAX = 100;\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation = {\n type: 'box',\n backgroundColor: 'rgba(0, 0, 0, 0.2)',\n borderWidth: 1,\n borderColor: '#F27173',\n yMin: 30,\n yMax: 80,\n xMax: 2,\n xMin: 5,\n label: {\n display: true,\n content: Utils.getImage(),\n width: 150,\n height: 150,\n position: 'center'\n }\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n y: {\n beginAtZero: true\n }\n },\n plugins: {\n annotation: {\n annotations: {\n annotation\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config\n};\n`\"/>"},{title:"Initial animations",frontmatter:{},regularPath:"/samples/box/initAnim.html",relativePath:"samples/box/initAnim.md",key:"v-b3a5649a",path:"/samples/box/initAnim.html",lastUpdated:"9/20/2024, 12:39:59 PM",lastUpdatedTimestamp:1726835999e3,content:" Initial animations \n \nconst DATA_COUNT = 12;\nconst MIN = 10;\nconst MAX = 100;\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'box',\n backgroundColor: 'rgba(0, 150, 0, 0.2)',\n borderColor: 'rgba(0, 150, 0)',\n borderRadius: 4,\n borderWidth: 1,\n init: true,\n label: {\n display: true,\n content: 'Fade'\n },\n xMax: 6.5,\n xMin: 4.5,\n yMax: 60,\n yMin: 40\n};\n// \n\n// \nconst annotation2 = {\n type: 'box',\n backgroundColor: 'rgba(0, 150, 0, 0.2)',\n borderColor: 'rgba(0, 150, 0)',\n borderRadius: 4,\n borderWidth: 1,\n init: () => ({y: 0, y2: 0}),\n label: {\n display: true,\n content: 'Flyin from top'\n },\n xMax: 2.5,\n xMin: 0.5,\n yMax: 30,\n yMin: 10\n};\n// \n\n// \nconst annotation3 = {\n type: 'box',\n backgroundColor: 'rgba(0, 150, 0, 0.2)',\n borderColor: 'rgba(0, 150, 0)',\n borderRadius: 4,\n borderWidth: 1,\n init: () => ({x: 0, x2: 0}),\n label: {\n display: true,\n content: 'Flyin from left'\n },\n xMax: 10.5,\n xMin: 8.5,\n yMax: 90,\n yMin: 70\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n y: {\n beginAtZero: true,\n max: 100,\n min: 0\n }\n },\n plugins: {\n annotation: {\n common: {\n drawTime: 'afterDraw'\n },\n annotations: {\n annotation1,\n annotation2,\n annotation3\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Yearly quarters",frontmatter:{},regularPath:"/samples/box/quarters.html",relativePath:"samples/box/quarters.md",key:"v-a827b1b2",path:"/samples/box/quarters.html",lastUpdated:"9/20/2024, 12:39:59 PM",lastUpdatedTimestamp:1726835999e3,content:" Yearly quarters \n \nconst DATA_COUNT = 12;\nconst MIN = 10;\nconst MAX = 100;\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'box',\n backgroundColor: 'rgba(255, 245, 157, 0.2)',\n borderWidth: 0,\n xMax: 2.5,\n xMin: -0.5,\n label: {\n drawTime: 'afterDraw',\n display: true,\n content: 'First quarter',\n position: {\n x: 'center',\n y: 'start'\n }\n }\n};\n// \n\n// \nconst annotation2 = {\n type: 'box',\n backgroundColor: 'rgba(188, 170, 164, 0.2)',\n borderWidth: 0,\n xMax: 5.5,\n xMin: 2.5,\n label: {\n drawTime: 'afterDraw',\n display: true,\n content: 'Second quarter',\n position: {\n x: 'center',\n y: 'start'\n }\n }\n};\n// \n\n// \nconst annotation3 = {\n type: 'box',\n backgroundColor: 'rgba(165, 214, 167, 0.2)',\n borderWidth: 0,\n xMax: 8.5,\n xMin: 5.5,\n label: {\n drawTime: 'afterDraw',\n display: true,\n content: 'Third quarter',\n position: {\n x: 'center',\n y: 'start'\n }\n }\n};\n// \n\n// \nconst annotation4 = {\n type: 'box',\n backgroundColor: 'rgba(159, 168, 218, 0.2)',\n borderWidth: 0,\n xMin: 8.5,\n label: {\n drawTime: 'afterDraw',\n display: true,\n content: 'Fourth quarter',\n position: {\n x: 'center',\n y: 'start'\n }\n }\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n y: {\n beginAtZero: true,\n max: 120,\n min: 0\n }\n },\n plugins: {\n annotation: {\n common: {\n drawTime: 'beforeDraw'\n },\n annotations: {\n annotation1,\n annotation2,\n annotation3,\n annotation4\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Bar Chart",frontmatter:{},regularPath:"/samples/charts/bar.html",relativePath:"samples/charts/bar.md",key:"v-f0a8046a",path:"/samples/charts/bar.html",lastUpdated:"9/20/2024, 12:39:59 PM",lastUpdatedTimestamp:1726835999e3,content:" Bar Chart \n \nconst DATA_COUNT = 8;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(8);\n\nconst labels = [];\nfor (let i = 0; i \n\n// \nconst annotation1 = {\n type: 'line',\n scaleID: 'x',\n borderWidth: 3,\n borderColor: 'black',\n value: 0.5,\n label: {\n content: 'Line annotation at x=0.5',\n display: true\n },\n};\n// \n\n// \nconst annotation2 = {\n type: 'line',\n scaleID: 'x',\n borderWidth: 3,\n borderColor: 'black',\n value: 'Label 5',\n label: {\n rotation: 'auto',\n position: 'start',\n backgroundColor: 'black',\n content: 'Line at x=Label 5',\n display: true\n }\n};\n// \n\n// \nconst annotation3 = {\n type: 'box',\n xMin: 2.5,\n xMax: 3.5,\n yMin: 0,\n yMax: 100,\n backgroundColor: 'rgba(250, 250, 0, 0.4)',\n borderColor: 'rgba(0, 150, 0, 0.2)',\n drawTime: 'beforeDatasetsDraw',\n borderWidth: 0,\n borderRadius: 0,\n};\n// \n\n\n/* */\nconst config = {\n type: 'bar',\n data,\n options: {\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2,\n annotation3\n }\n }\n },\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n\n chart.update();\n }\n },\n {\n name: 'Add data',\n handler: function(chart) {\n chart.data.labels.push('Label ' + chart.data.labels.length);\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.push(Utils.rand(MIN, MAX));\n });\n\n chart.update();\n }\n },\n {\n name: 'Remove data',\n handler: function(chart) {\n chart.data.labels.shift();\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.shift();\n });\n\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Line Chart",frontmatter:{},regularPath:"/samples/charts/line.html",relativePath:"samples/charts/line.md",key:"v-1ac7de46",path:"/samples/charts/line.html",lastUpdated:"9/20/2024, 12:39:59 PM",lastUpdatedTimestamp:1726835999e3,content:" Line Chart \n \nconst DATA_COUNT = 8;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(8);\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: [10, 20, 30, 40, 50, 60, 70, 80],\n datasets: [{\n data: Utils.numbers(numberCfg),\n }, {\n data: Utils.numbers(numberCfg),\n }, {\n data: Utils.numbers(numberCfg),\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'line',\n scaleID: 'x',\n borderWidth: 3,\n borderColor: 'black',\n value: 5,\n label: {\n rotation: 'auto',\n content: 'Line at x=5',\n display: true\n },\n};\n// \n\n// \nconst annotation2 = {\n type: 'line',\n scaleID: 'x',\n borderWidth: 3,\n borderColor: 'black',\n value: 90,\n label: {\n rotation: 'auto',\n position: 'start',\n backgroundColor: 'black',\n content: 'Line at x=90',\n display: true\n }\n};\n// \n\n// \nconst annotation3 = {\n type: 'box',\n xMin: 75,\n xMax: 85,\n yMin: 80,\n yMax: 90,\n backgroundColor: 'rgba(250, 250, 0, 0.4)',\n borderColor: 'rgba(0, 150, 0, 0.2)',\n drawTime: 'beforeDatasetsDraw',\n borderWidth: 0,\n borderRadius: 0,\n};\n// \n\n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n x: {\n type: 'linear',\n bounds: 'data'\n }\n },\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2,\n annotation3\n }\n }\n },\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Zoom out',\n handler: function(chart) {\n chart.scales.x.options.min = 0;\n chart.scales.x.options.max = 100;\n chart.update();\n }\n },\n {\n name: 'Zoom in',\n handler: function(chart) {\n chart.scales.x.options.min = 10;\n chart.scales.x.options.max = 80;\n chart.update();\n }\n },\n {\n name: 'Reset zoom',\n handler: function(chart) {\n chart.scales.x.options.min = undefined;\n chart.scales.x.options.max = undefined;\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Basic",frontmatter:{},regularPath:"/samples/ellipse/basic.html",relativePath:"samples/ellipse/basic.md",key:"v-2215247d",path:"/samples/ellipse/basic.html",lastUpdated:"9/20/2024, 12:39:59 PM",lastUpdatedTimestamp:1726835999e3,content:" Basic \n \nconst DATA_COUNT = 8;\nconst MIN = [0, 50];\nconst MAX = [50, 100];\n\nUtils.srand(8);\n\nconst data = {\n datasets: [{\n data: Utils.points({count: DATA_COUNT, min: MIN[0], max: MAX[0]})\n }, {\n data: Utils.points({count: DATA_COUNT, min: MIN[1], max: MAX[1]})\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'ellipse',\n backgroundColor: 'rgba(0, 150, 0, 0.02)',\n borderColor: 'rgba(0, 150, 0, 0.2)',\n borderWidth: 1,\n xMax: (ctx) => max(ctx, 0, 'x') + 10,\n xMin: (ctx) => min(ctx, 0, 'x') - 10,\n yMax: (ctx) => max(ctx, 0, 'y') + 10,\n yMin: (ctx) => min(ctx, 0, 'y') - 10\n};\n// \n\n// \nconst annotation2 = {\n type: 'ellipse',\n backgroundColor: 'rgba(150, 0, 0, 0.02)',\n borderColor: 'rgba(150, 0, 0, 0.2)',\n borderWidth: 1,\n xMax: (ctx) => max(ctx, 1, 'x') + 10,\n xMin: (ctx) => min(ctx, 1, 'x') - 10,\n yMax: (ctx) => max(ctx, 1, 'y') + 10,\n yMin: (ctx) => min(ctx, 1, 'y') - 10\n};\n// \n\n/* */\nconst config = {\n type: 'scatter',\n data,\n options: {\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction min(ctx, datasetIndex, prop) {\n const dataset = ctx.chart.data.datasets[datasetIndex];\n return dataset.data.reduce((v, point) => Math.min(point[prop], v), Infinity);\n}\n\nfunction max(ctx, datasetIndex, prop) {\n const dataset = ctx.chart.data.datasets[datasetIndex];\n return dataset.data.reduce((v, point) => Math.max(point[prop], v), -Infinity);\n}\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.forEach(p => {\n p.x = Utils.rand(MIN[i], MAX[i]);\n p.y = Utils.rand(MIN[i], MAX[i]);\n });\n });\n chart.update();\n }\n },\n {\n name: 'Add data',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.push({x: Utils.rand(MIN[i], MAX[i]), y: Utils.rand(MIN[i], MAX[i])});\n });\n chart.update();\n }\n },\n {\n name: 'Remove data',\n handler: function(chart) {\n chart.data.labels.shift();\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.shift();\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Labeling",frontmatter:{},regularPath:"/samples/ellipse/label.html",relativePath:"samples/ellipse/label.md",key:"v-475451bd",path:"/samples/ellipse/label.html",lastUpdated:"9/20/2024, 12:39:59 PM",lastUpdatedTimestamp:1726835999e3,content:" Labeling \n \nconst DATA_COUNT = 12;\nconst MIN = 10;\nconst MAX = 100;\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation = {\n type: 'ellipse',\n backgroundColor: 'rgba(208, 208, 208, 0.2)',\n borderWidth: 0,\n label: {\n drawTime: 'afterDatasetsDraw',\n display: true,\n color: 'rgba(208, 208, 208, 0.6)',\n content: 'whole year',\n font: {\n size: (ctx) => ctx.chart.chartArea.height / 4\n },\n position: {\n x: 'center',\n y: 'end'\n }\n }\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n plugins: {\n annotation: {\n annotations: {\n annotation\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Rotation",frontmatter:{},regularPath:"/samples/ellipse/rotation.html",relativePath:"samples/ellipse/rotation.md",key:"v-14c8b49f",path:"/samples/ellipse/rotation.html",lastUpdated:"9/20/2024, 12:39:59 PM",lastUpdatedTimestamp:1726835999e3,content:" Rotation \n \nconst DATA_COUNT = 8;\nconst MIN = [25, 65];\nconst MAX = [35, 75];\n\nUtils.srand(8);\n\nconst data = {\n datasets: [{\n data: Utils.points({count: DATA_COUNT, min: MIN[0], max: MAX[0]})\n }, {\n data: Utils.points({count: DATA_COUNT, min: MIN[1], max: MAX[1]})\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'ellipse',\n backgroundColor: 'rgba(0, 150, 0, 0.02)',\n borderColor: 'rgba(0, 150, 0, 0.2)',\n borderWidth: 1,\n rotation: 90,\n xMax: (ctx) => max(ctx, 0, 'x') + 10,\n xMin: (ctx) => min(ctx, 0, 'x') - 10,\n yMax: (ctx) => max(ctx, 0, 'y') + 10,\n yMin: (ctx) => min(ctx, 0, 'y') - 10\n};\n// \n\n// \nconst annotation2 = {\n type: 'ellipse',\n backgroundColor: 'rgba(150, 0, 0, 0.02)',\n borderColor: 'rgba(150, 0, 0, 0.2)',\n borderWidth: 1,\n rotation: 90,\n xMax: (ctx) => max(ctx, 1, 'x') + 10,\n xMin: (ctx) => min(ctx, 1, 'x') - 10,\n yMax: (ctx) => max(ctx, 1, 'y') + 10,\n yMin: (ctx) => min(ctx, 1, 'y') - 10\n};\n// \n\n/* */\nconst config = {\n type: 'scatter',\n data,\n options: {\n scales: {\n x: {\n beginAtZero: true,\n max: 100,\n min: 0\n },\n y: {\n beginAtZero: true,\n max: 100,\n min: 0\n }\n },\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction min(ctx, datasetIndex, prop) {\n const dataset = ctx.chart.data.datasets[datasetIndex];\n return dataset.data.reduce((v, point) => Math.min(point[prop], v), Infinity);\n}\n\nfunction max(ctx, datasetIndex, prop) {\n const dataset = ctx.chart.data.datasets[datasetIndex];\n return dataset.data.reduce((v, point) => Math.max(point[prop], v), -Infinity);\n}\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.forEach(p => {\n p.x = Utils.rand(MIN[i], MAX[i]);\n p.y = Utils.rand(MIN[i], MAX[i]);\n });\n });\n chart.update();\n }\n },\n {\n name: 'Add data',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.push({x: Utils.rand(MIN[i], MAX[i]), y: Utils.rand(MIN[i], MAX[i])});\n });\n chart.update();\n }\n },\n {\n name: 'Remove data',\n handler: function(chart) {\n chart.data.labels.shift();\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.shift();\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Using images as labels",frontmatter:{},regularPath:"/samples/ellipse/image.html",relativePath:"samples/ellipse/image.md",key:"v-06766846",path:"/samples/ellipse/image.html",lastUpdated:"9/20/2024, 12:39:59 PM",lastUpdatedTimestamp:1726835999e3,content:" Using images as labels \n \nconst DATA_COUNT = 12;\nconst MIN = 10;\nconst MAX = 100;\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation = {\n type: 'ellipse',\n backgroundColor: 'rgba(0, 0, 0, 0.2)',\n borderWidth: 1,\n borderColor: '#F27173',\n yMin: 30,\n yMax: 80,\n xMax: 2,\n xMin: 5,\n label: {\n display: true,\n content: Utils.getImage(),\n width: 150,\n height: 150,\n position: 'center'\n }\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n y: {\n beginAtZero: true\n }\n },\n plugins: {\n annotation: {\n annotations: {\n annotation\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config\n};\n`\"/>"},{title:"Dragging annotations",frontmatter:{},regularPath:"/samples/interaction/dragging.html",relativePath:"samples/interaction/dragging.md",key:"v-de7917b6",path:"/samples/interaction/dragging.html",lastUpdated:"9/20/2024, 12:39:59 PM",lastUpdatedTimestamp:1726835999e3,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/20/2024, 12:39:59 PM",lastUpdatedTimestamp:1726835999e3,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/20/2024, 12:39:59 PM",lastUpdatedTimestamp:1726835999e3,content:" Interaction \n \nconst AXIS = ['xy', 'x', 'y'];\nconst MODE = ['nearest', 'point', 'x', 'y'];\n\nlet axisIndex = 0;\nlet modeIndex = 0;\n\nUtils.srand(8);\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\n datasets: [{\n type: 'line',\n label: 'Dataset 1',\n borderColor: 'rgb(54, 162, 235)',\n borderWidth: 2,\n fill: false,\n data: Utils.numbers({count: 7, min: 0, max: 100}),\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'box',\n backgroundColor: 'rgba(255, 245, 157, 0.2)',\n borderColor: 'rgb(255, 245, 157)',\n borderWidth: 2,\n enter: function({element}) {\n console.log(element.label.options.content + ' entered');\n element.label.options.font.size = 14;\n return true;\n },\n click: function({element}) {\n console.log(element.label.options.content + ' clicked');\n },\n leave: function({element}) {\n console.log(element.label.options.content + ' left');\n element.label.options.font.size = 12;\n return true;\n },\n label: {\n display: true,\n content: 'Outer box annotation',\n position: {\n y: 'start'\n },\n font: {\n size: 12\n }\n },\n xMax: 'June',\n xMin: 'February',\n xScaleID: 'x',\n yMax: 90,\n yMin: 10,\n yScaleID: 'y'\n};\n// \n\n// \nconst annotation2 = {\n type: 'box',\n backgroundColor: 'rgba(165, 214, 167, 0.2)',\n borderColor: 'rgb(165, 214, 167)',\n borderWidth: 2,\n enter: function({element}) {\n console.log(element.label.options.content + ' entered');\n element.label.options.font.size = 14;\n return true;\n },\n click: function({element}) {\n console.log(element.label.options.content + ' clicked');\n },\n leave: function({element}) {\n console.log(element.label.options.content + ' left');\n element.label.options.font.size = 12;\n return true;\n },\n label: {\n display: true,\n content: 'Inner box annotation',\n position: {\n y: 'start'\n },\n font: {\n size: 12\n }\n },\n xMax: 'May',\n xMin: 'March',\n xScaleID: 'x',\n yMax: 75,\n yMin: 25,\n yScaleID: 'y'\n};\n// \n\n// \nfunction getTitle({chart}) {\n const options = chart.options.plugins.annotation.interaction;\n const mode = options.mode || 'nearest';\n const axis = options.axis || 'xy';\n const intersect = !!options.intersect;\n return 'Mode: ' + mode + ', axis: ' + axis + ', intersect: ' + intersect;\n}\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n y: {\n beginAtZero: true,\n min: 0,\n max: 100\n }\n },\n plugins: {\n title: {\n display: true,\n text: getTitle,\n position: 'bottom',\n font: {\n size: 14\n }\n },\n annotation: {\n annotations: {\n annotation1,\n annotation2\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Change mode',\n handler: function(chart) {\n const options = chart.options.plugins.annotation.interaction;\n modeIndex++;\n if (modeIndex > MODE.length) {\n modeIndex = 0;\n }\n options.mode = MODE[modeIndex];\n chart.update();\n }\n },\n {\n name: 'Change axis',\n handler: function(chart) {\n const options = chart.options.plugins.annotation.interaction;\n axisIndex++;\n if (axisIndex > AXIS.length) {\n axisIndex = 0;\n }\n options.axis = AXIS[axisIndex];\n chart.update();\n }\n },\n {\n name: 'Toogle intersect',\n handler: function(chart) {\n const options = chart.options.plugins.annotation.interaction;\n options.intersect = !options.intersect;\n chart.update();\n }\n },\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n output: 'console.log output is shown here, click one of the annotations'\n};\n`\"/>"},{title:"Selecting annotations",frontmatter:{},regularPath:"/samples/interaction/selection.html",relativePath:"samples/interaction/selection.md",key:"v-8f774586",path:"/samples/interaction/selection.html",lastUpdated:"9/20/2024, 12:39:59 PM",lastUpdatedTimestamp:1726835999e3,content:" Selecting annotations \n \nlet count = 0;\nconst selected = [];\n\nUtils.srand(8);\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\n datasets: [{\n type: 'line',\n label: 'Dataset 1',\n borderColor: 'rgb(54, 162, 235)',\n borderWidth: 2,\n fill: false,\n data: Utils.numbers({count: 7, min: 0, max: 100}),\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'box',\n backgroundColor: 'rgba(255, 245, 157, 0.2)',\n borderColor: 'rgb(255, 245, 157)',\n borderWidth: 2,\n click: ({element}) => select(element, 'rgba(255, 245, 157, 0.8)', 'rgba(255, 245, 157, 0.2)'),\n label: {\n display: true,\n content: 'Yellow box annotation',\n position: {\n y: 'start'\n },\n font: {\n size: 12\n }\n },\n xMax: 'April',\n xMin: 'February',\n xScaleID: 'x',\n yMax: 90,\n yMin: 10,\n yScaleID: 'y'\n};\n// \n\n// \nconst annotation2 = {\n type: 'box',\n backgroundColor: 'rgba(165, 214, 167, 0.2)',\n borderColor: 'rgb(165, 214, 167)',\n borderWidth: 2,\n click: ({element}) => select(element, 'rgba(165, 214, 167, 0.8)', 'rgba(165, 214, 167, 0.2)'),\n label: {\n display: true,\n content: 'Green box annotation',\n position: {\n y: 'start'\n },\n font: {\n size: 12\n }\n },\n xMax: 'May',\n xMin: 'March',\n xScaleID: 'x',\n yMax: 75,\n yMin: 25,\n yScaleID: 'y'\n};\n// \n\n// \nfunction enter({chart, element}) {\n console.log(element.label.options.content + ' entered');\n if (!count) {\n chart.canvas.style.cursor = 'pointer';\n }\n count++;\n}\n\nfunction leave({chart, element}) {\n console.log(element.label.options.content + ' left');\n count--;\n if (!count) {\n chart.canvas.style.cursor = 'default';\n }\n}\n\nfunction select(element, selectedColor, unselectedColor) {\n console.log(element.label.options.content + ' selected');\n if (selected.includes(element)) {\n selected.splice(selected.indexOf(element), 1);\n element.options.backgroundColor = unselectedColor;\n element.label.options.font.size = 12;\n } else {\n selected.push(element);\n element.options.backgroundColor = selectedColor;\n element.label.options.font.size = 14;\n }\n return true;\n}\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n y: {\n beginAtZero: true,\n min: 0,\n max: 100\n }\n },\n plugins: {\n annotation: {\n enter: enter,\n leave: leave,\n common: {\n drawTime: 'beforeDraw'\n },\n annotations: {\n annotation1,\n annotation2\n }\n }\n }\n }\n};\n/* */\n\nmodule.exports = {\n config: config,\n output: 'console.log output is shown here, click one of the annotations'\n};\n`\"/>"},{title:"Intro",frontmatter:{},regularPath:"/samples/intro.html",relativePath:"samples/intro.md",key:"v-4f17a19d",path:"/samples/intro.html",lastUpdated:"9/20/2024, 12:39:59 PM",lastUpdatedTimestamp:1726835999e3,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:"Basic",frontmatter:{},regularPath:"/samples/label/basic.html",relativePath:"samples/label/basic.md",key:"v-ed85c306",path:"/samples/label/basic.html",lastUpdated:"9/20/2024, 12:39:59 PM",lastUpdatedTimestamp:1726835999e3,content:" Basic \n \nconst DATA_COUNT = 12;\nconst MIN = 0;\nconst MAX = 100;\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'label',\n borderColor: (ctx) => ctx.chart.data.datasets[0].backgroundColor,\n borderRadius: 6,\n borderWidth: 1,\n content: ['March', 'annotated'],\n position: {\n x: 'center',\n y: 'end'\n },\n xValue: 'March',\n yValue: (ctx) => yValue(ctx, 'March')\n};\n// \n\n// \nconst annotation2 = {\n type: 'label',\n borderColor: (ctx) => ctx.chart.data.datasets[0].backgroundColor,\n borderRadius: 6,\n borderWidth: 1,\n content: ['June', 'annotated'],\n position: {\n x: 'center',\n y: 'end'\n },\n xValue: 'June',\n yValue: (ctx) => yValue(ctx, 'June')\n};\n// \n\n// \nconst annotation3 = {\n type: 'label',\n borderColor: (ctx) => ctx.chart.data.datasets[0].backgroundColor,\n borderRadius: 6,\n borderWidth: 1,\n content: ['October', 'annotated'],\n position: {\n x: 'center',\n y: 'end'\n },\n xValue: 'October',\n yValue: (ctx) => yValue(ctx, 'October')\n};\n// \n\n/* */\nconst config = {\n type: 'bar',\n data,\n options: {\n scales: {\n y: {\n beginAtZero: true,\n max: 120,\n min: 0\n }\n },\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2,\n annotation3\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction yValue(ctx, label) {\n const chart = ctx.chart;\n const dataset = chart.data.datasets[0];\n return dataset.data[chart.data.labels.indexOf(label)];\n}\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Callout",frontmatter:{},regularPath:"/samples/label/callout.html",relativePath:"samples/label/callout.md",key:"v-188d5d06",path:"/samples/label/callout.html",lastUpdated:"9/20/2024, 12:39:59 PM",lastUpdatedTimestamp:1726835999e3,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:"Auto scaling",frontmatter:{},regularPath:"/samples/label/autoscaling.html",relativePath:"samples/label/autoscaling.md",key:"v-ffcf4406",path:"/samples/label/autoscaling.html",lastUpdated:"9/20/2024, 12:39:59 PM",lastUpdatedTimestamp:1726835999e3,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:"Using canvas as content",frontmatter:{},regularPath:"/samples/label/canvas.html",relativePath:"samples/label/canvas.md",key:"v-79f854d2",path:"/samples/label/canvas.html",lastUpdated:"9/20/2024, 12:39:59 PM",lastUpdatedTimestamp:1726835999e3,content:" Using canvas as content \n \nconst DATA_COUNT = 12;\nconst MIN = 0;\nconst MAX = 100;\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'label',\n content: Utils.getHouse(),\n xValue: 9,\n yValue: 30\n};\n// \n\n// \nconst annotation2 = {\n type: 'label',\n content: Utils.getSpiral(),\n xValue: 2,\n yValue: 50\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n y: {\n beginAtZero: true,\n }\n },\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config\n};\n`\"/>"},{title:"Fonts and colors",frontmatter:{},regularPath:"/samples/label/fontsColors.html",relativePath:"samples/label/fontsColors.md",key:"v-a53ecf06",path:"/samples/label/fontsColors.html",lastUpdated:"9/20/2024, 12:39:59 PM",lastUpdatedTimestamp:1726835999e3,content:" Fonts and colors \n \nconst DATA_COUNT = 12;\nconst MIN = 0;\nconst MAX = 100;\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'label',\n backgroundColor: 'rgba(0,0,0,0.2)',\n borderRadius: 6,\n borderWidth: 0,\n callout: {\n display: true\n },\n color: ['black,', 'black', 'green'],\n content: ['March', 'is', 'annotated'],\n font: [{size: 16, weight: 'bold'}, {family: 'courier'}],\n position: {\n x: 'center',\n y: 'end'\n },\n xValue: 'March',\n yAdjust: (ctx) => yOffset(ctx, 'March'),\n yValue: (ctx) => yValue(ctx, 'March')\n};\n// \n\n// \nconst annotation2 = {\n type: 'label',\n backgroundColor: 'rgba(0,0,0,0.2)',\n borderRadius: 6,\n borderWidth: 0,\n callout: {\n display: true\n },\n color: ['black,', 'black', 'green'],\n content: ['June', 'is', 'annotated'],\n font: [{size: 16, weight: 'bold'}, {family: 'courier'}],\n position: {\n x: 'center',\n y: 'end'\n },\n xValue: 'June',\n yAdjust: (ctx) => yOffset(ctx, 'June'),\n yValue: (ctx) => yValue(ctx, 'June')\n};\n// \n\n// \nconst annotation3 = {\n type: 'label',\n backgroundColor: 'rgba(0,0,0,0.2)',\n borderRadius: 6,\n borderWidth: 0,\n callout: {\n display: true\n },\n color: ['black,', 'black', 'green'],\n content: ['October', 'is', 'annotated'],\n font: [{size: 16, weight: 'bold'}, {family: 'courier'}],\n position: {\n x: 'center',\n y: 'end'\n },\n xValue: 'October',\n yAdjust: (ctx) => yOffset(ctx, 'October'),\n yValue: (ctx) => yValue(ctx, 'October')\n};\n// \n\n// \nfunction yValue(ctx, label) {\n const chart = ctx.chart;\n const dataset = chart.data.datasets[0];\n return dataset.data[chart.data.labels.indexOf(label)];\n}\n\nfunction yOffset(ctx, label) {\n const value = yValue(ctx, label);\n const chart = ctx.chart;\n const scale = chart.scales.y;\n const y = scale.getPixelForValue(value);\n const lblPos = scale.getPixelForValue(100);\n return lblPos - y - 5;\n}\n\n// \n\n/* */\nconst config = {\n type: 'bar',\n data,\n options: {\n scales: {\n y: {\n beginAtZero: true,\n max: 130,\n min: 0,\n grid: {\n color: (ctx)=> ctx.tick.value value > 100 ? '' : value\n }\n }\n },\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2,\n annotation3\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Using images as content",frontmatter:{},regularPath:"/samples/label/image.html",relativePath:"samples/label/image.md",key:"v-224dfd1d",path:"/samples/label/image.html",lastUpdated:"9/20/2024, 12:39:59 PM",lastUpdatedTimestamp:1726835999e3,content:" Using images as content \n \nconst DATA_COUNT = 12;\nconst MIN = 0;\nconst MAX = 100;\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'label',\n drawTime: 'afterDraw',\n content: Utils.getImage(),\n width: 100,\n height: 100,\n xValue: 4,\n yValue: 30,\n xAdjust: 150,\n yAdjust: -150,\n borderWidth: 1,\n borderDash: [6, 6],\n callout: {\n display: true,\n position: 'left'\n }\n};\n// \n\n// \nconst annotation2 = {\n type: 'point',\n drawTime: 'afterDraw',\n xValue: 4,\n yValue: 30,\n radius: 10\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n y: {\n beginAtZero: true,\n }\n },\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config\n};\n`\"/>"},{title:"Lower and upper bounds labels",frontmatter:{},regularPath:"/samples/label/lowerUpper.html",relativePath:"samples/label/lowerUpper.md",key:"v-4dd91745",path:"/samples/label/lowerUpper.html",lastUpdated:"9/20/2024, 12:39:59 PM",lastUpdatedTimestamp:1726835999e3,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/20/2024, 12:39:59 PM",lastUpdatedTimestamp:1726835999e3,content:" Point \n \nconst DATA_COUNT = 12;\nconst MIN = 0;\nconst MAX = 100;\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'label',\n backgroundColor: 'rgba(245, 245, 245, 0.5)',\n content: (ctx) => 'Maximum value is ' + maxValue(ctx).toFixed(2),\n font: {\n size: 16\n },\n padding: {\n top: 6,\n left: 6,\n right: 6,\n bottom: 12\n },\n position: {\n x: (ctx) => maxIndex(ctx) = 10 ? 'end' : 'center',\n y: 'end'\n },\n xValue: (ctx) => maxLabel(ctx),\n yAdjust: -6,\n yValue: (ctx) => maxValue(ctx)\n};\n// \n\n// \nconst annotation2 = {\n type: 'point',\n backgroundColor: 'transparent',\n borderColor: (ctx) => ctx.chart.data.datasets[0].borderColor,\n pointStyle: 'rectRounded',\n radius: 10,\n xValue: (ctx) => maxLabel(ctx),\n yValue: (ctx) => maxValue(ctx)\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n layout: {\n padding: {\n right: 10\n },\n },\n scales: {\n y: {\n beginAtZero: true,\n max: 120,\n min: 0\n }\n },\n plugins: {\n annotation: {\n clip: false,\n annotations: {\n annotation1,\n annotation2\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction maxValue(ctx) {\n let max = 0;\n const dataset = ctx.chart.data.datasets[0];\n dataset.data.forEach(function(el) {\n max = Math.max(max, el);\n });\n return max;\n}\n\nfunction maxIndex(ctx) {\n const max = maxValue(ctx);\n const dataset = ctx.chart.data.datasets[0];\n return dataset.data.indexOf(max);\n}\n\nfunction maxLabel(ctx) {\n return ctx.chart.data.labels[maxIndex(ctx)];\n}\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Animation",frontmatter:{},regularPath:"/samples/line/animation.html",relativePath:"samples/line/animation.md",key:"v-25be76ab",path:"/samples/line/animation.html",lastUpdated:"9/20/2024, 12:39:59 PM",lastUpdatedTimestamp:1726835999e3,content:" Animation \n \n \nconst uniqueId = new Date().getTime();\n\nconst data = {\n datasets: [{\n backgroundColor: 'rgba(63, 184, 175, 0.3)',\n borderColor: 'rgba(255, 0, 0, 0.0)',\n pointRadius: 0, // no dots\n tension: 0, // straight lines\n showLine: true,\n fill: true,\n data: [\n {x: 0, y: 0},\n {x: 50, y: 0},\n {x: 50, y: 1},\n {x: 100, y: 1}\n ]\n }]\n};\n// \n\n// \nconst line = {\n type: 'line',\n borderColor: 'red',\n borderWidth: 3,\n label: {\n display: true,\n content: 'Limit',\n rotation: 90\n },\n scaleID: 'x',\n value: 50\n};\n// \n\n/* */\nconst config = {\n type: 'scatter',\n data,\n options: {\n _sampleId: uniqueId,\n plugins: {\n annotation: {\n annotations: {\n line\n }\n }\n }\n }\n};\n/* */\n\n// \ndocument.getElementById('update').addEventListener('input', update);\n\nfunction update() {\n const newValue = +document.querySelector('input[type=range]').value;\n const chart = Object.values(Chart.instances).find(c => c.options._sampleId === uniqueId);\n chart.data.datasets[0].data[1].x = newValue;\n chart.data.datasets[0].data[2].x = newValue;\n chart.options.plugins.annotation.annotations.line.value = newValue;\n chart.update();\n}\n// \n\nmodule.exports = {\n config: config\n};\n`\"/>"},{title:"Average",frontmatter:{},regularPath:"/samples/line/average.html",relativePath:"samples/line/average.md",key:"v-fe2fae0e",path:"/samples/line/average.html",lastUpdated:"9/20/2024, 12:39:59 PM",lastUpdatedTimestamp:1726835999e3,content:" Average \n \nconst DATA_COUNT = 8;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(8);\n\nconst labels = [];\nfor (let i = 0; i \n\n// \nconst annotation = {\n type: 'line',\n borderColor: 'black',\n borderDash: [6, 6],\n borderDashOffset: 0,\n borderWidth: 3,\n label: {\n display: true,\n content: (ctx) => 'Average: ' + average(ctx).toFixed(2),\n position: 'end'\n },\n scaleID: 'y',\n value: (ctx) => average(ctx)\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n plugins: {\n annotation: {\n annotations: {\n annotation\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction average(ctx) {\n const values = ctx.chart.data.datasets[0].data;\n return values.reduce((a, b) => a + b, 0) / values.length;\n}\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Add data',\n handler: function(chart) {\n chart.data.labels.push(chart.data.labels.length);\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.push(Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Remove data',\n handler: function(chart) {\n chart.data.labels.shift();\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.shift();\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Basic",frontmatter:{},regularPath:"/samples/line/basic.html",relativePath:"samples/line/basic.md",key:"v-14b16052",path:"/samples/line/basic.html",lastUpdated:"9/20/2024, 12:39:59 PM",lastUpdatedTimestamp:1726835999e3,content:" Basic \n \nconst DATA_COUNT = 8;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(8);\n\nconst labels = [];\nfor (let i = 0; i \n\n// \nconst annotation = {\n type: 'line',\n borderColor: 'black',\n borderWidth: 3,\n scaleID: 'y',\n value: 50\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n y: {\n stacked: true\n }\n },\n plugins: {\n annotation: {\n annotations: {\n annotation\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Add data',\n handler: function(chart) {\n chart.data.labels.push(chart.data.labels.length);\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.push(Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Remove data',\n handler: function(chart) {\n chart.data.labels.shift();\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.shift();\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config\n};\n`\"/>"},{title:"Callout",frontmatter:{},regularPath:"/samples/line/callout.html",relativePath:"samples/line/callout.md",key:"v-0d73d593",path:"/samples/line/callout.html",lastUpdated:"9/20/2024, 12:39:59 PM",lastUpdatedTimestamp:1726835999e3,content:" Callout \n \nconst DATA_COUNT = 16;\nconst MIN = 20;\nconst MAX = 100;\n\nUtils.srand(8);\n\nconst labels = [];\nfor (let i = 0; i \n\n// \nconst annotation1 = {\n type: 'line',\n borderColor: 'rgb(100, 149, 237)',\n borderDash: [6, 6],\n borderDashOffset: 0,\n borderWidth: 3,\n label: {\n display: true,\n backgroundColor: 'rgb(100, 149, 237)',\n content: (ctx) => 'Average: ' + average(ctx).toFixed(2)\n },\n scaleID: 'y',\n value: (ctx) => average(ctx)\n};\n// \n\n// \nconst annotation2 = {\n type: 'line',\n borderColor: 'rgba(102, 102, 102, 0.5)',\n borderDash: [6, 6],\n borderDashOffset: 0,\n borderWidth: 3,\n label: {\n display: true,\n backgroundColor: 'rgba(102, 102, 102, 0.5)',\n borderWidth: 1,\n borderColor: 'rgba(102, 102, 102, 0.5)',\n callout: {\n display: true,\n borderColor: 'rgba(102, 102, 102, 0.5)',\n borderDash: [6, 6],\n borderWidth: 2,\n margin: 0\n },\n color: 'black',\n content: (ctx) => (average(ctx) + standardDeviation(ctx)).toFixed(2),\n position: 'start',\n xAdjust: 100,\n yAdjust: -50\n },\n scaleID: 'y',\n value: (ctx) => average(ctx) + standardDeviation(ctx)\n};\n// \n\n// \nconst annotation3 = {\n type: 'line',\n borderColor: 'rgba(102, 102, 102, 0.5)',\n borderDash: [6, 6],\n borderDashOffset: 0,\n borderWidth: 3,\n label: {\n display: true,\n backgroundColor: 'rgba(102, 102, 102, 0.5)',\n borderWidth: 1,\n borderColor: 'rgba(102, 102, 102, 0.5)',\n callout: {\n display: true,\n borderColor: 'rgba(102, 102, 102, 0.5)',\n borderDash: [6, 6],\n borderWidth: 2,\n margin: 0\n },\n color: 'black',\n content: (ctx) => (average(ctx) - standardDeviation(ctx)).toFixed(2),\n position: 'end',\n xAdjust: -100,\n yAdjust: 50\n },\n scaleID: 'y',\n value: (ctx) => average(ctx) - standardDeviation(ctx)\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scale: {\n y: {\n beginAtZero: true,\n max: 120,\n min: 0\n }\n },\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2,\n annotation3\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction average(ctx) {\n const values = ctx.chart.data.datasets[0].data;\n return values.reduce((a, b) => a + b, 0) / values.length;\n}\n\nfunction standardDeviation(ctx) {\n const values = ctx.chart.data.datasets[0].data;\n const n = values.length;\n const mean = average(ctx);\n return Math.sqrt(values.map(x => Math.pow(x - mean, 2)).reduce((a, b) => a + b) / n);\n}\n\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Add data',\n handler: function(chart) {\n chart.data.labels.push(chart.data.labels.length);\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.push(Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Remove data',\n handler: function(chart) {\n chart.data.labels.shift();\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.shift();\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Using canvas as labels",frontmatter:{},regularPath:"/samples/line/canvas.html",relativePath:"samples/line/canvas.md",key:"v-9e862306",path:"/samples/line/canvas.html",lastUpdated:"9/20/2024, 12:39:59 PM",lastUpdatedTimestamp:1726835999e3,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:"Inner chart",frontmatter:{},regularPath:"/samples/label/innerChart.html",relativePath:"samples/label/innerChart.md",key:"v-e1c46312",path:"/samples/label/innerChart.html",lastUpdated:"9/20/2024, 12:39:59 PM",lastUpdatedTimestamp:1726835999e3,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:"Annotating dataset bars",frontmatter:{},regularPath:"/samples/line/datasetBars.html",relativePath:"samples/line/datasetBars.md",key:"v-c5c24e7a",path:"/samples/line/datasetBars.html",lastUpdated:"9/20/2024, 12:39:59 PM",lastUpdatedTimestamp:1726835999e3,content:" Annotating dataset bars \n \nconst DATA_COUNT = 4;\nconst MIN = 20;\nconst MAX = 100;\n\nUtils.srand(8);\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'line',\n borderColor: 'green',\n borderWidth: 3,\n label: {\n display: true,\n backgroundColor: 'green',\n borderRadius: 0,\n color: 'white',\n content: (ctx) => middleValue(ctx, 0, 0.5).toFixed(0)\n },\n xMax: indexToMax(0) + 0.05,\n xMin: indexToMin(0) - 0.05,\n xScaleID: 'x',\n yMax: (ctx) => middleValue(ctx, 0, 0.5),\n yMin: (ctx) => middleValue(ctx, 0, 0.5),\n yScaleID: 'y'\n};\n// \n\n// \nconst annotation2 = {\n type: 'line',\n borderColor: 'green',\n borderWidth: 3,\n label: {\n display: true,\n backgroundColor: 'green',\n borderRadius: 0,\n color: 'white',\n content: (ctx) => middleValue(ctx, 1, 0.75).toFixed(0)\n },\n xMax: indexToMax(1) + 0.05,\n xMin: indexToMin(1) - 0.05,\n xScaleID: 'x',\n yMax: (ctx) => middleValue(ctx, 1, 0.75),\n yMin: (ctx) => middleValue(ctx, 1, 0.75),\n yScaleID: 'y'\n};\n// \n\n// \nconst annotation3 = {\n type: 'line',\n borderColor: 'green',\n borderWidth: 3,\n label: {\n display: true,\n backgroundColor: 'green',\n borderRadius: 0,\n color: 'white',\n content: (ctx) => middleValue(ctx, 2, 1).toFixed(0)\n },\n xMax: indexToMax(2) + 0.05,\n xMin: indexToMin(2) - 0.05,\n xScaleID: 'x',\n yMax: (ctx) => middleValue(ctx, 2, 1),\n yMin: (ctx) => middleValue(ctx, 2, 1),\n yScaleID: 'y'\n};\n// \n\n// \nconst annotation4 = {\n type: 'line',\n borderColor: 'green',\n borderWidth: 3,\n label: {\n display: true,\n backgroundColor: 'green',\n borderRadius: 0,\n color: 'white',\n content: (ctx) => middleValue(ctx, 3, 0.25).toFixed(0)\n },\n xMax: indexToMax(3) + 0.05,\n xMin: indexToMin(3) - 0.05,\n xScaleID: 'x',\n yMax: (ctx) => middleValue(ctx, 3, 0.25),\n yMin: (ctx) => middleValue(ctx, 3, 0.25),\n yScaleID: 'y'\n};\n// \n\n/* */\nconst config = {\n type: 'bar',\n data,\n options: {\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2,\n annotation3,\n annotation4\n }\n }\n }\n }\n};\n/* */\n\n// \n// categoryPercentage is 0.8 by default\n// barPercentage is 0.9 by default\n// 1 * 0.8 * 0.9 = 0.72\n// 0.72 / 2 = 0.36\n\nfunction indexToMin(index) {\n return index - 0.36;\n}\n\nfunction indexToMax(index) {\n return index + 0.36;\n}\n\nfunction middleValue(ctx, index, perc) {\n const chart = ctx.chart;\n const dataset = chart.data.datasets[0];\n return dataset.data[index] * perc;\n}\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Outside of chart",frontmatter:{},regularPath:"/samples/line/hook.html",relativePath:"samples/line/hook.md",key:"v-76c7a746",path:"/samples/line/hook.html",lastUpdated:"9/20/2024, 12:39:59 PM",lastUpdatedTimestamp:1726835999e3,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:"9/20/2024, 12:39:59 PM",lastUpdatedTimestamp:1726835999e3,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 images as labels",frontmatter:{},regularPath:"/samples/line/image.html",relativePath:"samples/line/image.md",key:"v-19c0057d",path:"/samples/line/image.html",lastUpdated:"9/20/2024, 12:39:59 PM",lastUpdatedTimestamp:1726835999e3,content:" Using images as labels \n \nconst DATA_COUNT = 8;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(8);\n\nconst labels = [];\nfor (let i = 0; i \n\n// \nconst annotation = {\n type: 'line',\n borderColor: 'black',\n borderWidth: 3,\n scaleID: 'y',\n value: 50,\n label: {\n display: true,\n content: Utils.getImage(),\n backgroundColor: 'white',\n borderWidth: 3,\n width: '20%',\n height: '20%',\n position: 'end'\n }\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n plugins: {\n annotation: {\n annotations: {\n annotation\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Add data',\n handler: function(chart) {\n chart.data.labels.push(chart.data.labels.length);\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.push(Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Remove data',\n handler: function(chart) {\n chart.data.labels.shift();\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.shift();\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config\n};\n`\"/>"},{title:"Label visibility",frontmatter:{},regularPath:"/samples/line/labelVisibility.html",relativePath:"samples/line/labelVisibility.md",key:"v-940803b2",path:"/samples/line/labelVisibility.html",lastUpdated:"9/20/2024, 12:39:59 PM",lastUpdatedTimestamp:1726835999e3,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:"9/20/2024, 12:39:59 PM",lastUpdatedTimestamp:1726835999e3,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:"Lower and upper bounds",frontmatter:{},regularPath:"/samples/line/lowerUpper.html",relativePath:"samples/line/lowerUpper.md",key:"v-5f6c329d",path:"/samples/line/lowerUpper.html",lastUpdated:"9/20/2024, 12:39:59 PM",lastUpdatedTimestamp:1726835999e3,content:" Lower and upper bounds \n \nconst DATA_COUNT = 8;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(8);\n\nconst labels = [];\nfor (let i = 0; i \n\n// \nconst annotation1 = {\n type: 'line',\n borderColor: 'black',\n borderWidth: 3,\n label: {\n display: true,\n backgroundColor: 'black',\n borderColor: 'black',\n borderRadius: 10,\n borderWidth: 2,\n content: (ctx) => 'Lower bound: ' + minValue(ctx).toFixed(3),\n rotation: 'auto'\n },\n scaleID: 'y',\n value: minValue\n};\n// \n\n// \nconst annotation2 = {\n type: 'line',\n borderWidth: 3,\n borderColor: 'black',\n label: {\n display: true,\n backgroundColor: 'black',\n borderColor: 'black',\n borderRadius: 10,\n borderWidth: 2,\n content: (ctx) => 'Upper bound: ' + maxValue(ctx).toFixed(3),\n rotation: 'auto'\n },\n scaleID: 'y',\n value: maxValue\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n y: {\n stacked: true\n }\n },\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction minValue(ctx) {\n const dataset = ctx.chart.data.datasets[0];\n const min = dataset.data.reduce((max, point) => Math.min(point, max), Infinity);\n return isFinite(min) ? min : 0;\n}\n\nfunction maxValue(ctx) {\n const datasets = ctx.chart.data.datasets;\n const count = datasets[0].data.length;\n let max = 0;\n for (let i = 0; i \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Add data',\n handler: function(chart) {\n chart.data.labels.push(chart.data.labels.length);\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.push(Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Remove data',\n handler: function(chart) {\n chart.data.labels.shift();\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.shift();\n });\n chart.update();\n }\n },\n {\n name: 'Cycle position',\n handler: function(chart) {\n const annotations = chart.options.plugins.annotation.annotations;\n if (annotations.annotation1.label.position === 'start') {\n annotations.annotation1.label.position = 'end';\n annotations.annotation2.label.position = 'end';\n } else if (annotations.annotation1.label.position === 'center') {\n annotations.annotation1.label.position = 'start';\n annotations.annotation2.label.position = 'start';\n } else {\n annotations.annotation1.label.position = 'center';\n annotations.annotation2.label.position = 'center';\n }\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Standard deviation",frontmatter:{},regularPath:"/samples/line/standardDeviation.html",relativePath:"samples/line/standardDeviation.md",key:"v-bc3af7aa",path:"/samples/line/standardDeviation.html",lastUpdated:"9/20/2024, 12:39:59 PM",lastUpdatedTimestamp:1726835999e3,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:"Line visibility",frontmatter:{},regularPath:"/samples/line/visibility.html",relativePath:"samples/line/visibility.md",key:"v-5eb79d3d",path:"/samples/line/visibility.html",lastUpdated:"9/20/2024, 12:39:59 PM",lastUpdatedTimestamp:1726835999e3,content:" Line visibility \n \nconst DATA_COUNT = 6;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(8);\nconst jointValue = Utils.rand(MIN, MAX);\n\nconst dataCfg = Utils.numbers({count: DATA_COUNT, min: MIN, max: MAX});\ndataCfg.push(jointValue, NaN, NaN, NaN, NaN, NaN, NaN);\n\nconst futureCfg = Utils.numbers({count: DATA_COUNT - 1, min: MIN, max: MAX});\nfutureCfg.splice(0, 0, NaN, NaN, NaN, NaN, NaN, NaN, jointValue);\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: dataCfg\n }, {\n data: futureCfg,\n borderDash: [6, 6]\n }]\n};\n// \n\n// \nconst annotation = {\n type: 'line',\n borderColor: 'black',\n borderWidth: 1,\n display: (ctx) => ctx.chart.isDatasetVisible(1),\n label: {\n display: true,\n content: 'Now',\n position: 'start'\n },\n scaleID: 'x',\n value: 'July'\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n plugins: {\n annotation: {\n annotations: {\n annotation\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Toggle annotation',\n handler: function(chart) {\n const visible = chart.isDatasetVisible(1);\n if (visible) {\n chart.options.scales.x.max = 'July';\n } else {\n chart.options.scales.x.max = undefined;\n }\n chart.setDatasetVisibility(1, !visible);\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Basic",frontmatter:{},regularPath:"/samples/point/basic.html",relativePath:"samples/point/basic.md",key:"v-13db7dfd",path:"/samples/point/basic.html",lastUpdated:"9/20/2024, 12:39:59 PM",lastUpdatedTimestamp:1726835999e3,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/20/2024, 12:39:59 PM",lastUpdatedTimestamp:1726835999e3,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:"Combined annotations",frontmatter:{},regularPath:"/samples/point/combined.html",relativePath:"samples/point/combined.md",key:"v-21782935",path:"/samples/point/combined.html",lastUpdated:"9/20/2024, 12:39:59 PM",lastUpdatedTimestamp:1726835999e3,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/20/2024, 12:39:59 PM",lastUpdatedTimestamp:1726835999e3,content:" Points outside of chart area \n \nconst DATA_COUNT = 12;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(8);\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }, {\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'point',\n backgroundColor: 'lime',\n borderColor: 'black',\n borderWidth: 1,\n pointStyle: 'triangle',\n radius: 15,\n xValue: 3,\n xScaleID: 'x',\n yAdjust: 5,\n yValue: 0,\n yScaleID: 'y'\n};\n// \n\n// \nconst annotation2 = {\n type: 'point',\n backgroundColor: 'lime',\n borderColor: 'black',\n borderWidth: 1,\n pointStyle: 'triangle',\n radius: 15,\n rotation: 180,\n xValue: 3,\n xScaleID: 'x',\n yAdjust: -5,\n yValue: 100,\n yScaleID: 'y'\n};\n// \n\n/* */\nconst config = {\n type: 'bar',\n data,\n options: {\n layout: {\n padding: {\n top: 16\n }\n },\n scale: {\n y: {\n beginAtZero: true,\n max: 100,\n min: 0\n }\n },\n plugins: {\n annotation: {\n clip: false,\n common: {\n drawTime: 'afterDraw'\n },\n annotations: {\n annotation1,\n annotation2\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n const xValue = Utils.rand(0, DATA_COUNT - 1);\n chart.options.plugins.annotation.annotations.annotation1.xValue = xValue;\n chart.options.plugins.annotation.annotations.annotation2.xValue = xValue;\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Shadow",frontmatter:{},regularPath:"/samples/point/shadow.html",relativePath:"samples/point/shadow.md",key:"v-0fc2653f",path:"/samples/point/shadow.html",lastUpdated:"9/20/2024, 12:39:59 PM",lastUpdatedTimestamp:1726835999e3,content:" Shadow \n \nconst DATA_COUNT = 8;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(5);\n\nconst labels = [];\nfor (let i = 0; i \n\n// \nconst annotation1 = {\n type: 'point',\n backgroundColor: 'rgba(0, 255, 255, 0.4)',\n backgroundShadowColor: 'black',\n borderColor: 'black',\n borderWidth: 3,\n scaleID: 'y',\n shadowBlur: 3,\n shadowOffsetX: 3,\n shadowOffsetY: 10,\n xValue: (ctx) => value(ctx, 0, 2, 'x'),\n yValue: (ctx) => value(ctx, 0, 2, 'y')\n};\n// \n\n// \nconst annotation2 = {\n type: 'point',\n backgroundColor: 'rgba(245, 245, 245, 0.5)',\n borderColor: 'red',\n borderShadowColor: 'gray',\n borderWidth: 5,\n pointStyle: 'triangle',\n radius: 25,\n scaleID: 'y',\n shadowBlur: 3,\n shadowOffsetX: 3,\n shadowOffsetY: 10,\n xValue: (ctx) => value(ctx, 1, 4, 'x'),\n yValue: (ctx) => value(ctx, 1, 4, 'y')\n};\n// \n\n// \nconst annotation3 = {\n type: 'point',\n borderColor: 'orange',\n borderShadowColor: 'black',\n borderWidth: 3,\n drawTime: 'beforeDraw',\n pointStyle: 'star',\n radius: 25,\n scaleID: 'y',\n shadowBlur: 3,\n shadowOffsetX: 3,\n shadowOffsetY: 10,\n xValue: (ctx) => value(ctx, 1, 6, 'x'),\n yValue: (ctx) => value(ctx, 1, 6, 'y')\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2,\n annotation3\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction value(ctx, datasetIndex, index, prop) {\n const meta = ctx.chart.getDatasetMeta(datasetIndex);\n const parsed = meta.controller.getParsed(index);\n return parsed ? parsed[prop] : NaN;\n}\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Add data',\n handler: function(chart) {\n chart.data.labels.push(chart.data.labels.length);\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.push(Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Remove data',\n handler: function(chart) {\n chart.data.labels.shift();\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.shift();\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config\n};\n`\"/>"},{title:"Basic",frontmatter:{},regularPath:"/samples/polygon/basic.html",relativePath:"samples/polygon/basic.md",key:"v-3ae674fd",path:"/samples/polygon/basic.html",lastUpdated:"9/20/2024, 12:39:59 PM",lastUpdatedTimestamp:1726835999e3,content:" Basic \n \nconst DATA_COUNT = 8;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(5);\n\nconst labels = [];\nfor (let i = 0; i \n\n// \nconst annotation1 = {\n type: 'polygon',\n backgroundColor: 'rgba(0, 255, 255, 0.4)',\n borderColor: 'black',\n borderWidth: 3,\n radius: 25,\n scaleID: 'y',\n xValue: (ctx) => value(ctx, 0, 2, 'x'),\n yValue: (ctx) => value(ctx, 0, 2, 'y')\n};\n// \n\n// \nconst annotation2 = {\n type: 'polygon',\n backgroundColor: 'transparent',\n borderColor: 'red',\n borderWidth: 5,\n radius: 25,\n scaleID: 'y',\n sides: 5,\n xValue: (ctx) => value(ctx, 1, 4, 'x'),\n yValue: (ctx) => value(ctx, 1, 4, 'y')\n};\n// \n\n// \nconst annotation3 = {\n type: 'polygon',\n backgroundColor: 'transparent',\n borderColor: 'gray',\n borderWidth: 3,\n radius: 30,\n sides: 8,\n scaleID: 'y',\n xValue: (ctx) => value(ctx, 1, 6, 'x'),\n yValue: (ctx) => value(ctx, 1, 6, 'y')\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2,\n annotation3\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction value(ctx, datasetIndex, index, prop) {\n const meta = ctx.chart.getDatasetMeta(datasetIndex);\n const parsed = meta.controller.getParsed(index);\n return parsed ? parsed[prop] : NaN;\n}\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Add data',\n handler: function(chart) {\n chart.data.labels.push(chart.data.labels.length);\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.push(Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Remove data',\n handler: function(chart) {\n chart.data.labels.shift();\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.shift();\n });\n chart.update();\n }\n },\n {\n name: 'Add a side to annotation 1',\n handler: function(chart) {\n chart.options.plugins.annotation.annotations.annotation1.sides++;\n chart.update();\n }\n },\n {\n name: 'Remove a side from annotation 1',\n handler: function(chart) {\n chart.options.plugins.annotation.annotations.annotation1.sides--;\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config\n};\n`\"/>"},{title:"Polygons outside of chart area",frontmatter:{},regularPath:"/samples/polygon/outsideChartArea.html",relativePath:"samples/polygon/outsideChartArea.md",key:"v-39b04a87",path:"/samples/polygon/outsideChartArea.html",lastUpdated:"9/20/2024, 12:39:59 PM",lastUpdatedTimestamp:1726835999e3,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:"9/20/2024, 12:39:59 PM",lastUpdatedTimestamp:1726835999e3,content:" Stop \n \nconst DATA_COUNT = 8;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(5);\n\nconst labels = [];\nfor (let i = 0; i \n\n// \nconst annotation1 = {\n type: 'polygon',\n backgroundColor: 'white',\n borderColor: 'red',\n borderJoinStyle: 'round',\n borderWidth: 7,\n radius: 40,\n rotation: 180,\n xValue: (ctx) => value(ctx, 0, 2, 'x'),\n yValue: (ctx) => value(ctx, 0, 2, 'y')\n};\n// \n\n// \nconst annotation2 = {\n type: 'polygon',\n backgroundColor: 'white',\n borderColor: 'red',\n borderJoinStyle: 'round',\n borderWidth: 7,\n radius: 40,\n xValue: (ctx) => value(ctx, 0, 4, 'x'),\n yValue: (ctx) => value(ctx, 0, 4, 'y')\n};\n// \n\n// \nconst annotation3 = {\n type: 'label',\n color: 'black',\n content: '!',\n font: {\n size: 40,\n family: 'Arial',\n weight: 'bold'\n },\n xValue: (ctx) => value(ctx, 0, 4, 'x'),\n yValue: (ctx) => value(ctx, 0, 4, 'y')\n};\n// \n\n// \nconst annotation4 = {\n type: 'polygon',\n backgroundColor: 'red',\n borderColor: 'white',\n borderWidth: 4,\n radius: 40,\n rotation: 22.5,\n sides: 8,\n xValue: (ctx) => value(ctx, 0, 6, 'x'),\n yValue: (ctx) => value(ctx, 0, 6, 'y')\n};\n// \n\n// \nconst annotation5 = {\n type: 'label',\n color: 'white',\n content: 'STOP',\n font: {\n size: 24\n },\n xValue: (ctx) => value(ctx, 0, 6, 'x'),\n yValue: (ctx) => value(ctx, 0, 6, 'y')\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n y: {\n beginAtZero: true,\n max: 120,\n min: 0\n }\n },\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2,\n annotation3,\n annotation4,\n annotation5\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction value(ctx, datasetIndex, index, prop) {\n const meta = ctx.chart.getDatasetMeta(datasetIndex);\n const parsed = meta.controller.getParsed(index);\n return parsed ? parsed[prop] : NaN;\n}\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Add data',\n handler: function(chart) {\n chart.data.labels.push(chart.data.labels.length);\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.push(Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Remove data',\n handler: function(chart) {\n chart.data.labels.shift();\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.shift();\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config\n};\n`\"/>"},{title:"Utils",frontmatter:{},regularPath:"/samples/utils.html",relativePath:"samples/utils.md",key:"v-4719da06",path:"/samples/utils.html",headers:[{level:2,title:"Disclaimer",slug:"disclaimer"},{level:2,title:"Functions",slug:"functions"}],lastUpdated:"9/20/2024, 12:39:59 PM",lastUpdatedTimestamp:1726835999e3,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:"Shadow",frontmatter:{},regularPath:"/samples/polygon/shadow.html",relativePath:"samples/polygon/shadow.md",key:"v-45140bd3",path:"/samples/polygon/shadow.html",lastUpdated:"9/20/2024, 12:39:59 PM",lastUpdatedTimestamp:1726835999e3,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:"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"}],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-2d43a12f":()=>e.e(18).then(e.bind(null,427)),"v-3b83533d":()=>e.e(17).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-25f1271d":()=>e.e(22).then(e.bind(null,433)),"v-bc74aa06":()=>e.e(24).then(e.bind(null,434)),"v-2e4ca05d":()=>e.e(26).then(e.bind(null,435)),"v-ec8d56c6":()=>e.e(28).then(e.bind(null,436)),"v-15088ca1":()=>e.e(25).then(e.bind(null,437)),"v-7fae43e2":()=>e.e(29).then(e.bind(null,438)),"v-1915dd1f":()=>e.e(27).then(e.bind(null,439)),"v-6b2059b3":()=>e.e(30).then(e.bind(null,440)),"v-4b4d89e9":()=>e.e(31).then(e.bind(null,441)),"v-c42c2106":()=>e.e(32).then(e.bind(null,442)),"v-49180d06":()=>e.e(33).then(e.bind(null,443)),"v-29e3487d":()=>e.e(34).then(e.bind(null,444)),"v-f13aec06":()=>e.e(35).then(e.bind(null,445)),"v-3e5dcf1d":()=>e.e(36).then(e.bind(null,446)),"v-35d1c17d":()=>e.e(37).then(e.bind(null,447)),"v-361cec5e":()=>e.e(38).then(e.bind(null,448)),"v-42745613":()=>e.e(40).then(e.bind(null,449)),"v-07090646":()=>e.e(39).then(e.bind(null,450)),"v-16482446":()=>e.e(41).then(e.bind(null,451)),"v-5dd3097d":()=>e.e(42).then(e.bind(null,452)),"v-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-51daecc6":()=>e.e(49).then(e.bind(null,459)),"v-121872fd":()=>e.e(4).then(e.bind(null,460)),"v-1b86f686":()=>e.e(48).then(e.bind(null,461)),"v-15f8e6fd":()=>e.e(51).then(e.bind(null,462)),"v-4d1e5c5d":()=>e.e(50).then(e.bind(null,463)),"v-67fac0e2":()=>e.e(53).then(e.bind(null,464)),"v-0db22306":()=>e.e(52).then(e.bind(null,465)),"v-26692906":()=>e.e(10).then(e.bind(null,466)),"v-5b88421d":()=>e.e(9).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-f46f9a86":()=>e.e(60).then(e.bind(null,478)),"v-b3a5649a":()=>e.e(61).then(e.bind(null,479)),"v-1ac7de46":()=>e.e(64).then(e.bind(null,480)),"v-f0a8046a":()=>e.e(63).then(e.bind(null,481)),"v-a827b1b2":()=>e.e(62).then(e.bind(null,482)),"v-2215247d":()=>e.e(65).then(e.bind(null,483)),"v-475451bd":()=>e.e(67).then(e.bind(null,484)),"v-14c8b49f":()=>e.e(68).then(e.bind(null,485)),"v-de7917b6":()=>e.e(70).then(e.bind(null,486)),"v-532157ca":()=>e.e(69).then(e.bind(null,487)),"v-0f11953d":()=>e.e(71).then(e.bind(null,488)),"v-06766846":()=>e.e(66).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-e1c46312":()=>e.e(80).then(e.bind(null,497)),"v-224dfd1d":()=>e.e(79).then(e.bind(null,498)),"v-4dd91745":()=>e.e(81).then(e.bind(null,499)),"v-25be76ab":()=>e.e(83).then(e.bind(null,500)),"v-5cbaa4bd":()=>e.e(82).then(e.bind(null,501)),"v-fe2fae0e":()=>e.e(84).then(e.bind(null,502)),"v-14b16052":()=>e.e(85).then(e.bind(null,503)),"v-0d73d593":()=>e.e(86).then(e.bind(null,504)),"v-9e862306":()=>e.e(87).then(e.bind(null,505)),"v-22325356":()=>e.e(88).then(e.bind(null,506)),"v-c5c24e7a":()=>e.e(89).then(e.bind(null,507)),"v-76c7a746":()=>e.e(90).then(e.bind(null,508)),"v-19c0057d":()=>e.e(91).then(e.bind(null,509)),"v-940803b2":()=>e.e(92).then(e.bind(null,510)),"v-2f3a8d3f":()=>e.e(93).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-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-dd2b401a":()=>e.e(100).then(e.bind(null,517)),"v-21782935":()=>e.e(98).then(e.bind(null,518)),"v-0fc2653f":()=>e.e(101).then(e.bind(null,519)),"v-3ae674fd":()=>e.e(102).then(e.bind(null,520)),"v-39b04a87":()=>e.e(103).then(e.bind(null,521)),"v-f2852e62":()=>e.e(105).then(e.bind(null,522)),"v-45140bd3":()=>e.e(104).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-2d43a12f",path:"/api/interfaces/AnnotationElement.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-2d43a12f").then(e)}},{name:"v-3b83533d",path:"/api/interfaces/AnnotationBoxModel.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-3b83533d").then(e)}},{name:"v-19fc5046",path:"/api/interfaces/AnnotationEvents.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-19fc5046").then(e)}},{name:"v-2bdf7887",path:"/api/interfaces/AnnotationHooks.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-2bdf7887").then(e)}},{name:"v-d5f286de",path:"/api/interfaces/AnnotationPluginOptions.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-d5f286de").then(e)}},{name:"v-1c40ad9d",path:"/api/interfaces/AnnotationTypeRegistry.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-1c40ad9d").then(e)}},{name:"v-25f1271d",path:"/api/interfaces/AnnotationPointCoordinates.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-25f1271d").then(e)}},{name:"v-bc74aa06",path:"/api/interfaces/ArrowHeadOptions.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-bc74aa06").then(e)}},{name:"v-2e4ca05d",path:"/api/interfaces/BoxAnnotationOptions.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-2e4ca05d").then(e)}},{name:"v-ec8d56c6",path:"/api/interfaces/CalloutOptions.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-ec8d56c6").then(e)}},{name:"v-15088ca1",path:"/api/interfaces/ArrowHeadsOptions.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-15088ca1").then(e)}},{name:"v-7fae43e2",path:"/api/interfaces/ContainedLabelOptions.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-7fae43e2").then(e)}},{name:"v-1915dd1f",path:"/api/interfaces/BoxLabelOptions.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-1915dd1f").then(e)}},{name:"v-6b2059b3",path:"/api/interfaces/ControlPointOptions.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-6b2059b3").then(e)}},{name:"v-4b4d89e9",path:"/api/interfaces/CoreAnnotationOptions.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-4b4d89e9").then(e)}},{name:"v-c42c2106",path:"/api/interfaces/CoreLabelOptions.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-c42c2106").then(e)}},{name:"v-49180d06",path:"/api/interfaces/EllipseAnnotationOptions.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-49180d06").then(e)}},{name:"v-29e3487d",path:"/api/interfaces/EventContext.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-29e3487d").then(e)}},{name:"v-f13aec06",path:"/api/interfaces/LabelAnnotationOptions.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-f13aec06").then(e)}},{name:"v-3e5dcf1d",path:"/api/interfaces/LabelOptions.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-3e5dcf1d").then(e)}},{name:"v-35d1c17d",path:"/api/interfaces/LabelPadding.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-35d1c17d").then(e)}},{name:"v-361cec5e",path:"/api/interfaces/LabelPositionObject.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-361cec5e").then(e)}},{name:"v-42745613",path:"/api/interfaces/LineAnnotationOptions.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-42745613").then(e)}},{name:"v-07090646",path:"/api/interfaces/LabelTypeOptions.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-07090646").then(e)}},{name:"v-16482446",path:"/api/interfaces/PartialEventContext.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-16482446").then(e)}},{name:"v-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-51daecc6",path:"/guide/migrationV1.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-51daecc6").then(e)}},{name:"v-121872fd",path:"/guide/migrationV2.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-121872fd").then(e)}},{name:"v-1b86f686",path:"/guide/integration.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-1b86f686").then(e)}},{name:"v-15f8e6fd",path:"/guide/options.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-15f8e6fd").then(e)}},{name:"v-4d1e5c5d",path:"/guide/migrationV3.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-4d1e5c5d").then(e)}},{name:"v-67fac0e2",path:"/guide/types/_commonOptions.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-67fac0e2").then(e)}},{name:"v-0db22306",path:"/guide/types/_commonInnerLabel.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-0db22306").then(e)}},{name:"v-26692906",path:"/guide/types/ellipse.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-26692906").then(e)}},{name:"v-5b88421d",path:"/guide/types/box.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-5b88421d").then(e)}},{name:"v-49aea27d",path:"/guide/types/label.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-49aea27d").then(e)}},{name:"v-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-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-1ac7de46",path:"/samples/charts/line.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-1ac7de46").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-2215247d",path:"/samples/ellipse/basic.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-2215247d").then(e)}},{name:"v-475451bd",path:"/samples/ellipse/label.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-475451bd").then(e)}},{name:"v-14c8b49f",path:"/samples/ellipse/rotation.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-14c8b49f").then(e)}},{name:"v-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-06766846",path:"/samples/ellipse/image.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-06766846").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-e1c46312",path:"/samples/label/innerChart.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-e1c46312").then(e)}},{name:"v-224dfd1d",path:"/samples/label/image.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-224dfd1d").then(e)}},{name:"v-4dd91745",path:"/samples/label/lowerUpper.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-4dd91745").then(e)}},{name:"v-25be76ab",path:"/samples/line/animation.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-25be76ab").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-0d73d593",path:"/samples/line/callout.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-0d73d593").then(e)}},{name:"v-9e862306",path:"/samples/line/canvas.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-9e862306").then(e)}},{name:"v-22325356",path:"/samples/line/curve.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-22325356").then(e)}},{name:"v-c5c24e7a",path:"/samples/line/datasetBars.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-c5c24e7a").then(e)}},{name:"v-76c7a746",path:"/samples/line/hook.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-76c7a746").then(e)}},{name:"v-19c0057d",path:"/samples/line/image.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-19c0057d").then(e)}},{name:"v-940803b2",path:"/samples/line/labelVisibility.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-940803b2").then(e)}},{name:"v-2f3a8d3f",path:"/samples/line/limited.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-2f3a8d3f").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-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-dd2b401a",path:"/samples/point/outsideChartArea.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-dd2b401a").then(e)}},{name:"v-21782935",path:"/samples/point/combined.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-21782935").then(e)}},{name:"v-0fc2653f",path:"/samples/point/shadow.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-0fc2653f").then(e)}},{name:"v-3ae674fd",path:"/samples/polygon/basic.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-3ae674fd").then(e)}},{name:"v-39b04a87",path:"/samples/polygon/outsideChartArea.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-39b04a87").then(e)}},{name:"v-f2852e62",path:"/samples/polygon/stop.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-f2852e62").then(e)}},{name:"v-45140bd3",path:"/samples/polygon/shadow.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-45140bd3").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: 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: AnnotationBoxModel",frontmatter:{},regularPath:"/api/interfaces/AnnotationBoxModel.html",relativePath:"api/interfaces/AnnotationBoxModel.md",key:"v-3b83533d",path:"/api/interfaces/AnnotationBoxModel.html",headers:[{level:2,title:"Hierarchy",slug:"hierarchy"},{level:2,title:"Properties",slug:"properties"},{level:3,title:"centerX",slug:"centerx"},{level:3,title:"centerY",slug:"centery"},{level:3,title:"height",slug:"height"},{level:3,title:"radius",slug:"radius"},{level:3,title:"width",slug:"width"},{level:3,title:"x",slug:"x"},{level:3,title:"x2",slug:"x2"},{level:3,title:"y",slug:"y"},{level:3,title:"y2",slug:"y2"}],content:" Interface: AnnotationBoxModel \n Hierarchy \n \n \n AnnotationBoxModel \n ↳ AnnotationElement \n Properties \n centerX \n • centerX : number \n Defined in \n element.d.ts:8 \n centerY \n • centerY : number \n Defined in \n element.d.ts:9 \n height \n • height : number \n Defined in \n element.d.ts:10 \n radius \n • Optional radius : number \n Defined in \n element.d.ts:12 \n width \n • width : number \n Defined in \n element.d.ts:11 \n x \n • x : number \n Defined in \n element.d.ts:4 \n x2 \n • x2 : number \n Defined in \n element.d.ts:6 \n y \n • y : number \n Defined in \n element.d.ts:5 \n y2 \n • y2 : number \n Defined in \n element.d.ts:7 \n"},{title:"Interface: AnnotationEvents",frontmatter:{},regularPath:"/api/interfaces/AnnotationEvents.html",relativePath:"api/interfaces/AnnotationEvents.md",key:"v-19fc5046",path:"/api/interfaces/AnnotationEvents.html",headers:[{level:2,title:"Hierarchy",slug:"hierarchy"},{level:2,title:"Methods",slug:"methods"},{level:3,title:"click",slug:"click"},{level:3,title:"enter",slug:"enter"},{level:3,title:"leave",slug:"leave"}],content:" Interface: AnnotationEvents \n Hierarchy \n \n \n AnnotationEvents \n ↳ CoreAnnotationOptions \n ↳ AnnotationPluginOptions \n Methods \n click \n ▸ Optional click ( context , event ): boolean | void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n \n \n event \n ChartEvent \n Returns \n boolean | void \n Defined in \n events.d.ts:27 \n enter \n ▸ Optional enter ( context , event ): boolean | void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n \n \n event \n ChartEvent \n Returns \n boolean | void \n Defined in \n events.d.ts:25 \n leave \n ▸ Optional leave ( context , event ): boolean | void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n \n \n event \n ChartEvent \n Returns \n boolean | void \n Defined in \n events.d.ts:26 \n"},{title:"Interface: AnnotationHooks",frontmatter:{},regularPath:"/api/interfaces/AnnotationHooks.html",relativePath:"api/interfaces/AnnotationHooks.md",key:"v-2bdf7887",path:"/api/interfaces/AnnotationHooks.html",headers:[{level:2,title:"Hierarchy",slug:"hierarchy"},{level:2,title:"Methods",slug:"methods"},{level:3,title:"afterDraw",slug:"afterdraw"},{level:3,title:"beforeDraw",slug:"beforedraw"}],content:" Interface: AnnotationHooks \n Hierarchy \n \n \n AnnotationHooks \n ↳ CoreAnnotationOptions \n ↳ AnnotationPluginOptions \n Methods \n afterDraw \n ▸ Optional afterDraw ( context ): void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n Returns \n void \n Defined in \n options.d.ts:23 \n beforeDraw \n ▸ Optional beforeDraw ( context ): void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n Returns \n void \n Defined in \n options.d.ts:22 \n"},{title:"Interface: AnnotationPluginOptions",frontmatter:{},regularPath:"/api/interfaces/AnnotationPluginOptions.html",relativePath:"api/interfaces/AnnotationPluginOptions.md",key:"v-d5f286de",path:"/api/interfaces/AnnotationPluginOptions.html",headers:[{level:2,title:"Hierarchy",slug:"hierarchy"},{level:2,title:"Properties",slug:"properties"},{level:3,title:"animations",slug:"animations"},{level:3,title:"annotations",slug:"annotations"},{level:3,title:"clip",slug:"clip"},{level:3,title:"common",slug:"common"},{level:3,title:"interaction",slug:"interaction"},{level:2,title:"Methods",slug:"methods"},{level:3,title:"afterDraw",slug:"afterdraw"},{level:3,title:"beforeDraw",slug:"beforedraw"},{level:3,title:"click",slug:"click"},{level:3,title:"enter",slug:"enter"},{level:3,title:"leave",slug:"leave"}],content:" Interface: AnnotationPluginOptions \n Hierarchy \n \n \n AnnotationEvents \n \n \n AnnotationHooks \n ↳ AnnotationPluginOptions \n Properties \n animations \n • Optional animations : Record < string , unknown > \n Defined in \n options.d.ts:153 \n annotations \n • annotations : Record < string , AnnotationOptions > | AnnotationOptions [] \n Defined in \n options.d.ts:154 \n clip \n • Optional clip : boolean \n Defined in \n options.d.ts:155 \n common \n • Optional common : BoxAnnotationOptions | EllipseAnnotationOptions | LabelAnnotationOptions | LineAnnotationOptions | PointAnnotationOptions | PolygonAnnotationOptions \n Defined in \n options.d.ts:156 \n interaction \n • Optional interaction : CoreInteractionOptions \n Defined in \n options.d.ts:157 \n Methods \n afterDraw \n ▸ Optional afterDraw ( context ): void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n Returns \n void \n Inherited from \n AnnotationHooks . afterDraw \n Defined in \n options.d.ts:23 \n beforeDraw \n ▸ Optional beforeDraw ( context ): void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n Returns \n void \n Inherited from \n AnnotationHooks . beforeDraw \n Defined in \n options.d.ts:22 \n click \n ▸ Optional click ( context , event ): boolean | void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n \n \n event \n ChartEvent \n Returns \n boolean | void \n Inherited from \n AnnotationEvents . click \n Defined in \n events.d.ts:27 \n enter \n ▸ Optional enter ( context , event ): boolean | void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n \n \n event \n ChartEvent \n Returns \n boolean | void \n Inherited from \n AnnotationEvents . enter \n Defined in \n events.d.ts:25 \n leave \n ▸ Optional leave ( context , event ): boolean | void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n \n \n event \n ChartEvent \n Returns \n boolean | void \n Inherited from \n AnnotationEvents . leave \n Defined in \n events.d.ts:26 \n"},{title:"Interface: 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: AnnotationPointCoordinates",frontmatter:{},regularPath:"/api/interfaces/AnnotationPointCoordinates.html",relativePath:"api/interfaces/AnnotationPointCoordinates.md",key:"v-25f1271d",path:"/api/interfaces/AnnotationPointCoordinates.html",headers:[{level:2,title:"Hierarchy",slug:"hierarchy"},{level:2,title:"Properties",slug:"properties"},{level:3,title:"xValue",slug:"xvalue"},{level:3,title:"yValue",slug:"yvalue"}],content:" Interface: AnnotationPointCoordinates \n Hierarchy \n \n \n AnnotationPointCoordinates \n ↳ PointAnnotationOptions \n ↳ LabelAnnotationOptions \n ↳ PolygonAnnotationOptions \n Properties \n xValue \n • Optional xValue : Scriptable < ScaleValue , PartialEventContext > \n Defined in \n options.d.ts:58 \n yValue \n • Optional yValue : Scriptable < ScaleValue , PartialEventContext > \n Defined in \n options.d.ts:59 \n"},{title:"Interface: ArrowHeadOptions",frontmatter:{},regularPath:"/api/interfaces/ArrowHeadOptions.html",relativePath:"api/interfaces/ArrowHeadOptions.md",key:"v-bc74aa06",path:"/api/interfaces/ArrowHeadOptions.html",headers:[{level:2,title:"Hierarchy",slug:"hierarchy"},{level:2,title:"Properties",slug:"properties"},{level:3,title:"backgroundColor",slug:"backgroundcolor"},{level:3,title:"backgroundShadowColor",slug:"backgroundshadowcolor"},{level:3,title:"borderColor",slug:"bordercolor"},{level:3,title:"borderDash",slug:"borderdash"},{level:3,title:"borderDashOffset",slug:"borderdashoffset"},{level:3,title:"borderShadowColor",slug:"bordershadowcolor"},{level:3,title:"borderWidth",slug:"borderwidth"},{level:3,title:"display",slug:"display"},{level:3,title:"fill",slug:"fill"},{level:3,title:"length",slug:"length"},{level:3,title:"shadowBlur",slug:"shadowblur"},{level:3,title:"shadowOffsetX",slug:"shadowoffsetx"},{level:3,title:"shadowOffsetY",slug:"shadowoffsety"},{level:3,title:"width",slug:"width"}],content:" Interface: ArrowHeadOptions \n Hierarchy \n \n \n ShadowOptions \n ↳ ArrowHeadOptions \n ↳↳ ArrowHeadsOptions \n Properties \n backgroundColor \n • Optional backgroundColor : Scriptable < Color , PartialEventContext > \n Defined in \n options.d.ts:63 \n backgroundShadowColor \n • Optional backgroundShadowColor : Scriptable < Color , PartialEventContext > \n Inherited from \n ShadowOptions . backgroundShadowColor \n Defined in \n options.d.ts:30 \n borderColor \n • Optional borderColor : Scriptable < Color , PartialEventContext > \n Defined in \n options.d.ts:64 \n borderDash \n • Optional borderDash : Scriptable < number [], PartialEventContext > \n Defined in \n options.d.ts:65 \n borderDashOffset \n • Optional borderDashOffset : Scriptable < number , PartialEventContext > \n Defined in \n options.d.ts:66 \n borderShadowColor \n • Optional borderShadowColor : Scriptable < Color , PartialEventContext > \n Inherited from \n ShadowOptions . borderShadowColor \n Defined in \n options.d.ts:31 \n borderWidth \n • Optional borderWidth : Scriptable < number , PartialEventContext > \n Defined in \n options.d.ts:67 \n display \n • Optional display : Scriptable < boolean , PartialEventContext > \n Defined in \n options.d.ts:68 \n fill \n • Optional fill : Scriptable < boolean , PartialEventContext > \n Defined in \n options.d.ts:69 \n length \n • Optional length : Scriptable < number , PartialEventContext > \n Defined in \n options.d.ts:70 \n shadowBlur \n • Optional shadowBlur : Scriptable < number , PartialEventContext > \n Inherited from \n ShadowOptions . shadowBlur \n Defined in \n options.d.ts:32 \n shadowOffsetX \n • Optional shadowOffsetX : Scriptable < number , PartialEventContext > \n Inherited from \n ShadowOptions . shadowOffsetX \n Defined in \n options.d.ts:33 \n shadowOffsetY \n • Optional shadowOffsetY : Scriptable < number , PartialEventContext > \n Inherited from \n ShadowOptions . shadowOffsetY \n Defined in \n options.d.ts:34 \n width \n • Optional width : Scriptable < number , PartialEventContext > \n Defined in \n options.d.ts:71 \n"},{title:"Interface: 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: 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: 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: 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: 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: ControlPointOptions",frontmatter:{},regularPath:"/api/interfaces/ControlPointOptions.html",relativePath:"api/interfaces/ControlPointOptions.md",key:"v-6b2059b3",path:"/api/interfaces/ControlPointOptions.html",headers:[{level:2,title:"Properties",slug:"properties"},{level:3,title:"x",slug:"x"},{level:3,title:"y",slug:"y"}],content:" Interface: ControlPointOptions \n Properties \n x \n • Optional x : Scriptable < string | number , PartialEventContext > \n Defined in \n options.d.ts:80 \n y \n • Optional y : Scriptable < string | number , PartialEventContext > \n Defined in \n options.d.ts:81 \n"},{title:"Interface: CoreAnnotationOptions",frontmatter:{},regularPath:"/api/interfaces/CoreAnnotationOptions.html",relativePath:"api/interfaces/CoreAnnotationOptions.md",key:"v-4b4d89e9",path:"/api/interfaces/CoreAnnotationOptions.html",headers:[{level:2,title:"Hierarchy",slug:"hierarchy"},{level:2,title:"Properties",slug:"properties"},{level:3,title:"adjustScaleRange",slug:"adjustscalerange"},{level:3,title:"backgroundShadowColor",slug:"backgroundshadowcolor"},{level:3,title:"borderColor",slug:"bordercolor"},{level:3,title:"borderDash",slug:"borderdash"},{level:3,title:"borderDashOffset",slug:"borderdashoffset"},{level:3,title:"borderShadowColor",slug:"bordershadowcolor"},{level:3,title:"borderWidth",slug:"borderwidth"},{level:3,title:"display",slug:"display"},{level:3,title:"drawTime",slug:"drawtime"},{level:3,title:"hitTolerance",slug:"hittolerance"},{level:3,title:"id",slug:"id"},{level:3,title:"init",slug:"init"},{level:3,title:"shadowBlur",slug:"shadowblur"},{level:3,title:"shadowOffsetX",slug:"shadowoffsetx"},{level:3,title:"shadowOffsetY",slug:"shadowoffsety"},{level:3,title:"xMax",slug:"xmax"},{level:3,title:"xMin",slug:"xmin"},{level:3,title:"xScaleID",slug:"xscaleid"},{level:3,title:"yMax",slug:"ymax"},{level:3,title:"yMin",slug:"ymin"},{level:3,title:"yScaleID",slug:"yscaleid"},{level:3,title:"z",slug:"z"},{level:2,title:"Methods",slug:"methods"},{level:3,title:"afterDraw",slug:"afterdraw"},{level:3,title:"beforeDraw",slug:"beforedraw"},{level:3,title:"click",slug:"click"},{level:3,title:"enter",slug:"enter"},{level:3,title:"leave",slug:"leave"}],content:" Interface: CoreAnnotationOptions \n Hierarchy \n \n \n AnnotationEvents \n \n \n ShadowOptions \n \n \n AnnotationHooks \n ↳ CoreAnnotationOptions \n ↳↳ LineAnnotationOptions \n ↳↳ BoxAnnotationOptions \n ↳↳ EllipseAnnotationOptions \n ↳↳ PointAnnotationOptions \n ↳↳ LabelAnnotationOptions \n ↳↳ PolygonAnnotationOptions \n Properties \n adjustScaleRange \n • Optional adjustScaleRange : Scriptable < boolean , PartialEventContext > \n Defined in \n options.d.ts:38 \n backgroundShadowColor \n • Optional backgroundShadowColor : Scriptable < Color , PartialEventContext > \n Inherited from \n ShadowOptions . backgroundShadowColor \n Defined in \n options.d.ts:30 \n borderColor \n • Optional borderColor : Scriptable < Color , PartialEventContext > \n Defined in \n options.d.ts:39 \n borderDash \n • Optional borderDash : Scriptable < number [], PartialEventContext > \n Defined in \n options.d.ts:40 \n borderDashOffset \n • Optional borderDashOffset : Scriptable < number , PartialEventContext > \n Defined in \n options.d.ts:41 \n borderShadowColor \n • Optional borderShadowColor : Scriptable < Color , PartialEventContext > \n Inherited from \n ShadowOptions . borderShadowColor \n Defined in \n options.d.ts:31 \n borderWidth \n • Optional borderWidth : Scriptable < number , PartialEventContext > \n Defined in \n options.d.ts:42 \n display \n • Optional display : Scriptable < boolean , PartialEventContext > \n Defined in \n options.d.ts:43 \n drawTime \n • Optional drawTime : Scriptable < DrawTime , PartialEventContext > \n Defined in \n options.d.ts:44 \n hitTolerance \n • Optional hitTolerance : Scriptable < number , PartialEventContext > \n Defined in \n options.d.ts:45 \n id \n • Optional id : string \n Defined in \n options.d.ts:47 \n init \n • Optional init : boolean | ( __namedParameters : Object ) => boolean | void | Partial < AnnotationElement > \n Defined in \n options.d.ts:46 \n shadowBlur \n • Optional shadowBlur : Scriptable < number , PartialEventContext > \n Inherited from \n ShadowOptions . shadowBlur \n Defined in \n options.d.ts:32 \n shadowOffsetX \n • Optional shadowOffsetX : Scriptable < number , PartialEventContext > \n Inherited from \n ShadowOptions . shadowOffsetX \n Defined in \n options.d.ts:33 \n shadowOffsetY \n • Optional shadowOffsetY : Scriptable < number , PartialEventContext > \n Inherited from \n ShadowOptions . shadowOffsetY \n Defined in \n options.d.ts:34 \n xMax \n • Optional xMax : Scriptable < ScaleValue , PartialEventContext > \n Defined in \n options.d.ts:48 \n xMin \n • Optional xMin : Scriptable < ScaleValue , PartialEventContext > \n Defined in \n options.d.ts:49 \n xScaleID \n • Optional xScaleID : Scriptable < string , PartialEventContext > \n Defined in \n options.d.ts:50 \n yMax \n • Optional yMax : Scriptable < ScaleValue , PartialEventContext > \n Defined in \n options.d.ts:51 \n yMin \n • Optional yMin : Scriptable < ScaleValue , PartialEventContext > \n Defined in \n options.d.ts:52 \n yScaleID \n • Optional yScaleID : Scriptable < string , PartialEventContext > \n Defined in \n options.d.ts:53 \n z \n • Optional z : Scriptable < number , PartialEventContext > \n Defined in \n options.d.ts:54 \n Methods \n afterDraw \n ▸ Optional afterDraw ( context ): void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n Returns \n void \n Inherited from \n AnnotationHooks . afterDraw \n Defined in \n options.d.ts:23 \n beforeDraw \n ▸ Optional beforeDraw ( context ): void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n Returns \n void \n Inherited from \n AnnotationHooks . beforeDraw \n Defined in \n options.d.ts:22 \n click \n ▸ Optional click ( context , event ): boolean | void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n \n \n event \n ChartEvent \n Returns \n boolean | void \n Inherited from \n AnnotationEvents . click \n Defined in \n events.d.ts:27 \n enter \n ▸ Optional enter ( context , event ): boolean | void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n \n \n event \n ChartEvent \n Returns \n boolean | void \n Inherited from \n AnnotationEvents . enter \n Defined in \n events.d.ts:25 \n leave \n ▸ Optional leave ( context , event ): boolean | void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n \n \n event \n ChartEvent \n Returns \n boolean | void \n Inherited from \n AnnotationEvents . leave \n Defined in \n events.d.ts:26 \n"},{title:"Interface: CoreLabelOptions",frontmatter:{},regularPath:"/api/interfaces/CoreLabelOptions.html",relativePath:"api/interfaces/CoreLabelOptions.md",key:"v-c42c2106",path:"/api/interfaces/CoreLabelOptions.html",headers:[{level:2,title:"Hierarchy",slug:"hierarchy"},{level:2,title:"Properties",slug:"properties"},{level:3,title:"color",slug:"color"},{level:3,title:"content",slug:"content"},{level:3,title:"drawTime",slug:"drawtime"},{level:3,title:"font",slug:"font"},{level:3,title:"height",slug:"height"},{level:3,title:"opacity",slug:"opacity"},{level:3,title:"padding",slug:"padding"},{level:3,title:"textAlign",slug:"textalign"},{level:3,title:"textStrokeColor",slug:"textstrokecolor"},{level:3,title:"textStrokeWidth",slug:"textstrokewidth"},{level:3,title:"width",slug:"width"},{level:3,title:"xAdjust",slug:"xadjust"},{level:3,title:"yAdjust",slug:"yadjust"},{level:3,title:"z",slug:"z"}],content:" Interface: CoreLabelOptions \n Hierarchy \n \n \n CoreLabelOptions \n ↳ ContainedLabelOptions \n ↳ BoxLabelOptions \n Properties \n color \n • Optional color : Scriptable < Color | Color [], PartialEventContext > \n Defined in \n label.d.ts:43 \n content \n • content : Scriptable < string | string [] | HTMLCanvasElement | HTMLImageElement , PartialEventContext > \n Text to display in label. Provide an array to display multiple lines \n Defined in \n label.d.ts:73 \n drawTime \n • Optional drawTime : Scriptable < DrawTime , PartialEventContext > \n Defined in \n label.d.ts:41 \n font \n • Optional font : Scriptable < Partial < FontSpec > | Partial < FontSpec >[], PartialEventContext > \n Defined in \n label.d.ts:42 \n height \n • Optional height : Scriptable < number | `${number}%`, PartialEventContext > \n Overrides the height of the image. Could be set in pixel by a number,\nor in percentage of current height of image by a string \n Defined in \n label.d.ts:83 \n opacity \n • Optional opacity : Scriptable < number , PartialEventContext > \n Overrides the opacity of the image. \n Defined in \n label.d.ts:87 \n padding \n • Optional padding : Scriptable < number | LabelPadding , PartialEventContext > \n Padding of label \n Default \n 6 \n Defined in \n label.d.ts:48 \n textAlign \n • Optional textAlign : Scriptable < LabelTextAlign , PartialEventContext > \n Text alignment when the content of the label is multi-line. \n Default \n 'center' \n Defined in \n label.d.ts:53 \n textStrokeColor \n • Optional textStrokeColor : Scriptable < Color , PartialEventContext > \n Defined in \n label.d.ts:54 \n textStrokeWidth \n • Optional textStrokeWidth : Scriptable < number , PartialEventContext > \n Defined in \n label.d.ts:55 \n width \n • Optional width : Scriptable < number | `${number}%`, PartialEventContext > \n Overrides the width of the image. Could be set in pixel by a number,\nor in percentage of current width of image by a string \n Defined in \n label.d.ts:78 \n xAdjust \n • Optional xAdjust : Scriptable < number , PartialEventContext > \n Adjustment along x-axis (left-right) of label relative to above number (can be negative)\nFor horizontal lines positioned left or right, negative values move\nthe label toward the edge, and positive values toward the center. \n Default \n 0 \n Defined in \n label.d.ts:62 \n yAdjust \n • Optional yAdjust : Scriptable < number , PartialEventContext > \n Adjustment along y-axis (top-bottom) of label relative to above number (can be negative)\nFor vertical lines positioned top or bottom, negative values move\nthe label toward the edge, and positive values toward the center. \n Default \n 0 \n Defined in \n label.d.ts:69 \n z \n • Optional z : Scriptable < number , PartialEventContext > \n Defined in \n label.d.ts:88 \n"},{title:"Interface: EllipseAnnotationOptions",frontmatter:{},regularPath:"/api/interfaces/EllipseAnnotationOptions.html",relativePath:"api/interfaces/EllipseAnnotationOptions.md",key:"v-49180d06",path:"/api/interfaces/EllipseAnnotationOptions.html",headers:[{level:2,title:"Hierarchy",slug:"hierarchy"},{level:2,title:"Properties",slug:"properties"},{level:3,title:"adjustScaleRange",slug:"adjustscalerange"},{level:3,title:"backgroundColor",slug:"backgroundcolor"},{level:3,title:"backgroundShadowColor",slug:"backgroundshadowcolor"},{level:3,title:"borderColor",slug:"bordercolor"},{level:3,title:"borderDash",slug:"borderdash"},{level:3,title:"borderDashOffset",slug:"borderdashoffset"},{level:3,title:"borderShadowColor",slug:"bordershadowcolor"},{level:3,title:"borderWidth",slug:"borderwidth"},{level:3,title:"display",slug:"display"},{level:3,title:"drawTime",slug:"drawtime"},{level:3,title:"hitTolerance",slug:"hittolerance"},{level:3,title:"id",slug:"id"},{level:3,title:"init",slug:"init"},{level:3,title:"label",slug:"label"},{level:3,title:"rotation",slug:"rotation"},{level:3,title:"shadowBlur",slug:"shadowblur"},{level:3,title:"shadowOffsetX",slug:"shadowoffsetx"},{level:3,title:"shadowOffsetY",slug:"shadowoffsety"},{level:3,title:"xMax",slug:"xmax"},{level:3,title:"xMin",slug:"xmin"},{level:3,title:"xScaleID",slug:"xscaleid"},{level:3,title:"yMax",slug:"ymax"},{level:3,title:"yMin",slug:"ymin"},{level:3,title:"yScaleID",slug:"yscaleid"},{level:3,title:"z",slug:"z"},{level:2,title:"Methods",slug:"methods"},{level:3,title:"afterDraw",slug:"afterdraw"},{level:3,title:"beforeDraw",slug:"beforedraw"},{level:3,title:"click",slug:"click"},{level:3,title:"enter",slug:"enter"},{level:3,title:"leave",slug:"leave"}],content:" Interface: EllipseAnnotationOptions \n Hierarchy \n \n \n CoreAnnotationOptions \n ↳ EllipseAnnotationOptions \n Properties \n adjustScaleRange \n • Optional adjustScaleRange : Scriptable < boolean , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . adjustScaleRange \n Defined in \n options.d.ts:38 \n backgroundColor \n • Optional backgroundColor : Scriptable < Color , PartialEventContext > \n Defined in \n options.d.ts:122 \n backgroundShadowColor \n • Optional backgroundShadowColor : Scriptable < Color , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . backgroundShadowColor \n Defined in \n options.d.ts:30 \n borderColor \n • Optional borderColor : Scriptable < Color , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . borderColor \n Defined in \n options.d.ts:39 \n borderDash \n • Optional borderDash : Scriptable < number [], PartialEventContext > \n Inherited from \n CoreAnnotationOptions . borderDash \n Defined in \n options.d.ts:40 \n borderDashOffset \n • Optional borderDashOffset : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . borderDashOffset \n Defined in \n options.d.ts:41 \n borderShadowColor \n • Optional borderShadowColor : Scriptable < Color , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . borderShadowColor \n Defined in \n options.d.ts:31 \n borderWidth \n • Optional borderWidth : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . borderWidth \n Defined in \n options.d.ts:42 \n display \n • Optional display : Scriptable < boolean , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . display \n Defined in \n options.d.ts:43 \n drawTime \n • Optional drawTime : Scriptable < DrawTime , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . drawTime \n Defined in \n options.d.ts:44 \n hitTolerance \n • Optional hitTolerance : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . hitTolerance \n Defined in \n options.d.ts:45 \n id \n • Optional id : string \n Inherited from \n CoreAnnotationOptions . id \n Defined in \n options.d.ts:47 \n init \n • Optional init : boolean | ( __namedParameters : Object ) => boolean | void | Partial < AnnotationElement > \n Inherited from \n CoreAnnotationOptions . init \n Defined in \n options.d.ts:46 \n label \n • Optional label : BoxLabelOptions \n Defined in \n options.d.ts:123 \n rotation \n • Optional rotation : Scriptable < number , PartialEventContext > \n Defined in \n options.d.ts:124 \n shadowBlur \n • Optional shadowBlur : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . shadowBlur \n Defined in \n options.d.ts:32 \n shadowOffsetX \n • Optional shadowOffsetX : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . shadowOffsetX \n Defined in \n options.d.ts:33 \n shadowOffsetY \n • Optional shadowOffsetY : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . shadowOffsetY \n Defined in \n options.d.ts:34 \n xMax \n • Optional xMax : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . xMax \n Defined in \n options.d.ts:48 \n xMin \n • Optional xMin : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . xMin \n Defined in \n options.d.ts:49 \n xScaleID \n • Optional xScaleID : Scriptable < string , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . xScaleID \n Defined in \n options.d.ts:50 \n yMax \n • Optional yMax : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . yMax \n Defined in \n options.d.ts:51 \n yMin \n • Optional yMin : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . yMin \n Defined in \n options.d.ts:52 \n yScaleID \n • Optional yScaleID : Scriptable < string , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . yScaleID \n Defined in \n options.d.ts:53 \n z \n • Optional z : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . z \n Defined in \n options.d.ts:54 \n Methods \n afterDraw \n ▸ Optional afterDraw ( context ): void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n Returns \n void \n Inherited from \n CoreAnnotationOptions . afterDraw \n Defined in \n options.d.ts:23 \n beforeDraw \n ▸ Optional beforeDraw ( context ): void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n Returns \n void \n Inherited from \n CoreAnnotationOptions . beforeDraw \n Defined in \n options.d.ts:22 \n click \n ▸ Optional click ( context , event ): boolean | void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n \n \n event \n ChartEvent \n Returns \n boolean | void \n Inherited from \n CoreAnnotationOptions . click \n Defined in \n events.d.ts:27 \n enter \n ▸ Optional enter ( context , event ): boolean | void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n \n \n event \n ChartEvent \n Returns \n boolean | void \n Inherited from \n CoreAnnotationOptions . enter \n Defined in \n events.d.ts:25 \n leave \n ▸ Optional leave ( context , event ): boolean | void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n \n \n event \n ChartEvent \n Returns \n boolean | void \n Inherited from \n CoreAnnotationOptions . leave \n Defined in \n events.d.ts:26 \n"},{title:"Interface: EventContext",frontmatter:{},regularPath:"/api/interfaces/EventContext.html",relativePath:"api/interfaces/EventContext.md",key:"v-29e3487d",path:"/api/interfaces/EventContext.html",headers:[{level:2,title:"Properties",slug:"properties"},{level:3,title:"chart",slug:"chart"},{level:3,title:"element",slug:"element"},{level:3,title:"elements",slug:"elements"},{level:3,title:"id",slug:"id"},{level:3,title:"type",slug:"type"}],content:" Interface: EventContext \n Properties \n chart \n • chart : Chart \n Defined in \n events.d.ts:5 \n element \n • element : AnnotationElement \n Defined in \n events.d.ts:6 \n elements \n • elements : AnnotationElement [] \n Defined in \n events.d.ts:7 \n id \n • id : string \n Defined in \n events.d.ts:8 \n type \n • type : string \n Defined in \n events.d.ts:9 \n"},{title:"Interface: LabelAnnotationOptions",frontmatter:{},regularPath:"/api/interfaces/LabelAnnotationOptions.html",relativePath:"api/interfaces/LabelAnnotationOptions.md",key:"v-f13aec06",path:"/api/interfaces/LabelAnnotationOptions.html",headers:[{level:2,title:"Hierarchy",slug:"hierarchy"},{level:2,title:"Properties",slug:"properties"},{level:3,title:"adjustScaleRange",slug:"adjustscalerange"},{level:3,title:"backgroundColor",slug:"backgroundcolor"},{level:3,title:"backgroundShadowColor",slug:"backgroundshadowcolor"},{level:3,title:"borderCapStyle",slug:"bordercapstyle"},{level:3,title:"borderColor",slug:"bordercolor"},{level:3,title:"borderDash",slug:"borderdash"},{level:3,title:"borderDashOffset",slug:"borderdashoffset"},{level:3,title:"borderJoinStyle",slug:"borderjoinstyle"},{level:3,title:"borderRadius",slug:"borderradius"},{level:3,title:"borderShadowColor",slug:"bordershadowcolor"},{level:3,title:"borderWidth",slug:"borderwidth"},{level:3,title:"callout",slug:"callout"},{level:3,title:"color",slug:"color"},{level:3,title:"content",slug:"content"},{level:3,title:"display",slug:"display"},{level:3,title:"drawTime",slug:"drawtime"},{level:3,title:"font",slug:"font"},{level:3,title:"height",slug:"height"},{level:3,title:"hitTolerance",slug:"hittolerance"},{level:3,title:"id",slug:"id"},{level:3,title:"init",slug:"init"},{level:3,title:"opacity",slug:"opacity"},{level:3,title:"padding",slug:"padding"},{level:3,title:"position",slug:"position"},{level:3,title:"rotation",slug:"rotation"},{level:3,title:"shadowBlur",slug:"shadowblur"},{level:3,title:"shadowOffsetX",slug:"shadowoffsetx"},{level:3,title:"shadowOffsetY",slug:"shadowoffsety"},{level:3,title:"textAlign",slug:"textalign"},{level:3,title:"textStrokeColor",slug:"textstrokecolor"},{level:3,title:"textStrokeWidth",slug:"textstrokewidth"},{level:3,title:"width",slug:"width"},{level:3,title:"xAdjust",slug:"xadjust"},{level:3,title:"xMax",slug:"xmax"},{level:3,title:"xMin",slug:"xmin"},{level:3,title:"xScaleID",slug:"xscaleid"},{level:3,title:"xValue",slug:"xvalue"},{level:3,title:"yAdjust",slug:"yadjust"},{level:3,title:"yMax",slug:"ymax"},{level:3,title:"yMin",slug:"ymin"},{level:3,title:"yScaleID",slug:"yscaleid"},{level:3,title:"yValue",slug:"yvalue"},{level:3,title:"z",slug:"z"},{level:2,title:"Methods",slug:"methods"},{level:3,title:"afterDraw",slug:"afterdraw"},{level:3,title:"beforeDraw",slug:"beforedraw"},{level:3,title:"click",slug:"click"},{level:3,title:"enter",slug:"enter"},{level:3,title:"leave",slug:"leave"}],content:" Interface: LabelAnnotationOptions \n Hierarchy \n \n \n CoreAnnotationOptions \n \n \n LabelTypeOptions \n \n \n AnnotationPointCoordinates \n ↳ LabelAnnotationOptions \n Properties \n adjustScaleRange \n • Optional adjustScaleRange : Scriptable < boolean , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . adjustScaleRange \n Defined in \n options.d.ts:38 \n backgroundColor \n • Optional backgroundColor : Scriptable < Color , PartialEventContext > \n Inherited from \n LabelTypeOptions . backgroundColor \n Defined in \n label.d.ts:92 \n backgroundShadowColor \n • Optional backgroundShadowColor : Scriptable < Color , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . backgroundShadowColor \n Defined in \n options.d.ts:30 \n borderCapStyle \n • Optional borderCapStyle : Scriptable < CanvasLineCap , PartialEventContext > \n Border line cap style. See MDN. \n Default \n 'butt' \n Inherited from \n LabelTypeOptions . borderCapStyle \n Defined in \n label.d.ts:99 \n borderColor \n • Optional borderColor : Scriptable < Color , PartialEventContext > \n Inherited from \n LabelTypeOptions . borderColor \n Defined in \n options.d.ts:39 \n borderDash \n • Optional borderDash : Scriptable < number [], PartialEventContext > \n Border line dash. See MDN. \n Default \n [] \n Inherited from \n LabelTypeOptions . borderDash \n Defined in \n options.d.ts:40 \n borderDashOffset \n • Optional borderDashOffset : Scriptable < number , PartialEventContext > \n Border line dash offset. See MDN. \n Default \n 0.0 \n Inherited from \n LabelTypeOptions . borderDashOffset \n Defined in \n options.d.ts:41 \n borderJoinStyle \n • Optional borderJoinStyle : Scriptable < CanvasLineJoin , PartialEventContext > \n Border line join style. See MDN. \n Default \n 'miter' \n Inherited from \n LabelTypeOptions . borderJoinStyle \n Defined in \n label.d.ts:114 \n borderRadius \n • Optional borderRadius : Scriptable < number | BorderRadius , PartialEventContext > \n Border radius of the label rectangle \n Default \n 6 \n Inherited from \n LabelTypeOptions . borderRadius \n Defined in \n label.d.ts:119 \n borderShadowColor \n • Optional borderShadowColor : Scriptable < Color , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . borderShadowColor \n Defined in \n options.d.ts:31 \n borderWidth \n • Optional borderWidth : Scriptable < number , PartialEventContext > \n Inherited from \n LabelTypeOptions . borderWidth \n Defined in \n options.d.ts:42 \n callout \n • Optional callout : CalloutOptions \n Inherited from \n LabelTypeOptions . callout \n Defined in \n label.d.ts:120 \n color \n • Optional color : Scriptable < Color | Color [], PartialEventContext > \n Inherited from \n LabelTypeOptions . color \n Defined in \n label.d.ts:43 \n content \n • content : Scriptable < string | string [] | HTMLCanvasElement | HTMLImageElement , PartialEventContext > \n Text to display in label. Provide an array to display multiple lines \n Inherited from \n LabelTypeOptions . content \n Defined in \n label.d.ts:73 \n display \n • Optional display : Scriptable < boolean , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . display \n Defined in \n options.d.ts:43 \n drawTime \n • Optional drawTime : Scriptable < DrawTime , PartialEventContext > \n Inherited from \n LabelTypeOptions . drawTime \n Defined in \n options.d.ts:44 \n font \n • Optional font : Scriptable < Partial < FontSpec > | Partial < FontSpec >[], PartialEventContext > \n Inherited from \n LabelTypeOptions . font \n Defined in \n label.d.ts:42 \n height \n • Optional height : Scriptable < number | `${number}%`, PartialEventContext > \n Overrides the height of the image. Could be set in pixel by a number,\nor in percentage of current height of image by a string \n Inherited from \n LabelTypeOptions . height \n Defined in \n label.d.ts:83 \n hitTolerance \n • Optional hitTolerance : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . hitTolerance \n Defined in \n options.d.ts:45 \n id \n • Optional id : string \n Inherited from \n CoreAnnotationOptions . id \n Defined in \n options.d.ts:47 \n init \n • Optional init : boolean | ( __namedParameters : Object ) => boolean | void | Partial < AnnotationElement > \n Inherited from \n CoreAnnotationOptions . init \n Defined in \n options.d.ts:46 \n opacity \n • Optional opacity : Scriptable < number , PartialEventContext > \n Overrides the opacity of the image. \n Inherited from \n LabelTypeOptions . opacity \n Defined in \n label.d.ts:87 \n padding \n • Optional padding : Scriptable < number | LabelPadding , PartialEventContext > \n Padding of label \n Default \n 6 \n Inherited from \n LabelTypeOptions . padding \n Defined in \n label.d.ts:48 \n position \n • Optional position : Scriptable < LabelPosition | LabelPositionObject , PartialEventContext > \n Inherited from \n LabelTypeOptions . position \n Defined in \n label.d.ts:150 \n rotation \n • Optional rotation : Scriptable < number , PartialEventContext > \n Defined in \n options.d.ts:137 \n shadowBlur \n • Optional shadowBlur : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . shadowBlur \n Defined in \n options.d.ts:32 \n shadowOffsetX \n • Optional shadowOffsetX : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . shadowOffsetX \n Defined in \n options.d.ts:33 \n shadowOffsetY \n • Optional shadowOffsetY : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . shadowOffsetY \n Defined in \n options.d.ts:34 \n textAlign \n • Optional textAlign : Scriptable < LabelTextAlign , PartialEventContext > \n Text alignment when the content of the label is multi-line. \n Default \n 'center' \n Inherited from \n LabelTypeOptions . textAlign \n Defined in \n label.d.ts:53 \n textStrokeColor \n • Optional textStrokeColor : Scriptable < Color , PartialEventContext > \n Inherited from \n LabelTypeOptions . textStrokeColor \n Defined in \n label.d.ts:54 \n textStrokeWidth \n • Optional textStrokeWidth : Scriptable < number , PartialEventContext > \n Inherited from \n LabelTypeOptions . textStrokeWidth \n Defined in \n label.d.ts:55 \n width \n • Optional width : Scriptable < number | `${number}%`, PartialEventContext > \n Overrides the width of the image. Could be set in pixel by a number,\nor in percentage of current width of image by a string \n Inherited from \n LabelTypeOptions . width \n Defined in \n label.d.ts:78 \n xAdjust \n • Optional xAdjust : Scriptable < number , PartialEventContext > \n Adjustment along x-axis (left-right) of label relative to above number (can be negative)\nFor horizontal lines positioned left or right, negative values move\nthe label toward the edge, and positive values toward the center. \n Default \n 0 \n Inherited from \n LabelTypeOptions . xAdjust \n Defined in \n label.d.ts:62 \n xMax \n • Optional xMax : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . xMax \n Defined in \n options.d.ts:48 \n xMin \n • Optional xMin : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . xMin \n Defined in \n options.d.ts:49 \n xScaleID \n • Optional xScaleID : Scriptable < string , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . xScaleID \n Defined in \n options.d.ts:50 \n xValue \n • Optional xValue : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n AnnotationPointCoordinates . xValue \n Defined in \n options.d.ts:58 \n yAdjust \n • Optional yAdjust : Scriptable < number , PartialEventContext > \n Adjustment along y-axis (top-bottom) of label relative to above number (can be negative)\nFor vertical lines positioned top or bottom, negative values move\nthe label toward the edge, and positive values toward the center. \n Default \n 0 \n Inherited from \n LabelTypeOptions . yAdjust \n Defined in \n label.d.ts:69 \n yMax \n • Optional yMax : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . yMax \n Defined in \n options.d.ts:51 \n yMin \n • Optional yMin : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . yMin \n Defined in \n options.d.ts:52 \n yScaleID \n • Optional yScaleID : Scriptable < string , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . yScaleID \n Defined in \n options.d.ts:53 \n yValue \n • Optional yValue : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n AnnotationPointCoordinates . yValue \n Defined in \n options.d.ts:59 \n z \n • Optional z : Scriptable < number , PartialEventContext > \n Inherited from \n LabelTypeOptions . z \n Defined in \n options.d.ts:54 \n Methods \n afterDraw \n ▸ Optional afterDraw ( context ): void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n Returns \n void \n Inherited from \n CoreAnnotationOptions . afterDraw \n Defined in \n options.d.ts:23 \n beforeDraw \n ▸ Optional beforeDraw ( context ): void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n Returns \n void \n Inherited from \n CoreAnnotationOptions . beforeDraw \n Defined in \n options.d.ts:22 \n click \n ▸ Optional click ( context , event ): boolean | void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n \n \n event \n ChartEvent \n Returns \n boolean | void \n Inherited from \n CoreAnnotationOptions . click \n Defined in \n events.d.ts:27 \n enter \n ▸ Optional enter ( context , event ): boolean | void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n \n \n event \n ChartEvent \n Returns \n boolean | void \n Inherited from \n CoreAnnotationOptions . enter \n Defined in \n events.d.ts:25 \n leave \n ▸ Optional leave ( context , event ): boolean | void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n \n \n event \n ChartEvent \n Returns \n boolean | void \n Inherited from \n CoreAnnotationOptions . leave \n Defined in \n events.d.ts:26 \n"},{title:"Interface: LabelOptions",frontmatter:{},regularPath:"/api/interfaces/LabelOptions.html",relativePath:"api/interfaces/LabelOptions.md",key:"v-3e5dcf1d",path:"/api/interfaces/LabelOptions.html",headers:[{level:2,title:"Hierarchy",slug:"hierarchy"},{level:2,title:"Properties",slug:"properties"},{level:3,title:"backgroundColor",slug:"backgroundcolor"},{level:3,title:"backgroundShadowColor",slug:"backgroundshadowcolor"},{level:3,title:"borderCapStyle",slug:"bordercapstyle"},{level:3,title:"borderColor",slug:"bordercolor"},{level:3,title:"borderDash",slug:"borderdash"},{level:3,title:"borderDashOffset",slug:"borderdashoffset"},{level:3,title:"borderJoinStyle",slug:"borderjoinstyle"},{level:3,title:"borderRadius",slug:"borderradius"},{level:3,title:"borderShadowColor",slug:"bordershadowcolor"},{level:3,title:"borderWidth",slug:"borderwidth"},{level:3,title:"callout",slug:"callout"},{level:3,title:"color",slug:"color"},{level:3,title:"content",slug:"content"},{level:3,title:"display",slug:"display"},{level:3,title:"drawTime",slug:"drawtime"},{level:3,title:"font",slug:"font"},{level:3,title:"height",slug:"height"},{level:3,title:"hitTolerance",slug:"hittolerance"},{level:3,title:"opacity",slug:"opacity"},{level:3,title:"padding",slug:"padding"},{level:3,title:"position",slug:"position"},{level:3,title:"rotation",slug:"rotation"},{level:3,title:"shadowBlur",slug:"shadowblur"},{level:3,title:"shadowOffsetX",slug:"shadowoffsetx"},{level:3,title:"shadowOffsetY",slug:"shadowoffsety"},{level:3,title:"textAlign",slug:"textalign"},{level:3,title:"textStrokeColor",slug:"textstrokecolor"},{level:3,title:"textStrokeWidth",slug:"textstrokewidth"},{level:3,title:"width",slug:"width"},{level:3,title:"xAdjust",slug:"xadjust"},{level:3,title:"yAdjust",slug:"yadjust"},{level:3,title:"z",slug:"z"}],content:" Interface: LabelOptions \n Hierarchy \n \n \n ContainedLabelOptions \n \n \n ShadowOptions \n ↳ LabelOptions \n Properties \n backgroundColor \n • Optional backgroundColor : Scriptable < Color , PartialEventContext > \n Inherited from \n ContainedLabelOptions . backgroundColor \n Defined in \n label.d.ts:92 \n backgroundShadowColor \n • Optional backgroundShadowColor : Scriptable < Color , PartialEventContext > \n Inherited from \n ShadowOptions . backgroundShadowColor \n Defined in \n options.d.ts:30 \n borderCapStyle \n • Optional borderCapStyle : Scriptable < CanvasLineCap , PartialEventContext > \n Border line cap style. See MDN. \n Default \n 'butt' \n Inherited from \n ContainedLabelOptions . borderCapStyle \n Defined in \n label.d.ts:99 \n borderColor \n • Optional borderColor : Scriptable < Color , PartialEventContext > \n Inherited from \n ContainedLabelOptions . borderColor \n Defined in \n label.d.ts:94 \n borderDash \n • Optional borderDash : Scriptable < number [], PartialEventContext > \n Border line dash. See MDN. \n Default \n [] \n Inherited from \n ContainedLabelOptions . borderDash \n Defined in \n label.d.ts:104 \n borderDashOffset \n • Optional borderDashOffset : Scriptable < number , PartialEventContext > \n Border line dash offset. See MDN. \n Default \n 0.0 \n Inherited from \n ContainedLabelOptions . borderDashOffset \n Defined in \n label.d.ts:109 \n borderJoinStyle \n • Optional borderJoinStyle : Scriptable < CanvasLineJoin , PartialEventContext > \n Border line join style. See MDN. \n Default \n 'miter' \n Inherited from \n ContainedLabelOptions . borderJoinStyle \n Defined in \n label.d.ts:114 \n borderRadius \n • Optional borderRadius : Scriptable < number | BorderRadius , PartialEventContext > \n Border radius of the label rectangle \n Default \n 6 \n Inherited from \n ContainedLabelOptions . borderRadius \n Defined in \n label.d.ts:119 \n borderShadowColor \n • Optional borderShadowColor : Scriptable < Color , PartialEventContext > \n Inherited from \n ShadowOptions . borderShadowColor \n Defined in \n options.d.ts:31 \n borderWidth \n • Optional borderWidth : Scriptable < number , PartialEventContext > \n Inherited from \n ContainedLabelOptions . borderWidth \n Defined in \n label.d.ts:93 \n callout \n • Optional callout : CalloutOptions \n Inherited from \n ContainedLabelOptions . callout \n Defined in \n label.d.ts:120 \n color \n • Optional color : Scriptable < Color | Color [], PartialEventContext > \n Inherited from \n ContainedLabelOptions . color \n Defined in \n label.d.ts:43 \n content \n • content : Scriptable < string | string [] | HTMLCanvasElement | HTMLImageElement , PartialEventContext > \n Text to display in label. Provide an array to display multiple lines \n Inherited from \n ContainedLabelOptions . content \n Defined in \n label.d.ts:73 \n display \n • Optional display : Scriptable < boolean , PartialEventContext > \n Whether the label should be displayed \n Default \n true \n Defined in \n label.d.ts:129 \n drawTime \n • Optional drawTime : Scriptable < DrawTime , PartialEventContext > \n Inherited from \n ContainedLabelOptions . drawTime \n Defined in \n label.d.ts:41 \n font \n • Optional font : Scriptable < Partial < FontSpec > | Partial < FontSpec >[], PartialEventContext > \n Inherited from \n ContainedLabelOptions . font \n Defined in \n label.d.ts:42 \n height \n • Optional height : Scriptable < number | `${number}%`, PartialEventContext > \n Overrides the height of the image. Could be set in pixel by a number,\nor in percentage of current height of image by a string \n Inherited from \n ContainedLabelOptions . height \n Defined in \n label.d.ts:83 \n hitTolerance \n • Optional hitTolerance : Scriptable < number , PartialEventContext > \n Defined in \n label.d.ts:130 \n opacity \n • Optional opacity : Scriptable < number , PartialEventContext > \n Overrides the opacity of the image. \n Inherited from \n ContainedLabelOptions . opacity \n Defined in \n label.d.ts:87 \n padding \n • Optional padding : Scriptable < number | LabelPadding , PartialEventContext > \n Padding of label \n Default \n 6 \n Inherited from \n ContainedLabelOptions . padding \n Defined in \n label.d.ts:48 \n position \n • Optional position : Scriptable < LabelPosition , PartialEventContext > \n Defined in \n label.d.ts:124 \n rotation \n • Optional rotation : Scriptable < number | \"auto\" , PartialEventContext > \n Rotation of label, in degrees, or 'auto' to use the degrees of the line, default is 0 \n Default \n 90 \n Defined in \n label.d.ts:135 \n shadowBlur \n • Optional shadowBlur : Scriptable < number , PartialEventContext > \n Inherited from \n ShadowOptions . shadowBlur \n Defined in \n options.d.ts:32 \n shadowOffsetX \n • Optional shadowOffsetX : Scriptable < number , PartialEventContext > \n Inherited from \n ShadowOptions . shadowOffsetX \n Defined in \n options.d.ts:33 \n shadowOffsetY \n • Optional shadowOffsetY : Scriptable < number , PartialEventContext > \n Inherited from \n ShadowOptions . shadowOffsetY \n Defined in \n options.d.ts:34 \n textAlign \n • Optional textAlign : Scriptable < LabelTextAlign , PartialEventContext > \n Text alignment when the content of the label is multi-line. \n Default \n 'center' \n Inherited from \n ContainedLabelOptions . textAlign \n Defined in \n label.d.ts:53 \n textStrokeColor \n • Optional textStrokeColor : Scriptable < Color , PartialEventContext > \n Inherited from \n ContainedLabelOptions . textStrokeColor \n Defined in \n label.d.ts:54 \n textStrokeWidth \n • Optional textStrokeWidth : Scriptable < number , PartialEventContext > \n Inherited from \n ContainedLabelOptions . textStrokeWidth \n Defined in \n label.d.ts:55 \n width \n • Optional width : Scriptable < number | `${number}%`, PartialEventContext > \n Overrides the width of the image. Could be set in pixel by a number,\nor in percentage of current width of image by a string \n Inherited from \n ContainedLabelOptions . width \n Defined in \n label.d.ts:78 \n xAdjust \n • Optional xAdjust : Scriptable < number , PartialEventContext > \n Adjustment along x-axis (left-right) of label relative to above number (can be negative)\nFor horizontal lines positioned left or right, negative values move\nthe label toward the edge, and positive values toward the center. \n Default \n 0 \n Inherited from \n ContainedLabelOptions . xAdjust \n Defined in \n label.d.ts:62 \n yAdjust \n • Optional yAdjust : Scriptable < number , PartialEventContext > \n Adjustment along y-axis (top-bottom) of label relative to above number (can be negative)\nFor vertical lines positioned top or bottom, negative values move\nthe label toward the edge, and positive values toward the center. \n Default \n 0 \n Inherited from \n ContainedLabelOptions . yAdjust \n Defined in \n label.d.ts:69 \n z \n • Optional z : Scriptable < number , PartialEventContext > \n Inherited from \n ContainedLabelOptions . z \n Defined in \n label.d.ts:88 \n"},{title:"Interface: LabelPadding",frontmatter:{},regularPath:"/api/interfaces/LabelPadding.html",relativePath:"api/interfaces/LabelPadding.md",key:"v-35d1c17d",path:"/api/interfaces/LabelPadding.html",headers:[{level:2,title:"Properties",slug:"properties"},{level:3,title:"bottom",slug:"bottom"},{level:3,title:"left",slug:"left"},{level:3,title:"right",slug:"right"},{level:3,title:"top",slug:"top"},{level:3,title:"x",slug:"x"},{level:3,title:"y",slug:"y"}],content:" Interface: LabelPadding \n Properties \n bottom \n • Optional bottom : number \n Defined in \n label.d.ts:21 \n left \n • Optional left : number \n Defined in \n label.d.ts:19 \n right \n • Optional right : number \n Defined in \n label.d.ts:20 \n top \n • Optional top : number \n Defined in \n label.d.ts:18 \n x \n • Optional x : number \n Defined in \n label.d.ts:22 \n y \n • Optional y : number \n Defined in \n label.d.ts:23 \n"},{title:"Interface: LabelPositionObject",frontmatter:{},regularPath:"/api/interfaces/LabelPositionObject.html",relativePath:"api/interfaces/LabelPositionObject.md",key:"v-361cec5e",path:"/api/interfaces/LabelPositionObject.html",headers:[{level:2,title:"Properties",slug:"properties"},{level:3,title:"x",slug:"x"},{level:3,title:"y",slug:"y"}],content:" Interface: LabelPositionObject \n Properties \n x \n • Optional x : LabelPosition \n Defined in \n label.d.ts:13 \n y \n • Optional y : LabelPosition \n Defined in \n label.d.ts:14 \n"},{title:"Interface: 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: LabelTypeOptions",frontmatter:{},regularPath:"/api/interfaces/LabelTypeOptions.html",relativePath:"api/interfaces/LabelTypeOptions.md",key:"v-07090646",path:"/api/interfaces/LabelTypeOptions.html",headers:[{level:2,title:"Hierarchy",slug:"hierarchy"},{level:2,title:"Properties",slug:"properties"},{level:3,title:"backgroundColor",slug:"backgroundcolor"},{level:3,title:"borderCapStyle",slug:"bordercapstyle"},{level:3,title:"borderColor",slug:"bordercolor"},{level:3,title:"borderDash",slug:"borderdash"},{level:3,title:"borderDashOffset",slug:"borderdashoffset"},{level:3,title:"borderJoinStyle",slug:"borderjoinstyle"},{level:3,title:"borderRadius",slug:"borderradius"},{level:3,title:"borderWidth",slug:"borderwidth"},{level:3,title:"callout",slug:"callout"},{level:3,title:"color",slug:"color"},{level:3,title:"content",slug:"content"},{level:3,title:"drawTime",slug:"drawtime"},{level:3,title:"font",slug:"font"},{level:3,title:"height",slug:"height"},{level:3,title:"opacity",slug:"opacity"},{level:3,title:"padding",slug:"padding"},{level:3,title:"position",slug:"position"},{level:3,title:"textAlign",slug:"textalign"},{level:3,title:"textStrokeColor",slug:"textstrokecolor"},{level:3,title:"textStrokeWidth",slug:"textstrokewidth"},{level:3,title:"width",slug:"width"},{level:3,title:"xAdjust",slug:"xadjust"},{level:3,title:"yAdjust",slug:"yadjust"},{level:3,title:"z",slug:"z"}],content:" Interface: LabelTypeOptions \n Hierarchy \n \n \n ContainedLabelOptions \n ↳ LabelTypeOptions \n ↳↳ LabelAnnotationOptions \n Properties \n backgroundColor \n • Optional backgroundColor : Scriptable < Color , PartialEventContext > \n Inherited from \n ContainedLabelOptions . backgroundColor \n Defined in \n label.d.ts:92 \n borderCapStyle \n • Optional borderCapStyle : Scriptable < CanvasLineCap , PartialEventContext > \n Border line cap style. See MDN. \n Default \n 'butt' \n Inherited from \n ContainedLabelOptions . borderCapStyle \n Defined in \n label.d.ts:99 \n borderColor \n • Optional borderColor : Scriptable < Color , PartialEventContext > \n Inherited from \n ContainedLabelOptions . borderColor \n Defined in \n label.d.ts:94 \n borderDash \n • Optional borderDash : Scriptable < number [], PartialEventContext > \n Border line dash. See MDN. \n Default \n [] \n Inherited from \n ContainedLabelOptions . borderDash \n Defined in \n label.d.ts:104 \n borderDashOffset \n • Optional borderDashOffset : Scriptable < number , PartialEventContext > \n Border line dash offset. See MDN. \n Default \n 0.0 \n Inherited from \n ContainedLabelOptions . borderDashOffset \n Defined in \n label.d.ts:109 \n borderJoinStyle \n • Optional borderJoinStyle : Scriptable < CanvasLineJoin , PartialEventContext > \n Border line join style. See MDN. \n Default \n 'miter' \n Inherited from \n ContainedLabelOptions . borderJoinStyle \n Defined in \n label.d.ts:114 \n borderRadius \n • Optional borderRadius : Scriptable < number | BorderRadius , PartialEventContext > \n Border radius of the label rectangle \n Default \n 6 \n Inherited from \n ContainedLabelOptions . borderRadius \n Defined in \n label.d.ts:119 \n borderWidth \n • Optional borderWidth : Scriptable < number , PartialEventContext > \n Inherited from \n ContainedLabelOptions . borderWidth \n Defined in \n label.d.ts:93 \n callout \n • Optional callout : CalloutOptions \n Inherited from \n ContainedLabelOptions . callout \n Defined in \n label.d.ts:120 \n color \n • Optional color : Scriptable < Color | Color [], PartialEventContext > \n Inherited from \n ContainedLabelOptions . color \n Defined in \n label.d.ts:43 \n content \n • content : Scriptable < string | string [] | HTMLCanvasElement | HTMLImageElement , PartialEventContext > \n Text to display in label. Provide an array to display multiple lines \n Inherited from \n ContainedLabelOptions . content \n Defined in \n label.d.ts:73 \n drawTime \n • Optional drawTime : Scriptable < DrawTime , PartialEventContext > \n Inherited from \n ContainedLabelOptions . drawTime \n Defined in \n label.d.ts:41 \n font \n • Optional font : Scriptable < Partial < FontSpec > | Partial < FontSpec >[], PartialEventContext > \n Inherited from \n ContainedLabelOptions . font \n Defined in \n label.d.ts:42 \n height \n • Optional height : Scriptable < number | `${number}%`, PartialEventContext > \n Overrides the height of the image. Could be set in pixel by a number,\nor in percentage of current height of image by a string \n Inherited from \n ContainedLabelOptions . height \n Defined in \n label.d.ts:83 \n opacity \n • Optional opacity : Scriptable < number , PartialEventContext > \n Overrides the opacity of the image. \n Inherited from \n ContainedLabelOptions . opacity \n Defined in \n label.d.ts:87 \n padding \n • Optional padding : Scriptable < number | LabelPadding , PartialEventContext > \n Padding of label \n Default \n 6 \n Inherited from \n ContainedLabelOptions . padding \n Defined in \n label.d.ts:48 \n position \n • Optional position : Scriptable < LabelPosition | LabelPositionObject , PartialEventContext > \n Defined in \n label.d.ts:150 \n textAlign \n • Optional textAlign : Scriptable < LabelTextAlign , PartialEventContext > \n Text alignment when the content of the label is multi-line. \n Default \n 'center' \n Inherited from \n ContainedLabelOptions . textAlign \n Defined in \n label.d.ts:53 \n textStrokeColor \n • Optional textStrokeColor : Scriptable < Color , PartialEventContext > \n Inherited from \n ContainedLabelOptions . textStrokeColor \n Defined in \n label.d.ts:54 \n textStrokeWidth \n • Optional textStrokeWidth : Scriptable < number , PartialEventContext > \n Inherited from \n ContainedLabelOptions . textStrokeWidth \n Defined in \n label.d.ts:55 \n width \n • Optional width : Scriptable < number | `${number}%`, PartialEventContext > \n Overrides the width of the image. Could be set in pixel by a number,\nor in percentage of current width of image by a string \n Inherited from \n ContainedLabelOptions . width \n Defined in \n label.d.ts:78 \n xAdjust \n • Optional xAdjust : Scriptable < number , PartialEventContext > \n Adjustment along x-axis (left-right) of label relative to above number (can be negative)\nFor horizontal lines positioned left or right, negative values move\nthe label toward the edge, and positive values toward the center. \n Default \n 0 \n Inherited from \n ContainedLabelOptions . xAdjust \n Defined in \n label.d.ts:62 \n yAdjust \n • Optional yAdjust : Scriptable < number , PartialEventContext > \n Adjustment along y-axis (top-bottom) of label relative to above number (can be negative)\nFor vertical lines positioned top or bottom, negative values move\nthe label toward the edge, and positive values toward the center. \n Default \n 0 \n Inherited from \n ContainedLabelOptions . yAdjust \n Defined in \n label.d.ts:69 \n z \n • Optional z : Scriptable < number , PartialEventContext > \n Inherited from \n ContainedLabelOptions . z \n Defined in \n label.d.ts:88 \n"},{title:"Interface: PartialEventContext",frontmatter:{},regularPath:"/api/interfaces/PartialEventContext.html",relativePath:"api/interfaces/PartialEventContext.md",key:"v-16482446",path:"/api/interfaces/PartialEventContext.html",headers:[{level:2,title:"Properties",slug:"properties"},{level:3,title:"chart",slug:"chart"},{level:3,title:"element",slug:"element"},{level:3,title:"elements",slug:"elements"},{level:3,title:"id",slug:"id"},{level:3,title:"type",slug:"type"}],content:" Interface: PartialEventContext \n Some scriptable options may be called with during the chart's initial\ndisplay, when the element isn't fully initialized. \n Properties \n chart \n • chart : Chart \n Defined in \n events.d.ts:17 \n element \n • Optional element : Partial < AnnotationElement > \n Defined in \n events.d.ts:18 \n elements \n • Optional elements : AnnotationElement [] \n Defined in \n events.d.ts:19 \n id \n • Optional id : string \n Defined in \n events.d.ts:20 \n type \n • Optional type : string \n Defined in \n events.d.ts:21 \n"},{title:"Interface: 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/25/2024, 11:59:07 AM",lastUpdatedTimestamp:1727265547e3,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/25/2024, 11:59:07 AM",lastUpdatedTimestamp:1727265547e3,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/25/2024, 11:59:07 AM",lastUpdatedTimestamp:1727265547e3,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/25/2024, 11:59:07 AM",lastUpdatedTimestamp:1727265547e3,content:" Getting Started \n DANGER \n This plugin needs to be registered. It does not function as inline plugin. \n \n An annotation plugin for Chart.js >= 4.0.0 \n This plugin draws lines, boxes, labels, points, polygons and ellipses on the chart area. Annotations work with line, bar, scatter and bubble charts that use linear, logarithmic, time, or category scales. Annotations will not work on any chart that does not have exactly two axes, including pie, radar, and polar area charts. \n Installation \n > npm install chartjs-plugin-annotation\n \n Important Note \n For Chart.js 3.7.0 to 3.9.1 support, use version 2.2.1 of this plugin \n For Chart.js 3.0.0 to 3.6.2 support, use version 1.4.0 of this plugin \n For Chart.js 2.4.0 to 2.9.x support, use version 0.5.7 of this plugin \n Documentation for v0.5.7 can be found on GitHub . \n \n"},{title:"1.x Migration Guide",frontmatter:{},regularPath:"/guide/migrationV1.html",relativePath:"guide/migrationV1.md",key:"v-51daecc6",path:"/guide/migrationV1.html",headers:[{level:2,title:"Setup and installation",slug:"setup-and-installation"},{level:2,title:"Options",slug:"options"},{level:3,title:"Plugin options",slug:"plugin-options"},{level:3,title:"Element options",slug:"element-options"},{level:3,title:"Line",slug:"line"},{level:2,title:"Event hooks",slug:"event-hooks"}],lastUpdated:"9/25/2024, 11:59:07 AM",lastUpdatedTimestamp:1727265547e3,content:" 1.x Migration Guide \n chartjs-plugin-annotation plugin version 1 introduces a number of breaking changes in order to compatible with Chart.js 3 and to align with Chart.js 3 options. \n Setup and installation \n Chart.js 3 is tree-shakeable and thus requires registering the plugins when used as an npm module. Here is an example: \n import { Chart , LineController , LineElement , PointElement , LinearScale } from 'chart.js' ; \n import Annotation from 'chartjs-plugin-annotation' ; \n\nChart . register ( LineController , LineElement , PointElement , LinearScale , Annotation ) ; \n\n const Chart = new Chart ( ctx , { \n type : 'line' , \n // data: ... \n options : { \n plugins : { \n annotation : { \n // annotation plugin options \n annotations : [ { \n // annotation element options \n type : 'line' , \n scaleID : 'y' , \n value : 25 , \n borderColor : 'red' , \n borderWidth : 2 \n } ] \n } \n } \n } \n } ) : \n Options \n Plugin options \n \n events array was removed. Listened events are determined automatically from the hooks specified. \n enter , leave , click , dblclick event hooks can now be defined also at plugin level options. \n Element options \n \n onMouseenter was removed. Use enter instead. \n onMouseleave was removed. Use leave instead. \n onMouseover was removed. Use enter instead. \n onMouseout was removed. Use leave instead. \n onMousemove was removed. \n onMousedown was removed. Use click instead. \n onMouseup was removed. Use click instead. \n onClick was removed. Use click instead. \n onDblclick was removed. Use dblclick instead. \n onContextmenu was removed. \n onWheel was removed. \n Line \n \n mode was removed. The mode is automatically calculated based on the scale. \n position values were changed to 'start' , 'center' and 'end' .\n \n 'start' replaces previous 'left' and 'top' . \n 'end' replaces previous 'right' and 'bottom' . \n Label \n \n fontColor was renamed to font.color \n fontFamily was renamed to font.family \n fontSize was renamed to font.size \n fontStyle was renamed to font.style \n lineHeight was renamed to font.lineHeight \n Event hooks \n \n Event hooks are now supplied with single context parameter, containing chart and element properties. chart is the chart instance and element is the event target annotation element. \n Events are now fired from beforeEvent hook. \n \n"},{title:"2.x Migration Guide",frontmatter:{},regularPath:"/guide/migrationV2.html",relativePath:"guide/migrationV2.md",key:"v-121872fd",path:"/guide/migrationV2.html",headers:[{level:2,title:"Chart.js version",slug:"chart-js-version"},{level:2,title:"Options",slug:"options"},{level:2,title:"Elements",slug:"elements"},{level:2,title:"Events",slug:"events"},{level:2,title:"Types",slug:"types"}],lastUpdated:"9/25/2024, 11:59:07 AM",lastUpdatedTimestamp:1727265547e3,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:"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/25/2024, 11:59:07 AM",lastUpdatedTimestamp:1727265547e3,content:" chartjs-plugin-annotation can be integrated with plain JavaScript or with different module loaders. The examples below show to load the plugin in different systems. \n Script Tag \n < script src = \" path/to/chartjs/dist/chart.umd.js \" > \n < script src = \" path/to/chartjs-plugin-annotation/dist/chartjs-plugin-annotation.min.js \" > \n < script > \n const myChart = new Chart ( ctx , { ... } ) ; \n \n Bundlers (Webpack, Rollup, etc.) \n import { Chart } from 'chart.js' ; \n import annotationPlugin from 'chartjs-plugin-annotation' ; \n\nChart . register ( annotationPlugin ) ; \n \n "},{title:"Options",frontmatter:{},regularPath:"/guide/options.html",relativePath:"guide/options.md",key:"v-15f8e6fd",path:"/guide/options.html",headers:[{level:2,title:"Color",slug:"color"},{level:2,title:"Font",slug:"font"},{level:2,title:"Padding",slug:"padding"},{level:2,title:"Point Style",slug:"point-style"},{level:2,title:"Interaction",slug:"interaction"},{level:2,title:"Scriptable Options",slug:"scriptable-options"},{level:2,title:"Draw Time",slug:"draw-time"},{level:2,title:"Option Context",slug:"option-context"},{level:3,title:"chart",slug:"chart"},{level:3,title:"annotation",slug:"annotation"}],lastUpdated:"9/25/2024, 11:59:07 AM",lastUpdatedTimestamp:1727265547e3,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:"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/25/2024, 11:59:07 AM",lastUpdatedTimestamp:1727265547e3,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:"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/25/2024, 11:59:07 AM",lastUpdatedTimestamp:1727265547e3,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:"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/25/2024, 11:59:07 AM",lastUpdatedTimestamp:1727265547e3,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:"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/25/2024, 11:59:07 AM",lastUpdatedTimestamp:1727265547e3,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:"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/25/2024, 11:59:07 AM",lastUpdatedTimestamp:1727265547e3,content:" Box Annotations \n Box annotations are used to draw rectangles on the chart area. This can be useful for highlighting different areas of a chart. \n */\nconst options = {\n plugins: {\n annotation: {\n annotations: {\n box1: {\n type: 'box',\n xMin: 1,\n xMax: 2,\n yMin: 50,\n yMax: 70,\n backgroundColor: 'rgba(255, 99, 132, 0.25)'\n }\n }\n }\n }\n};\n/* */\n\n/* */\nconst config = {\n type: 'line',\n data: {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\n datasets: [{\n label: 'My First Dataset',\n data: [65, 59, 80, 81, 56, 55, 40],\n fill: false,\n borderColor: 'rgb(75, 192, 192)',\n tension: 0.1\n }]\n },\n options\n};\n/* */\n\nmodule.exports = {\n config\n};\n`\"/> # Configuration \n Box annotation specific options \n The following options are available for box annotations. \n \n \n \n Name \n Type \n Scriptable \n Default \n \n \n \n \n backgroundShadowColor \n Color \n Yes \n 'transparent' \n \n \n borderCapStyle \n string \n Yes \n 'butt' \n \n \n borderJoinStyle \n string \n Yes \n 'miter' \n \n \n borderRadius \n number | object \n Yes \n 0 \n \n \n borderWidth \n number \n Yes \n 1 \n \n \n label \n object \n Yes \n \n \n \n rotation \n number \n Yes \n 0 \n Common options to all annotations \n The following options are available for all annotations. \n \n \n \n Name \n Type \n Scriptable \n Default \n \n \n \n \n adjustScaleRange \n boolean \n Yes \n true \n \n \n backgroundColor \n Color \n Yes \n options.color \n \n \n borderColor \n Color \n Yes \n options.color \n \n \n borderDash \n number[] \n Yes \n [] \n \n \n borderDashOffset \n number \n Yes \n 0 \n \n \n borderShadowColor \n Color \n Yes \n 'transparent' \n \n \n display \n boolean \n Yes \n true \n \n \n drawTime \n string | number \n Yes \n 'afterDatasetsDraw' \n \n \n hitTolerance \n number \n Yes \n 0 \n \n \n init \n boolean \n See initial animation \n undefined \n \n \n id \n string \n No \n undefined \n \n \n shadowBlur \n number \n Yes \n 0 \n \n \n shadowOffsetX \n number \n Yes \n 0 \n \n \n shadowOffsetY \n number \n Yes \n 0 \n \n \n xMax \n number | string \n Yes \n undefined \n \n \n xMin \n number | string \n Yes \n undefined \n \n \n xScaleID \n string \n Yes \n undefined \n \n \n yMin \n number | string \n Yes \n undefined \n \n \n yMax \n number | string \n Yes \n undefined \n \n \n yScaleID \n string \n Yes \n undefined \n \n \n z \n number \n Yes \n 0 \n General \n If one of the axes does not match an axis in the chart, the box will take the entire chart dimension. The 4 coordinates, xMin, xMax, yMin, yMax are optional. If not specified, the box is expanded out to the edges in the respective direction. \n \n \n \n Name \n Description \n \n \n \n \n adjustScaleRange \n Should the scale range be adjusted if this annotation is out of range. \n \n \n display \n Whether or not this annotation is visible. \n \n \n drawTime \n See drawTime . \n \n \n hitTolerance \n Amount of pixels to interact with annotations within some distance of the mouse point. \n \n \n id \n Identifies a unique id for the annotation and it will be stored in the element context. When the annotations are defined by an object, the id is automatically set using the key used to store the annotations in the object. When the annotations are configured by an array, the id, passed by this option in the annotation, will be used. \n \n \n rotation \n Rotation of the box in degrees. \n \n \n xMax \n Right edge of the box in units along the x axis. \n \n \n xMin \n Left edge of the box in units along the x axis. \n \n \n xScaleID \n ID of the X scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as 'x' axis. If more than one scale has been defined in the chart as 'x' axis, the option is mandatory to select the right scale. \n \n \n yMax \n Bottom edge of the box in units along the y axis. \n \n \n yMin \n Top edge of the box in units along the y axis. \n \n \n yScaleID \n ID of the Y scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as 'y' axis. If more than one scale has been defined in the chart as 'y' axis, the option is mandatory to select the right scale. \n \n \n z \n The z property determines the drawing stack level of the box annotation element. All visible elements will be drawn in ascending order of z option, with the same drawTime option. \n Styling \n \n \n \n Name \n Description \n \n \n \n \n backgroundColor \n Fill color. \n \n \n backgroundShadowColor \n The color of shadow. See MDN . \n \n \n borderCapStyle \n Cap style of the border line. See MDN . \n \n \n borderColor \n Stroke color. \n \n \n borderDash \n Length and spacing of dashes. See MDN . \n \n \n borderDashOffset \n Offset for border line dashes. See MDN . \n \n \n borderJoinStyle \n Border line join style. See MDN . \n \n \n borderRadius \n Radius of box rectangle (in pixels). \n \n \n borderShadowColor \n The color of the border shadow. See MDN . \n \n \n borderWidth \n Border line width (in pixels). \n \n \n shadowBlur \n The amount of blur applied to shadow. See MDN . \n \n \n shadowOffsetX \n The distance that shadow will be offset horizontally. See MDN . \n \n \n shadowOffsetY \n The distance that shadow will be offset vertically. See MDN . \n borderRadius \n If this value is a number, it is applied to all corners of the rectangle (topLeft, topRight, bottomLeft, bottomRight). If this value is an object, the topLeft property defines the top-left corners border radius. Similarly, the topRight , bottomLeft , and bottomRight properties can also be specified. Omitted corners have radius of 0. \n Label \n Namespace: options.annotations[annotationID].label , it defines options for the the label of annotation. \n All of these options can be Scriptable \n \n \n \n Name \n Type \n Default \n Notes \n \n \n \n \n color \n Color | Color[] \n 'black' \n Text color. \n \n \n content \n string | string[] | Image | HTMLCanvasElement \n null \n The content to show in the label. \n \n \n display \n boolean \n false \n Whether or not the label is shown. \n \n \n drawTime \n string | number \n options.drawTime \n See drawTime . Defaults to the annotation draw time if unset \n \n \n font \n Font | Font[] \n { weight: 'bold' } \n Label font \n \n \n height \n number | string \n undefined \n Overrides the height of the image or canvas element. Could be set in pixel by a number, or in percentage of current height of image or canvas element by a string. If undefined, uses the height of the image or canvas element. It is used only when the content is an image or canvas element. \n \n \n hitTolerance \n number \n undefined \n Amount of pixels to interact with annotations within some distance of the mouse point. \n \n \n opacity \n number \n undefined \n Overrides the opacity of the image or canvas element. Could be set a number in the range 0.0 to 1.0, inclusive. If undefined, uses the opacity of the image or canvas element. It is used only when the content is an image or canvas element. \n \n \n padding \n Padding \n 6 \n The padding to add around the text label. \n \n \n position \n string | {x: string, y: string} \n 'center' \n Anchor position of label in the annotation. \n \n \n rotation \n number \n undefined \n Rotation of label, in degrees. If undefined , the annotation rotation is used. \n \n \n textAlign \n string \n 'start' \n Text alignment of label content when there's more than one line. Possible options are: 'left' , 'start' , 'center' , 'end' , 'right' . \n \n \n textStrokeColor \n Color \n undefined \n The color of the stroke around the text. \n \n \n textStrokeWidth \n number \n 0 \n Stroke width around the text. \n \n \n width \n number | string \n undefined \n Overrides the width of the image or canvas element. Could be set in pixel by a number, or in percentage of current width of image or canvas element by a string. If undefined, uses the width of the image or canvas element. It is used only when the content is an image or canvas element. \n \n \n xAdjust \n number \n 0 \n Adjustment along x-axis (left-right) of label relative to computed position. Negative values move the label left, positive right. \n \n \n yAdjust \n number \n 0 \n Adjustment along y-axis (top-bottom) of label relative to computed position. Negative values move the label up, positive down. \n \n \n z \n number \n 0 \n It determines the drawing stack level of the label element, with same drawTime . \n Position \n A position can be set in 2 different values types: \n \n 'start' , 'center' , 'end' which are defining where the label will be located \n a string , in percentage format 'number%' , is representing the percentage on the size where the label will be located \n \n If this value is a string (possible options are 'start' , 'center' , 'end' or a string in percentage format), it is applied to vertical and horizontal position in the annotation. \n If this value is an object, the x property defines the horizontal alignment in the annotation. Similarly, the y property defines the vertical alignment in the annotation. Possible options for both properties are 'start' , 'center' , 'end' , a string in percentage format. Omitted property have value of the default, 'center' . \n Fonts and colors \n When the label to draw has multiple lines, you can use different font and color for each line of the label. This is enabled configuring an array of fonts or colors for those options. When the lines are more than the configured fonts of colors, the last configuration of those options is used for all remaining lines. \n Element \n The following diagram is showing the element properties about a 'box' annotation: \n \n The label of a box annotation is described as a label annotation and accessible by element.label . \n"},{title:"Label Annotations",frontmatter:{},regularPath:"/guide/types/label.html",relativePath:"guide/types/label.md",key:"v-49aea27d",path:"/guide/types/label.html",headers:[{level:2,title:"Configuration",slug:"configuration"},{level:3,title:"Label annotation specific options",slug:"label-annotation-specific-options"},{level:3,title:"Common options to all annotations",slug:"common-options-to-all-annotations"},{level:3,title:"General",slug:"general"},{level:3,title:"Styling",slug:"styling"},{level:3,title:"Position",slug:"position"},{level:2,title:"Callout",slug:"callout"},{level:2,title:"Element",slug:"element"}],lastUpdated:"9/25/2024, 11:59:07 AM",lastUpdatedTimestamp:1727265547e3,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/25/2024, 11:59:07 AM",lastUpdatedTimestamp:1727265547e3,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/25/2024, 11:59:07 AM",lastUpdatedTimestamp:1727265547e3,content:" Point Annotations \n Point annotations are used to mark points on the chart area. This can be useful for highlighting values that are of interest. \n */\nconst options = {\n plugins: {\n annotation: {\n annotations: {\n point1: {\n type: 'point',\n xValue: 1,\n yValue: 60,\n backgroundColor: 'rgba(255, 99, 132, 0.25)'\n }\n }\n }\n }\n};\n/* */\n\n/* */\nconst config = {\n type: 'line',\n data: {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\n datasets: [{\n label: 'My First Dataset',\n data: [65, 59, 80, 81, 56, 55, 40],\n fill: false,\n borderColor: 'rgb(75, 192, 192)',\n tension: 0.1\n }]\n },\n options\n};\n/* */\n\nmodule.exports = {\n config\n};\n`\"/> # Configuration \n Point annotation specific options \n The following options are available for point annotations. \n \n \n \n Name \n Type \n Scriptable \n Default \n \n \n \n \n backgroundShadowColor \n Color \n Yes \n 'transparent' \n \n \n borderWidth \n number \n Yes \n 1 \n \n \n pointStyle \n PointStyle \n Yes \n 'circle' \n \n \n radius \n number \n Yes \n 10 \n \n \n rotation \n number \n Yes \n 0 \n \n \n xAdjust \n number \n Yes \n 0 \n \n \n xValue \n number | string \n Yes \n undefined \n \n \n yAdjust \n number \n Yes \n 0 \n \n \n yValue \n number | string \n Yes \n undefined \n Common options to all annotations \n The following options are available for all annotations. \n \n \n \n Name \n Type \n Scriptable \n Default \n \n \n \n \n adjustScaleRange \n boolean \n Yes \n true \n \n \n backgroundColor \n Color \n Yes \n options.color \n \n \n borderColor \n Color \n Yes \n options.color \n \n \n borderDash \n number[] \n Yes \n [] \n \n \n borderDashOffset \n number \n Yes \n 0 \n \n \n borderShadowColor \n Color \n Yes \n 'transparent' \n \n \n display \n boolean \n Yes \n true \n \n \n drawTime \n string | number \n Yes \n 'afterDatasetsDraw' \n \n \n hitTolerance \n number \n Yes \n 0 \n \n \n init \n boolean \n See initial animation \n undefined \n \n \n id \n string \n No \n undefined \n \n \n shadowBlur \n number \n Yes \n 0 \n \n \n shadowOffsetX \n number \n Yes \n 0 \n \n \n shadowOffsetY \n number \n Yes \n 0 \n \n \n xMax \n number | string \n Yes \n undefined \n \n \n xMin \n number | string \n Yes \n undefined \n \n \n xScaleID \n string \n Yes \n undefined \n \n \n yMin \n number | string \n Yes \n undefined \n \n \n yMax \n number | string \n Yes \n undefined \n \n \n yScaleID \n string \n Yes \n undefined \n \n \n z \n number \n Yes \n 0 \n General \n If one of the axes does not match an axis in the chart, the point annotation will take the center of the chart as point. The 2 coordinates, xValue, yValue are optional. If not specified, the point annotation will take the center of the scale dimension as point. \n The 4 coordinates, xMin, xMax, yMin, yMax are optional. If not specified, the box is expanded out to the edges in the respective direction and the box size is used to calculated the center of the point. To enable to use the box positioning, the radius must be set to 0 or NaN . \n \n \n \n Name \n Description \n \n \n \n \n adjustScaleRange \n Should the scale range be adjusted if this annotation is out of range. \n \n \n display \n Whether or not this annotation is visible. \n \n \n drawTime \n See drawTime . \n \n \n hitTolerance \n Amount of pixels to interact with annotations within some distance of the mouse point. \n \n \n id \n Identifies a unique id for the annotation and it will be stored in the element context. When the annotations are defined by an object, the id is automatically set using the key used to store the annotations in the object. When the annotations are configured by an array, the id, passed by this option in the annotation, will be used. \n \n \n radius \n Size of the point in pixels. \n \n \n rotation \n Rotation of point, in degrees. \n \n \n xAdjust \n Adjustment along x-axis (left-right) of point relative to computed position. Negative values move the point left, positive right. \n \n \n xMax \n Right edge of the box in units along the x axis. \n \n \n xMin \n Left edge of the box in units along the x axis. \n \n \n xScaleID \n ID of the X scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as 'x' axis. If more than one scale has been defined in the chart as 'x' axis, the option is mandatory to select the right scale. \n \n \n xValue \n X coordinate of the point in units along the x axis. \n \n \n yAdjust \n Adjustment along y-axis (top-bottom) of point relative to computed position. Negative values move the point up, positive down. \n \n \n yMax \n Bottom edge of the box in units along the y axis. \n \n \n yMin \n Top edge of the box in units along the y axis. \n \n \n yScaleID \n ID of the Y scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as 'y' axis. If more than one scale has been defined in the chart as 'y' axis, the option is mandatory to select the right scale. \n \n \n yValue \n Y coordinate of the point in units along the y axis. \n \n \n z \n The z property determines the drawing stack level of the point annotation element. All visible elements will be drawn in ascending order of z option, with the same drawTime option. \n Styling \n \n \n \n Name \n Description \n \n \n \n \n backgroundColor \n Fill color. \n \n \n backgroundShadowColor \n The color of shadow. See MDN . \n \n \n borderColor \n Stroke color. \n \n \n borderDash \n Length and spacing of dashes. See MDN . \n \n \n borderDashOffset \n Offset for line dashes. See MDN . \n \n \n borderShadowColor \n The color of border shadow. See MDN . \n \n \n borderWidth \n Stroke width. \n \n \n pointStyle \n Style of the point. \n \n \n shadowBlur \n The amount of blur applied to shadow. See MDN . \n \n \n shadowOffsetX \n The distance that shadow will be offset horizontally. See MDN . \n \n \n shadowOffsetY \n The distance that shadow will be offset vertically. See MDN . \n Element \n The following diagram is showing the element properties about a 'point' annotation: \n \n"},{title:"Polygon Annotations",frontmatter:{},regularPath:"/guide/types/polygon.html",relativePath:"guide/types/polygon.md",key:"v-33db82fd",path:"/guide/types/polygon.html",headers:[{level:2,title:"Configuration",slug:"configuration"},{level:3,title:"Polygon annotation specific options",slug:"polygon-annotation-specific-options"},{level:3,title:"Common options to all annotations",slug:"common-options-to-all-annotations"},{level:3,title:"General",slug:"general"},{level:3,title:"Styling",slug:"styling"},{level:3,title:"Point",slug:"point"},{level:2,title:"Element",slug:"element"}],lastUpdated:"9/25/2024, 11:59:07 AM",lastUpdatedTimestamp:1727265547e3,content:" Polygon Annotations \n Polygon annotations are used to mark whatever polygon (for instance triangle, square or pentagon) on the chart area. This can be useful for highlighting values that are of interest. \n */\nconst options = {\n plugins: {\n annotation: {\n annotations: {\n pentagon: {\n type: 'polygon',\n xValue: 1,\n yValue: 60,\n sides: 5,\n radius: 60,\n backgroundColor: 'rgba(255, 99, 132, 0.25)'\n }\n }\n }\n }\n};\n/* */\n\n/* */\nconst config = {\n type: 'line',\n data: {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\n datasets: [{\n label: 'My First Dataset',\n data: [65, 59, 80, 81, 56, 55, 40],\n fill: false,\n borderColor: 'rgb(75, 192, 192)',\n tension: 0.1\n }]\n },\n options\n};\n/* */\n\nmodule.exports = {\n config\n};\n`\"/> # Configuration \n Polygon annotation specific options \n The following options are available for polygon annotations. \n \n \n \n Name \n Type \n Scriptable \n Default \n \n \n \n \n backgroundShadowColor \n Color \n Yes \n 'transparent' \n \n \n borderCapStyle \n string \n Yes \n 'butt' \n \n \n borderJoinStyle \n string \n Yes \n 'miter' \n \n \n borderWidth \n number \n Yes \n 1 \n \n \n point \n object \n Yes \n {radius: 0} \n \n \n radius \n number \n Yes \n 10 \n \n \n rotation \n number \n Yes \n 0 \n \n \n sides \n number \n Yes \n 3 \n \n \n xAdjust \n number \n Yes \n 0 \n \n \n xValue \n number | string \n Yes \n undefined \n \n \n yAdjust \n number \n Yes \n 0 \n \n \n yValue \n number | string \n Yes \n undefined \n Common options to all annotations \n The following options are available for all annotations. \n \n \n \n Name \n Type \n Scriptable \n Default \n \n \n \n \n adjustScaleRange \n boolean \n Yes \n true \n \n \n backgroundColor \n Color \n Yes \n options.color \n \n \n borderColor \n Color \n Yes \n options.color \n \n \n borderDash \n number[] \n Yes \n [] \n \n \n borderDashOffset \n number \n Yes \n 0 \n \n \n borderShadowColor \n Color \n Yes \n 'transparent' \n \n \n display \n boolean \n Yes \n true \n \n \n drawTime \n string | number \n Yes \n 'afterDatasetsDraw' \n \n \n hitTolerance \n number \n Yes \n 0 \n \n \n init \n boolean \n See initial animation \n undefined \n \n \n id \n string \n No \n undefined \n \n \n shadowBlur \n number \n Yes \n 0 \n \n \n shadowOffsetX \n number \n Yes \n 0 \n \n \n shadowOffsetY \n number \n Yes \n 0 \n \n \n xMax \n number | string \n Yes \n undefined \n \n \n xMin \n number | string \n Yes \n undefined \n \n \n xScaleID \n string \n Yes \n undefined \n \n \n yMin \n number | string \n Yes \n undefined \n \n \n yMax \n number | string \n Yes \n undefined \n \n \n yScaleID \n string \n Yes \n undefined \n \n \n z \n number \n Yes \n 0 \n General \n If one of the axes does not match an axis in the chart, the polygon annotation will take the center of the chart as point. The 2 coordinates, xValue, yValue are optional. If not specified, the polygon annotation will take the center of the scale dimension. \n The 4 coordinates, xMin, xMax, yMin, yMax are optional. If not specified, the box is expanded out to the edges in the respective direction and the box size is used to calculated the center of the point. To enable to use the box positioning, the radius must be set to 0 or NaN . \n \n \n \n Name \n Description \n \n \n \n \n adjustScaleRange \n Should the scale range be adjusted if this annotation is out of range. \n \n \n display \n Whether or not this annotation is visible. \n \n \n drawTime \n See drawTime . \n \n \n hitTolerance \n Amount of pixels to interact with annotations within some distance of the mouse point. \n \n \n id \n Identifies a unique id for the annotation and it will be stored in the element context. When the annotations are defined by an object, the id is automatically set using the key used to store the annotations in the object. When the annotations are configured by an array, the id, passed by this option in the annotation, will be used. \n \n \n radius \n Size of the polygon in pixels. \n \n \n rotation \n Rotation of polygon, in degrees. \n \n \n sides \n Amount of sides of polygon. \n \n \n xAdjust \n Adjustment along x-axis (left-right) of polygon relative to computed position. Negative values move the polygon left, positive right. \n \n \n xMax \n Right edge of the box in units along the x axis. \n \n \n xMin \n Left edge of the box in units along the x axis. \n \n \n xScaleID \n ID of the X scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as 'x' axis. If more than one scale has been defined in the chart as 'x' axis, the option is mandatory to select the right scale. \n \n \n xValue \n X coordinate of the polygon in units along the x axis. \n \n \n yAdjust \n Adjustment along y-axis (top-bottom) of polygon relative to computed position. Negative values move the polygon up, positive down. \n \n \n yMax \n Bottom edge of the box in units along the y axis. \n \n \n yMin \n Top edge of the box in units along the y axis. \n \n \n yScaleID \n ID of the Y scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as 'y' axis. If more than one scale has been defined in the chart as 'y' axis, the option is mandatory to select the right scale. \n \n \n yValue \n Y coordinate of the polygon in units along the y axis. \n \n \n z \n The z property determines the drawing stack level of the polygon annotation element. All visible elements will be drawn in ascending order of z option, with the same drawTime option. \n Styling \n \n \n \n Name \n Description \n \n \n \n \n backgroundColor \n Fill color. \n \n \n backgroundShadowColor \n The color of shadow. See MDN . \n \n \n borderColor \n Stroke color. \n \n \n borderCapStyle \n Cap style of the border of polygon. See MDN . \n \n \n borderDash \n Length and spacing of dashes. See MDN . \n \n \n borderDashOffset \n Offset for line dashes. See MDN . \n \n \n borderJoinStyle \n Border line join style. See MDN . \n \n \n borderShadowColor \n The color of the border shadow. See MDN . \n \n \n borderWidth \n Stroke width. \n \n \n shadowBlur \n The amount of blur applied to shadow. See MDN . \n \n \n shadowOffsetX \n The distance that shadow will be offset horizontally. See MDN . \n \n \n shadowOffsetY \n The distance that shadow will be offset vertically. See MDN . \n Point \n Polygon consists of points. These points are actually Point Annotations and all of the styling options can be configured. General options affecting the location of the point are ignored. \n Namespace: options.annotations[annotationID].point , it defines options for the callout on the annotation label. \n */\nconst options = {\n plugins: {\n annotation: {\n annotations: {\n pentagon: {\n type: 'polygon',\n xValue: 1,\n yValue: 60,\n sides: 4,\n radius: 60,\n backgroundColor: 'rgba(255, 99, 132, 0.25)',\n point: {\n radius: 10,\n borderWidth: 2,\n borderColor: '#666',\n backgroundColor: 'rgba(99, 132, 255, 0.25)',\n }\n }\n }\n }\n }\n};\n/* */\n\n/* */\nconst config = {\n type: 'line',\n data: {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\n datasets: [{\n label: 'My First Dataset',\n data: [65, 59, 80, 81, 56, 55, 40],\n fill: false,\n borderColor: 'rgb(75, 192, 192)',\n tension: 0.1\n }]\n },\n options\n};\n/* */\n\nmodule.exports = {\n config\n};\n`\"/> # Element \n The following diagram is showing the element properties about a 'polygon' annotation: \n \n"},{title:"Usage",frontmatter:{},regularPath:"/guide/usage.html",relativePath:"guide/usage.md",key:"v-942110c6",path:"/guide/usage.html",lastUpdated:"9/25/2024, 11:59:07 AM",lastUpdatedTimestamp:1727265547e3,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:"9/25/2024, 11:59:07 AM",lastUpdatedTimestamp:1727265547e3,content:" Basic \n \nconst DATA_COUNT = 8;\nconst MIN = [0, 50];\nconst MAX = [50, 100];\n\nUtils.srand(8);\n\nconst data = {\n datasets: [{\n data: Utils.points({count: DATA_COUNT, min: MIN[0], max: MAX[0]})\n }, {\n data: Utils.points({count: DATA_COUNT, min: MIN[1], max: MAX[1]})\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'box',\n backgroundColor: 'rgba(0, 150, 0, 0.02)',\n borderColor: 'rgba(0, 150, 0, 0.2)',\n borderRadius: 4,\n borderWidth: 1,\n xMax: (ctx) => max(ctx, 0, 'x') + 2,\n xMin: (ctx) => min(ctx, 0, 'x') - 2,\n yMax: (ctx) => max(ctx, 0, 'y') + 2,\n yMin: (ctx) => min(ctx, 0, 'y') - 2\n};\n// \n\n// \nconst annotation2 = {\n type: 'box',\n backgroundColor: 'rgba(150, 0, 0, 0.02)',\n borderColor: 'rgba(150, 0, 0, 0.2)',\n borderRadius: 4,\n borderWidth: 1,\n xMax: (ctx) => max(ctx, 1, 'x') + 2,\n xMin: (ctx) => min(ctx, 1, 'x') - 2,\n yMax: (ctx) => max(ctx, 1, 'y') + 2,\n yMin: (ctx) => min(ctx, 1, 'y') - 2\n};\n// \n\n/* */\nconst config = {\n type: 'scatter',\n data,\n options: {\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction min(ctx, datasetIndex, prop) {\n const dataset = ctx.chart.data.datasets[datasetIndex];\n return dataset.data.reduce((v, point) => Math.min(point[prop], v), Infinity);\n}\n\nfunction max(ctx, datasetIndex, prop) {\n const dataset = ctx.chart.data.datasets[datasetIndex];\n return dataset.data.reduce((v, point) => Math.max(point[prop], v), -Infinity);\n}\n\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.forEach(p => {\n p.x = Utils.rand(MIN[i], MAX[i]);\n p.y = Utils.rand(MIN[i], MAX[i]);\n });\n });\n chart.update();\n }\n },\n {\n name: 'Add data',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.push({x: Utils.rand(MIN[i], MAX[i]), y: Utils.rand(MIN[i], MAX[i])});\n });\n chart.update();\n }\n },\n {\n name: 'Remove data',\n handler: function(chart) {\n chart.data.labels.shift();\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.shift();\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Using canvas as labels",frontmatter:{},regularPath:"/samples/box/canvas.html",relativePath:"samples/box/canvas.md",key:"v-43e4cf76",path:"/samples/box/canvas.html",lastUpdated:"9/25/2024, 11:59:07 AM",lastUpdatedTimestamp:1727265547e3,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:"9/25/2024, 11:59:07 AM",lastUpdatedTimestamp:1727265547e3,content:""},{title:"Disclosure",frontmatter:{},regularPath:"/samples/box/disclosure.html",relativePath:"samples/box/disclosure.md",key:"v-366650ca",path:"/samples/box/disclosure.html",lastUpdated:"9/25/2024, 11:59:07 AM",lastUpdatedTimestamp:1727265547e3,content:" Disclosure \n \nconst DATA_COUNT = 12;\nconst MIN = 10;\nconst MAX = 100;\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation = {\n type: 'box',\n backgroundColor: 'transparent',\n borderWidth: 0,\n label: {\n drawTime: 'afterDatasetsDraw',\n display: true,\n color: 'rgba(208, 208, 208, 0.2)',\n content: 'Draft',\n font: {\n size: (ctx) => ctx.chart.chartArea.height / 1.5\n },\n position: 'center'\n }\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n plugins: {\n annotation: {\n annotations: {\n annotation\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Magic quadrant",frontmatter:{},regularPath:"/samples/box/gradient.html",relativePath:"samples/box/gradient.md",key:"v-fac884d6",path:"/samples/box/gradient.html",lastUpdated:"9/25/2024, 11:59:07 AM",lastUpdatedTimestamp:1727265547e3,content:" Magic quadrant \n \nconst META = [[\n {color: 'rgb(255, 174, 201)', backgroundColor: 'rgba(255, 174, 201, 0.5)', label: 'Niche players'},\n {color: 'rgb(159, 168, 218)', backgroundColor: 'rgba(159, 168, 218, 0.5)', label: 'Visionaries'},\n], [\n {color: 'rgb(255, 245, 157)', backgroundColor: 'rgba(255, 245, 157, 0.5)', label: 'Challengers'},\n {color: 'rgb(165, 214, 167)', backgroundColor: 'rgba(165, 214, 167, 0.5)', label: 'Leaders'},\n]];\nconst DATA_COUNT = 12;\nconst MIN = 0.5;\nconst MAX = 9.5;\n\nconst data = {\n datasets: [{\n data: randomize(),\n pointRadius: 8\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'box',\n backgroundColor: (ctx) => gradient(ctx, META[1][0].backgroundColor),\n xMax: 5,\n yMin: 5,\n label: {\n content: META[1][0].label,\n position: {\n x: 'start',\n y: 'start'\n }\n }\n};\n// \n\n// \nconst annotation2 = {\n type: 'box',\n backgroundColor: (ctx) => gradient(ctx, META[1][1].backgroundColor, true),\n xMin: 5,\n yMin: 5,\n label: {\n content: META[1][1].label,\n position: {\n x: 'end',\n y: 'start'\n }\n }\n};\n// \n\n// \nconst annotation3 = {\n type: 'box',\n backgroundColor: (ctx) => gradient(ctx, META[0][0].backgroundColor),\n xMax: 5,\n yMax: 5,\n label: {\n content: META[0][0].label,\n position: {\n x: 'start',\n y: 'end'\n }\n }\n};\n// \n\n// \nconst annotation4 = {\n type: 'box',\n backgroundColor: (ctx) => gradient(ctx, META[0][1].backgroundColor, true),\n xMin: 5,\n yMax: 5,\n label: {\n content: META[0][1].label,\n position: {\n x: 'end',\n y: 'end'\n }\n }\n};\n// \n\n// \nfunction randomize() {\n const xValues = Utils.numbers({count: DATA_COUNT, min: MIN, max: MAX});\n const yValues = Utils.numbers({count: DATA_COUNT, min: MIN, max: MAX});\n const values = [];\n for (let i = 0; i \n\n/* */\nconst config = {\n type: 'scatter',\n data,\n options: {\n layout: {\n padding: {\n top: 12\n }\n },\n elements: {\n boxAnnotation: {\n borderWidth: 0,\n label: {\n drawTime: 'beforeDatasetsDraw',\n display: true,\n font: {\n size: 20\n }\n }\n }\n },\n scales: {\n x: {\n beginAtZero: true,\n max: 10,\n min: 0,\n grid: {\n drawTicks: false,\n color: gridColor\n },\n ticks: {\n display: false\n },\n title: {\n display: true,\n text: 'Completeness of vision',\n padding: 10,\n font: {\n size: 20,\n weight: 'bold'\n }\n }\n },\n y: {\n display: true,\n beginAtZero: true,\n max: 10,\n min: 0,\n grid: {\n drawTicks: false,\n color: gridColor\n },\n ticks: {\n display: false\n },\n title: {\n display: true,\n text: 'Ability to execute',\n padding: 10,\n font: {\n size: 20,\n weight: 'bold'\n }\n }\n }\n },\n plugins: {\n annotation: {\n common: {\n drawTime: 'beforeDraw'\n },\n annotations: {\n annotation1,\n annotation2,\n annotation3,\n annotation4\n }\n },\n tooltip: {\n mode: 'nearest',\n intersect: true,\n usePointStyle: true,\n footerAlign: 'right',\n footerColor: 'lightGray',\n footerMarginTop: 10,\n callbacks: {\n title: (items) => items[0].raw.co,\n labelColor({raw}) {\n const x = raw.x > 5 ? 1 : 0;\n const y = raw.y > 5 ? 1 : 0;\n return {\n borderColor: META[y][x].color,\n backgroundColor: META[y][x].backgroundColor,\n borderWidth: 3\n };\n },\n label({raw}) {\n const x = raw.x > 5 ? 1 : 0;\n const y = raw.y > 5 ? 1 : 0;\n return META[y][x].label;\n },\n footer(items) {\n const {raw} = items[0];\n return ['Completeness of vision: ' + raw.x.toFixed(2), 'Ability to execute: ' + raw.y.toFixed(2)];\n }\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n const values = randomize();\n dataset.data.forEach((p, idx) => {\n const v = values[idx];\n p.x = v.x;\n p.y = v.y;\n p.co = v.co;\n });\n });\n chart.update();\n }\n },\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Using images as labels",frontmatter:{},regularPath:"/samples/box/image.html",relativePath:"samples/box/image.md",key:"v-f46f9a86",path:"/samples/box/image.html",lastUpdated:"9/25/2024, 11:59:07 AM",lastUpdatedTimestamp:1727265547e3,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/25/2024, 11:59:07 AM",lastUpdatedTimestamp:1727265547e3,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:"Line Chart",frontmatter:{},regularPath:"/samples/charts/line.html",relativePath:"samples/charts/line.md",key:"v-1ac7de46",path:"/samples/charts/line.html",lastUpdated:"9/25/2024, 11:59:07 AM",lastUpdatedTimestamp:1727265547e3,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:"Bar Chart",frontmatter:{},regularPath:"/samples/charts/bar.html",relativePath:"samples/charts/bar.md",key:"v-f0a8046a",path:"/samples/charts/bar.html",lastUpdated:"9/25/2024, 11:59:07 AM",lastUpdatedTimestamp:1727265547e3,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/25/2024, 11:59:07 AM",lastUpdatedTimestamp:1727265547e3,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:"Basic",frontmatter:{},regularPath:"/samples/ellipse/basic.html",relativePath:"samples/ellipse/basic.md",key:"v-2215247d",path:"/samples/ellipse/basic.html",lastUpdated:"9/25/2024, 11:59:07 AM",lastUpdatedTimestamp:1727265547e3,content:" Basic \n \nconst DATA_COUNT = 8;\nconst MIN = [0, 50];\nconst MAX = [50, 100];\n\nUtils.srand(8);\n\nconst data = {\n datasets: [{\n data: Utils.points({count: DATA_COUNT, min: MIN[0], max: MAX[0]})\n }, {\n data: Utils.points({count: DATA_COUNT, min: MIN[1], max: MAX[1]})\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'ellipse',\n backgroundColor: 'rgba(0, 150, 0, 0.02)',\n borderColor: 'rgba(0, 150, 0, 0.2)',\n borderWidth: 1,\n xMax: (ctx) => max(ctx, 0, 'x') + 10,\n xMin: (ctx) => min(ctx, 0, 'x') - 10,\n yMax: (ctx) => max(ctx, 0, 'y') + 10,\n yMin: (ctx) => min(ctx, 0, 'y') - 10\n};\n// \n\n// \nconst annotation2 = {\n type: 'ellipse',\n backgroundColor: 'rgba(150, 0, 0, 0.02)',\n borderColor: 'rgba(150, 0, 0, 0.2)',\n borderWidth: 1,\n xMax: (ctx) => max(ctx, 1, 'x') + 10,\n xMin: (ctx) => min(ctx, 1, 'x') - 10,\n yMax: (ctx) => max(ctx, 1, 'y') + 10,\n yMin: (ctx) => min(ctx, 1, 'y') - 10\n};\n// \n\n/* */\nconst config = {\n type: 'scatter',\n data,\n options: {\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction min(ctx, datasetIndex, prop) {\n const dataset = ctx.chart.data.datasets[datasetIndex];\n return dataset.data.reduce((v, point) => Math.min(point[prop], v), Infinity);\n}\n\nfunction max(ctx, datasetIndex, prop) {\n const dataset = ctx.chart.data.datasets[datasetIndex];\n return dataset.data.reduce((v, point) => Math.max(point[prop], v), -Infinity);\n}\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.forEach(p => {\n p.x = Utils.rand(MIN[i], MAX[i]);\n p.y = Utils.rand(MIN[i], MAX[i]);\n });\n });\n chart.update();\n }\n },\n {\n name: 'Add data',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.push({x: Utils.rand(MIN[i], MAX[i]), y: Utils.rand(MIN[i], MAX[i])});\n });\n chart.update();\n }\n },\n {\n name: 'Remove data',\n handler: function(chart) {\n chart.data.labels.shift();\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.shift();\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Labeling",frontmatter:{},regularPath:"/samples/ellipse/label.html",relativePath:"samples/ellipse/label.md",key:"v-475451bd",path:"/samples/ellipse/label.html",lastUpdated:"9/25/2024, 11:59:07 AM",lastUpdatedTimestamp:1727265547e3,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/25/2024, 11:59:07 AM",lastUpdatedTimestamp:1727265547e3,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/25/2024, 11:59:07 AM",lastUpdatedTimestamp:1727265547e3,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/25/2024, 11:59:07 AM",lastUpdatedTimestamp:1727265547e3,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/25/2024, 11:59:07 AM",lastUpdatedTimestamp:1727265547e3,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:"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/25/2024, 11:59:07 AM",lastUpdatedTimestamp:1727265547e3,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:"Selecting annotations",frontmatter:{},regularPath:"/samples/interaction/selection.html",relativePath:"samples/interaction/selection.md",key:"v-8f774586",path:"/samples/interaction/selection.html",lastUpdated:"9/25/2024, 11:59:07 AM",lastUpdatedTimestamp:1727265547e3,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/25/2024, 11:59:07 AM",lastUpdatedTimestamp:1727265547e3,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/25/2024, 11:59:07 AM",lastUpdatedTimestamp:1727265547e3,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/25/2024, 11:59:07 AM",lastUpdatedTimestamp:1727265547e3,content:" Basic \n \nconst DATA_COUNT = 12;\nconst MIN = 0;\nconst MAX = 100;\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'label',\n borderColor: (ctx) => ctx.chart.data.datasets[0].backgroundColor,\n borderRadius: 6,\n borderWidth: 1,\n content: ['March', 'annotated'],\n position: {\n x: 'center',\n y: 'end'\n },\n xValue: 'March',\n yValue: (ctx) => yValue(ctx, 'March')\n};\n// \n\n// \nconst annotation2 = {\n type: 'label',\n borderColor: (ctx) => ctx.chart.data.datasets[0].backgroundColor,\n borderRadius: 6,\n borderWidth: 1,\n content: ['June', 'annotated'],\n position: {\n x: 'center',\n y: 'end'\n },\n xValue: 'June',\n yValue: (ctx) => yValue(ctx, 'June')\n};\n// \n\n// \nconst annotation3 = {\n type: 'label',\n borderColor: (ctx) => ctx.chart.data.datasets[0].backgroundColor,\n borderRadius: 6,\n borderWidth: 1,\n content: ['October', 'annotated'],\n position: {\n x: 'center',\n y: 'end'\n },\n xValue: 'October',\n yValue: (ctx) => yValue(ctx, 'October')\n};\n// \n\n/* */\nconst config = {\n type: 'bar',\n data,\n options: {\n scales: {\n y: {\n beginAtZero: true,\n max: 120,\n min: 0\n }\n },\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2,\n annotation3\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction yValue(ctx, label) {\n const chart = ctx.chart;\n const dataset = chart.data.datasets[0];\n return dataset.data[chart.data.labels.indexOf(label)];\n}\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Callout",frontmatter:{},regularPath:"/samples/label/callout.html",relativePath:"samples/label/callout.md",key:"v-188d5d06",path:"/samples/label/callout.html",lastUpdated:"9/25/2024, 11:59:07 AM",lastUpdatedTimestamp:1727265547e3,content:" Callout \n \nconst DATA_COUNT = 12;\nconst MIN = 0;\nconst MAX = 100;\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation = {\n type: 'label',\n backgroundColor: 'rgba(245, 245, 245)',\n callout: {\n display: true,\n borderColor: (ctx) => ctx.chart.data.datasets[0].borderColor\n },\n content: (ctx) => 'Maximum value is ' + maxValue(ctx).toFixed(2),\n font: {\n size: 16\n },\n position: {\n x: (ctx) => maxIndex(ctx) = 10 ? 'end' : 'center',\n y: 'center'\n },\n xAdjust: (ctx) => maxIndex(ctx) = 10 ? -60 : 0,\n xValue: (ctx) => maxLabel(ctx),\n yAdjust: -60,\n yValue: (ctx) => maxValue(ctx)\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n y: {\n beginAtZero: true,\n max: 140,\n min: 0\n }\n },\n plugins: {\n annotation: {\n annotations: {\n annotation\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction maxValue(ctx) {\n const values = ctx.chart.data.datasets[0].data;\n return Math.max(...values);\n}\n\nfunction maxIndex(ctx) {\n const max = maxValue(ctx);\n const dataset = ctx.chart.data.datasets[0];\n return dataset.data.indexOf(max);\n}\n\nfunction maxLabel(ctx) {\n return ctx.chart.data.labels[maxIndex(ctx)];\n}\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Using canvas as content",frontmatter:{},regularPath:"/samples/label/canvas.html",relativePath:"samples/label/canvas.md",key:"v-79f854d2",path:"/samples/label/canvas.html",lastUpdated:"9/25/2024, 11:59:07 AM",lastUpdatedTimestamp:1727265547e3,content:" Using canvas as content \n \nconst DATA_COUNT = 12;\nconst MIN = 0;\nconst MAX = 100;\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'label',\n content: Utils.getHouse(),\n xValue: 9,\n yValue: 30\n};\n// \n\n// \nconst annotation2 = {\n type: 'label',\n content: Utils.getSpiral(),\n xValue: 2,\n yValue: 50\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n y: {\n beginAtZero: true,\n }\n },\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config\n};\n`\"/>"},{title:"Fonts and colors",frontmatter:{},regularPath:"/samples/label/fontsColors.html",relativePath:"samples/label/fontsColors.md",key:"v-a53ecf06",path:"/samples/label/fontsColors.html",lastUpdated:"9/25/2024, 11:59:07 AM",lastUpdatedTimestamp:1727265547e3,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:"Inner chart",frontmatter:{},regularPath:"/samples/label/innerChart.html",relativePath:"samples/label/innerChart.md",key:"v-e1c46312",path:"/samples/label/innerChart.html",lastUpdated:"9/25/2024, 11:59:07 AM",lastUpdatedTimestamp:1727265547e3,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:"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/25/2024, 11:59:07 AM",lastUpdatedTimestamp:1727265547e3,content:" Using images as content \n \nconst DATA_COUNT = 12;\nconst MIN = 0;\nconst MAX = 100;\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'label',\n drawTime: 'afterDraw',\n content: Utils.getImage(),\n width: 100,\n height: 100,\n xValue: 4,\n yValue: 30,\n xAdjust: 150,\n yAdjust: -150,\n borderWidth: 1,\n borderDash: [6, 6],\n callout: {\n display: true,\n position: 'left'\n }\n};\n// \n\n// \nconst annotation2 = {\n type: 'point',\n drawTime: 'afterDraw',\n xValue: 4,\n yValue: 30,\n radius: 10\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n y: {\n beginAtZero: true,\n }\n },\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config\n};\n`\"/>"},{title:"Lower and upper bounds labels",frontmatter:{},regularPath:"/samples/label/lowerUpper.html",relativePath:"samples/label/lowerUpper.md",key:"v-4dd91745",path:"/samples/label/lowerUpper.html",lastUpdated:"9/25/2024, 11:59:07 AM",lastUpdatedTimestamp:1727265547e3,content:" Lower and upper bounds labels \n \nconst DATA_COUNT = 8;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(8);\n\nconst labels = [];\nfor (let i = 0; i \n\n// \nconst annotation1 = {\n type: 'label',\n content: (ctx) => 'Lower bound: ' + minValue(ctx).toFixed(3),\n position: {\n x: 'start',\n y: 'end'\n },\n xScaleID: 'x',\n xValue: 2,\n yScaleID: 'y',\n yValue: minValue\n};\n// \n\n// \nconst annotation2 = {\n type: 'label',\n content: (ctx) => 'Upper bound: ' + maxValue(ctx).toFixed(3),\n position: {\n x: 'start',\n y: 'start'\n },\n xScaleID: 'x',\n xValue: 2,\n yScaleID: 'y',\n yValue: maxValue\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n y: {\n stacked: true\n }\n },\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction minValue(ctx) {\n const dataset = ctx.chart.data.datasets[0];\n const min = dataset.data.reduce((max, point) => Math.min(point, max), Infinity);\n return isFinite(min) ? min : 0;\n}\n\nfunction maxValue(ctx) {\n const datasets = ctx.chart.data.datasets;\n const count = datasets[0].data.length;\n let max = 0;\n for (let i = 0; i \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Add data',\n handler: function(chart) {\n chart.data.labels.push(chart.data.labels.length);\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.push(Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Remove data',\n handler: function(chart) {\n chart.data.labels.shift();\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.shift();\n });\n chart.update();\n }\n },\n {\n name: 'Cycle x-position',\n handler: function(chart) {\n const annotations = chart.options.plugins.annotation.annotations;\n if (annotations.annotation1.position.x === 'start') {\n annotations.annotation1.position.x = 'end';\n annotations.annotation2.position.x = 'end';\n } else if (annotations.annotation1.position.x === 'center') {\n annotations.annotation1.position.x = 'start';\n annotations.annotation2.position.x = 'start';\n } else {\n annotations.annotation1.position.x = 'center';\n annotations.annotation2.position.x = 'center';\n }\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Animation",frontmatter:{},regularPath:"/samples/line/animation.html",relativePath:"samples/line/animation.md",key:"v-25be76ab",path:"/samples/line/animation.html",lastUpdated:"9/25/2024, 11:59:07 AM",lastUpdatedTimestamp:1727265547e3,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:"Point",frontmatter:{},regularPath:"/samples/label/point.html",relativePath:"samples/label/point.md",key:"v-5cbaa4bd",path:"/samples/label/point.html",lastUpdated:"9/25/2024, 11:59:07 AM",lastUpdatedTimestamp:1727265547e3,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:"9/25/2024, 11:59:07 AM",lastUpdatedTimestamp:1727265547e3,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/25/2024, 11:59:07 AM",lastUpdatedTimestamp:1727265547e3,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/25/2024, 11:59:07 AM",lastUpdatedTimestamp:1727265547e3,content:" Callout \n \nconst DATA_COUNT = 16;\nconst MIN = 20;\nconst MAX = 100;\n\nUtils.srand(8);\n\nconst labels = [];\nfor (let i = 0; i \n\n// \nconst annotation1 = {\n type: 'line',\n borderColor: 'rgb(100, 149, 237)',\n borderDash: [6, 6],\n borderDashOffset: 0,\n borderWidth: 3,\n label: {\n display: true,\n backgroundColor: 'rgb(100, 149, 237)',\n content: (ctx) => 'Average: ' + average(ctx).toFixed(2)\n },\n scaleID: 'y',\n value: (ctx) => average(ctx)\n};\n// \n\n// \nconst annotation2 = {\n type: 'line',\n borderColor: 'rgba(102, 102, 102, 0.5)',\n borderDash: [6, 6],\n borderDashOffset: 0,\n borderWidth: 3,\n label: {\n display: true,\n backgroundColor: 'rgba(102, 102, 102, 0.5)',\n borderWidth: 1,\n borderColor: 'rgba(102, 102, 102, 0.5)',\n callout: {\n display: true,\n borderColor: 'rgba(102, 102, 102, 0.5)',\n borderDash: [6, 6],\n borderWidth: 2,\n margin: 0\n },\n color: 'black',\n content: (ctx) => (average(ctx) + standardDeviation(ctx)).toFixed(2),\n position: 'start',\n xAdjust: 100,\n yAdjust: -50\n },\n scaleID: 'y',\n value: (ctx) => average(ctx) + standardDeviation(ctx)\n};\n// \n\n// \nconst annotation3 = {\n type: 'line',\n borderColor: 'rgba(102, 102, 102, 0.5)',\n borderDash: [6, 6],\n borderDashOffset: 0,\n borderWidth: 3,\n label: {\n display: true,\n backgroundColor: 'rgba(102, 102, 102, 0.5)',\n borderWidth: 1,\n borderColor: 'rgba(102, 102, 102, 0.5)',\n callout: {\n display: true,\n borderColor: 'rgba(102, 102, 102, 0.5)',\n borderDash: [6, 6],\n borderWidth: 2,\n margin: 0\n },\n color: 'black',\n content: (ctx) => (average(ctx) - standardDeviation(ctx)).toFixed(2),\n position: 'end',\n xAdjust: -100,\n yAdjust: 50\n },\n scaleID: 'y',\n value: (ctx) => average(ctx) - standardDeviation(ctx)\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scale: {\n y: {\n beginAtZero: true,\n max: 120,\n min: 0\n }\n },\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2,\n annotation3\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction average(ctx) {\n const values = ctx.chart.data.datasets[0].data;\n return values.reduce((a, b) => a + b, 0) / values.length;\n}\n\nfunction standardDeviation(ctx) {\n const values = ctx.chart.data.datasets[0].data;\n const n = values.length;\n const mean = average(ctx);\n return Math.sqrt(values.map(x => Math.pow(x - mean, 2)).reduce((a, b) => a + b) / n);\n}\n\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Add data',\n handler: function(chart) {\n chart.data.labels.push(chart.data.labels.length);\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.push(Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Remove data',\n handler: function(chart) {\n chart.data.labels.shift();\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.shift();\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Using canvas as labels",frontmatter:{},regularPath:"/samples/line/canvas.html",relativePath:"samples/line/canvas.md",key:"v-9e862306",path:"/samples/line/canvas.html",lastUpdated:"9/25/2024, 11:59:07 AM",lastUpdatedTimestamp:1727265547e3,content:" Using canvas as labels \n \nconst DATA_COUNT = 8;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(8);\n\nconst labels = [];\nfor (let i = 0; i \n\n// \nconst annotation = {\n type: 'line',\n borderColor: 'black',\n borderWidth: 3,\n scaleID: 'y',\n value: 50,\n label: {\n display: true,\n content: Utils.getHouse(),\n backgroundColor: 'white',\n borderWidth: 3,\n width: '40%',\n height: '40%',\n position: 'end'\n }\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n plugins: {\n annotation: {\n annotations: {\n annotation\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Add data',\n handler: function(chart) {\n chart.data.labels.push(chart.data.labels.length);\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.push(Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Remove data',\n handler: function(chart) {\n chart.data.labels.shift();\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.shift();\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config\n};\n`\"/>"},{title:"Curve",frontmatter:{},regularPath:"/samples/line/curve.html",relativePath:"samples/line/curve.md",key:"v-22325356",path:"/samples/line/curve.html",lastUpdated:"9/25/2024, 11:59:07 AM",lastUpdatedTimestamp:1727265547e3,content:" Curve \n \nconst DATA_COUNT = 8;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(8);\n\nconst labels = [];\nfor (let i = 0; i \n\n// \nconst annotation = {\n type: 'line',\n borderColor: 'black',\n borderWidth: 3,\n xScaleID: 'x',\n yScaleID: 'y',\n xMin: 1,\n xMax: 6,\n yMin: ({chart}) => chart.data.datasets[0].data[1] / 2,\n yMax: ({chart}) => chart.data.datasets[0].data[6] / 2,\n curve: true,\n arrowHeads: {\n end: {\n display: true\n }\n }\n};\n// \n\n/* */\nconst config = {\n type: 'bar',\n data,\n options: {\n plugins: {\n annotation: {\n annotations: {\n annotation\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config\n};\n`\"/>"},{title:"Annotating dataset bars",frontmatter:{},regularPath:"/samples/line/datasetBars.html",relativePath:"samples/line/datasetBars.md",key:"v-c5c24e7a",path:"/samples/line/datasetBars.html",lastUpdated:"9/25/2024, 11:59:07 AM",lastUpdatedTimestamp:1727265547e3,content:" Annotating dataset bars \n \nconst DATA_COUNT = 4;\nconst MIN = 20;\nconst MAX = 100;\n\nUtils.srand(8);\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'line',\n borderColor: 'green',\n borderWidth: 3,\n label: {\n display: true,\n backgroundColor: 'green',\n borderRadius: 0,\n color: 'white',\n content: (ctx) => middleValue(ctx, 0, 0.5).toFixed(0)\n },\n xMax: indexToMax(0) + 0.05,\n xMin: indexToMin(0) - 0.05,\n xScaleID: 'x',\n yMax: (ctx) => middleValue(ctx, 0, 0.5),\n yMin: (ctx) => middleValue(ctx, 0, 0.5),\n yScaleID: 'y'\n};\n// \n\n// \nconst annotation2 = {\n type: 'line',\n borderColor: 'green',\n borderWidth: 3,\n label: {\n display: true,\n backgroundColor: 'green',\n borderRadius: 0,\n color: 'white',\n content: (ctx) => middleValue(ctx, 1, 0.75).toFixed(0)\n },\n xMax: indexToMax(1) + 0.05,\n xMin: indexToMin(1) - 0.05,\n xScaleID: 'x',\n yMax: (ctx) => middleValue(ctx, 1, 0.75),\n yMin: (ctx) => middleValue(ctx, 1, 0.75),\n yScaleID: 'y'\n};\n// \n\n// \nconst annotation3 = {\n type: 'line',\n borderColor: 'green',\n borderWidth: 3,\n label: {\n display: true,\n backgroundColor: 'green',\n borderRadius: 0,\n color: 'white',\n content: (ctx) => middleValue(ctx, 2, 1).toFixed(0)\n },\n xMax: indexToMax(2) + 0.05,\n xMin: indexToMin(2) - 0.05,\n xScaleID: 'x',\n yMax: (ctx) => middleValue(ctx, 2, 1),\n yMin: (ctx) => middleValue(ctx, 2, 1),\n yScaleID: 'y'\n};\n// \n\n// \nconst annotation4 = {\n type: 'line',\n borderColor: 'green',\n borderWidth: 3,\n label: {\n display: true,\n backgroundColor: 'green',\n borderRadius: 0,\n color: 'white',\n content: (ctx) => middleValue(ctx, 3, 0.25).toFixed(0)\n },\n xMax: indexToMax(3) + 0.05,\n xMin: indexToMin(3) - 0.05,\n xScaleID: 'x',\n yMax: (ctx) => middleValue(ctx, 3, 0.25),\n yMin: (ctx) => middleValue(ctx, 3, 0.25),\n yScaleID: 'y'\n};\n// \n\n/* */\nconst config = {\n type: 'bar',\n data,\n options: {\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2,\n annotation3,\n annotation4\n }\n }\n }\n }\n};\n/* */\n\n// \n// categoryPercentage is 0.8 by default\n// barPercentage is 0.9 by default\n// 1 * 0.8 * 0.9 = 0.72\n// 0.72 / 2 = 0.36\n\nfunction indexToMin(index) {\n return index - 0.36;\n}\n\nfunction indexToMax(index) {\n return index + 0.36;\n}\n\nfunction middleValue(ctx, index, perc) {\n const chart = ctx.chart;\n const dataset = chart.data.datasets[0];\n return dataset.data[index] * perc;\n}\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Outside of chart",frontmatter:{},regularPath:"/samples/line/hook.html",relativePath:"samples/line/hook.md",key:"v-76c7a746",path:"/samples/line/hook.html",lastUpdated:"9/25/2024, 11:59:07 AM",lastUpdatedTimestamp:1727265547e3,content:" Outside of chart \n \nconst DATA_COUNT = 8;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(8);\n\nconst labels = [];\nfor (let i = 0; i \n\n// \nconst annotation = {\n type: 'line',\n borderColor: 'black',\n borderWidth: 3,\n scaleID: 'y',\n value: 55,\n beforeDraw: drawExtraLine\n};\n// \n\n// \nfunction drawExtraLine(context) {\n const ctx = context.chart.ctx;\n const width = context.chart.canvas.width;\n const {x, y, x2, y2, options} = context.element;\n ctx.save();\n ctx.lineWidth = options.borderWidth;\n ctx.strokeStyle = options.borderColor;\n ctx.setLineDash([6, 6]);\n ctx.lineDashOffset = options.borderDashOffset;\n ctx.beginPath();\n ctx.moveTo(0, y);\n ctx.lineTo(x, y);\n ctx.moveTo(x2, y2);\n ctx.lineTo(width, y);\n ctx.stroke();\n ctx.restore();\n return true;\n}\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n layout: {\n padding: {\n right: 50\n }\n },\n scales: {\n y: {\n stacked: true\n }\n },\n plugins: {\n annotation: {\n clip: false,\n annotations: {\n annotation\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Add data',\n handler: function(chart) {\n chart.data.labels.push(chart.data.labels.length);\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.push(Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Remove data',\n handler: function(chart) {\n chart.data.labels.shift();\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.shift();\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Using images as labels",frontmatter:{},regularPath:"/samples/line/image.html",relativePath:"samples/line/image.md",key:"v-19c0057d",path:"/samples/line/image.html",lastUpdated:"9/25/2024, 11:59:07 AM",lastUpdatedTimestamp:1727265547e3,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/25/2024, 11:59:07 AM",lastUpdatedTimestamp:1727265547e3,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:"9/25/2024, 11:59:07 AM",lastUpdatedTimestamp:1727265547e3,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:"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/25/2024, 11:59:07 AM",lastUpdatedTimestamp:1727265547e3,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/25/2024, 11:59:07 AM",lastUpdatedTimestamp:1727265547e3,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:"Line visibility",frontmatter:{},regularPath:"/samples/line/visibility.html",relativePath:"samples/line/visibility.md",key:"v-5eb79d3d",path:"/samples/line/visibility.html",lastUpdated:"9/25/2024, 11:59:07 AM",lastUpdatedTimestamp:1727265547e3,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/25/2024, 11:59:07 AM",lastUpdatedTimestamp:1727265547e3,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/25/2024, 11:59:07 AM",lastUpdatedTimestamp:1727265547e3,content:" Initial animations \n \nconst DATA_COUNT = 12;\nconst MIN = 10;\nconst MAX = 100;\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'point',\n backgroundColor: 'rgba(0, 150, 0, 0.2)',\n borderColor: 'rgba(0, 150, 0)',\n borderRadius: 4,\n borderWidth: 1,\n init: true,\n radius: 40,\n xMax: 6.5,\n xMin: 4.5,\n yMax: 60,\n yMin: 40\n};\nconst labelAnnotation1 = {\n type: 'label',\n init: true,\n content: 'Fade',\n xMax: 6.5,\n xMin: 4.5,\n yMax: 60,\n yMin: 40\n};\n// \n\n// \nconst annotation2 = {\n type: 'point',\n backgroundColor: 'rgba(0, 150, 0, 0.2)',\n borderColor: 'rgba(0, 150, 0)',\n borderRadius: 4,\n borderWidth: 1,\n init: () => ({centerY: 0}),\n radius: 40,\n xMax: 2.5,\n xMin: 0.5,\n yMax: 30,\n yMin: 10\n};\nconst labelAnnotation2 = {\n type: 'label',\n init: () => ({y: 0, y2: 0, width: 0, height: 0}),\n content: 'Flyin from top',\n xMax: 2.5,\n xMin: 0.5,\n yMax: 30,\n yMin: 10\n};\n// \n\n// \nconst annotation3 = {\n type: 'point',\n backgroundColor: 'rgba(0, 150, 0, 0.2)',\n borderColor: 'rgba(0, 150, 0)',\n borderRadius: 4,\n borderWidth: 1,\n init: () => ({centerX: 0}),\n radius: 40,\n xMax: 10.5,\n xMin: 8.5,\n yMax: 90,\n yMin: 70\n};\nconst labelAnnotation3 = {\n type: 'label',\n init: () => ({x: 0, x2: 0, width: 0, height: 0}),\n content: 'Flyin from left',\n xMax: 10.5,\n xMin: 8.5,\n yMax: 90,\n yMin: 70\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n y: {\n beginAtZero: true,\n max: 100,\n min: 0\n }\n },\n plugins: {\n annotation: {\n common: {\n drawTime: 'afterDraw'\n },\n annotations: {\n annotation1,\n labelAnnotation1,\n annotation2,\n labelAnnotation2,\n annotation3,\n labelAnnotation3\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Points outside of chart area",frontmatter:{},regularPath:"/samples/point/outsideChartArea.html",relativePath:"samples/point/outsideChartArea.md",key:"v-dd2b401a",path:"/samples/point/outsideChartArea.html",lastUpdated:"9/25/2024, 11:59:07 AM",lastUpdatedTimestamp:1727265547e3,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:"Combined annotations",frontmatter:{},regularPath:"/samples/point/combined.html",relativePath:"samples/point/combined.md",key:"v-21782935",path:"/samples/point/combined.html",lastUpdated:"9/25/2024, 11:59:07 AM",lastUpdatedTimestamp:1727265547e3,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:"Shadow",frontmatter:{},regularPath:"/samples/point/shadow.html",relativePath:"samples/point/shadow.md",key:"v-0fc2653f",path:"/samples/point/shadow.html",lastUpdated:"9/25/2024, 11:59:07 AM",lastUpdatedTimestamp:1727265547e3,content:" Shadow \n \nconst DATA_COUNT = 8;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(5);\n\nconst labels = [];\nfor (let i = 0; i \n\n// \nconst annotation1 = {\n type: 'point',\n backgroundColor: 'rgba(0, 255, 255, 0.4)',\n backgroundShadowColor: 'black',\n borderColor: 'black',\n borderWidth: 3,\n scaleID: 'y',\n shadowBlur: 3,\n shadowOffsetX: 3,\n shadowOffsetY: 10,\n xValue: (ctx) => value(ctx, 0, 2, 'x'),\n yValue: (ctx) => value(ctx, 0, 2, 'y')\n};\n// \n\n// \nconst annotation2 = {\n type: 'point',\n backgroundColor: 'rgba(245, 245, 245, 0.5)',\n borderColor: 'red',\n borderShadowColor: 'gray',\n borderWidth: 5,\n pointStyle: 'triangle',\n radius: 25,\n scaleID: 'y',\n shadowBlur: 3,\n shadowOffsetX: 3,\n shadowOffsetY: 10,\n xValue: (ctx) => value(ctx, 1, 4, 'x'),\n yValue: (ctx) => value(ctx, 1, 4, 'y')\n};\n// \n\n// \nconst annotation3 = {\n type: 'point',\n borderColor: 'orange',\n borderShadowColor: 'black',\n borderWidth: 3,\n drawTime: 'beforeDraw',\n pointStyle: 'star',\n radius: 25,\n scaleID: 'y',\n shadowBlur: 3,\n shadowOffsetX: 3,\n shadowOffsetY: 10,\n xValue: (ctx) => value(ctx, 1, 6, 'x'),\n yValue: (ctx) => value(ctx, 1, 6, 'y')\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2,\n annotation3\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction value(ctx, datasetIndex, index, prop) {\n const meta = ctx.chart.getDatasetMeta(datasetIndex);\n const parsed = meta.controller.getParsed(index);\n return parsed ? parsed[prop] : NaN;\n}\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Add data',\n handler: function(chart) {\n chart.data.labels.push(chart.data.labels.length);\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.push(Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Remove data',\n handler: function(chart) {\n chart.data.labels.shift();\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.shift();\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config\n};\n`\"/>"},{title:"Basic",frontmatter:{},regularPath:"/samples/polygon/basic.html",relativePath:"samples/polygon/basic.md",key:"v-3ae674fd",path:"/samples/polygon/basic.html",lastUpdated:"9/25/2024, 11:59:07 AM",lastUpdatedTimestamp:1727265547e3,content:" Basic \n \nconst DATA_COUNT = 8;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(5);\n\nconst labels = [];\nfor (let i = 0; i \n\n// \nconst annotation1 = {\n type: 'polygon',\n backgroundColor: 'rgba(0, 255, 255, 0.4)',\n borderColor: 'black',\n borderWidth: 3,\n radius: 25,\n scaleID: 'y',\n xValue: (ctx) => value(ctx, 0, 2, 'x'),\n yValue: (ctx) => value(ctx, 0, 2, 'y')\n};\n// \n\n// \nconst annotation2 = {\n type: 'polygon',\n backgroundColor: 'transparent',\n borderColor: 'red',\n borderWidth: 5,\n radius: 25,\n scaleID: 'y',\n sides: 5,\n xValue: (ctx) => value(ctx, 1, 4, 'x'),\n yValue: (ctx) => value(ctx, 1, 4, 'y')\n};\n// \n\n// \nconst annotation3 = {\n type: 'polygon',\n backgroundColor: 'transparent',\n borderColor: 'gray',\n borderWidth: 3,\n radius: 30,\n sides: 8,\n scaleID: 'y',\n xValue: (ctx) => value(ctx, 1, 6, 'x'),\n yValue: (ctx) => value(ctx, 1, 6, 'y')\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2,\n annotation3\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction value(ctx, datasetIndex, index, prop) {\n const meta = ctx.chart.getDatasetMeta(datasetIndex);\n const parsed = meta.controller.getParsed(index);\n return parsed ? parsed[prop] : NaN;\n}\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Add data',\n handler: function(chart) {\n chart.data.labels.push(chart.data.labels.length);\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.push(Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Remove data',\n handler: function(chart) {\n chart.data.labels.shift();\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.shift();\n });\n chart.update();\n }\n },\n {\n name: 'Add a side to annotation 1',\n handler: function(chart) {\n chart.options.plugins.annotation.annotations.annotation1.sides++;\n chart.update();\n }\n },\n {\n name: 'Remove a side from annotation 1',\n handler: function(chart) {\n chart.options.plugins.annotation.annotations.annotation1.sides--;\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config\n};\n`\"/>"},{title:"Polygons outside of chart area",frontmatter:{},regularPath:"/samples/polygon/outsideChartArea.html",relativePath:"samples/polygon/outsideChartArea.md",key:"v-39b04a87",path:"/samples/polygon/outsideChartArea.html",lastUpdated:"9/25/2024, 11:59:07 AM",lastUpdatedTimestamp:1727265547e3,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:"9/25/2024, 11:59:07 AM",lastUpdatedTimestamp:1727265547e3,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:"Shadow",frontmatter:{},regularPath:"/samples/polygon/shadow.html",relativePath:"samples/polygon/shadow.md",key:"v-45140bd3",path:"/samples/polygon/shadow.html",lastUpdated:"9/25/2024, 11:59:07 AM",lastUpdatedTimestamp:1727265547e3,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:"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/25/2024, 11:59:07 AM",lastUpdatedTimestamp:1727265547e3,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 ge(n,t){return"start"===t?0:"end"===t?n:he(t)?pe(t)*n:n/2}function me(n,t,e=!0){return"number"==typeof t?t:he(t)?(e?pe(t):fe(t))*n:n}function ye(n,t="center"){return Object(ee.Nb)(n)?{x:Object(ee.ac)(n.x,t),y:Object(ee.ac)(n.y,t)}:{x:n=Object(ee.ac)(n,t),y:n}}function xe(n){return n&&(Object(ee.Mb)(n.xValue)||Object(ee.Mb)(n.yValue))}function we(n,t,e){const o=e.init;if(o)return!0===o?Ce(t,e):function(n,t,e){const o=Object(ee.r)(e.init,[{chart:n,properties:t,options:e}]);if(!0===o)return Ce(t,e);if(Object(ee.Nb)(o))return o}(n,t,e)}function Oe(n,t,e){let o=!1;return t.forEach(t=>{Object(ee.K)(n[t])?(o=!0,e[t]=n[t]):Object(ee.Mb)(e[t])&&delete e[t]}),o}function Ce(n,t){const e=t.type||"line";return ve[e](n)}const ke=new Map;function _e(n){if(n&&"object"==typeof n){const t=n.toString();return"[object HTMLImageElement]"===t||"[object HTMLCanvasElement]"===t}}function Se(n,{x:t,y:e},o){o&&(n.translate(t,e),n.rotate(Object(ee.Yb)(o)),n.translate(-t,-e))}function De(n,t){if(t&&t.borderWidth)return n.lineCap=t.borderCapStyle,n.setLineDash(t.borderDash),n.lineDashOffset=t.borderDashOffset,n.lineJoin=t.borderJoinStyle,n.lineWidth=t.borderWidth,n.strokeStyle=t.borderColor,!0}function Me(n,t){n.shadowColor=t.backgroundShadowColor,n.shadowBlur=t.shadowBlur,n.shadowOffsetX=t.shadowOffsetX,n.shadowOffsetY=t.shadowOffsetY}function Ae(n,t){const e=t.content;if(_e(e))return{width:me(e.width,t.width),height:me(e.height,t.height)};const o=t.font,a=Object(ee.Db)(o)?o.map(n=>Object(ee.D)(n)):[Object(ee.D)(o)],i=t.textStrokeWidth,r=Object(ee.Db)(e)?e:[e],s=r.join()+(n=>n.reduce((function(n,t){return n+=t.string}),""))(a)+i+(n._measureText?"-spriting":"");return ke.has(s)||ke.set(s,function(n,t,e,o){n.save();const a=t.length;let i=0,r=o;for(let s=0;sObject(ee.D)(n)):[Object(ee.D)(i)],s=e.color,l=Object(ee.Db)(s)?s:[s],c=function(n,t){const{x:e,width:o}=n,a=t.textAlign;return"center"===a?e+o/2:"end"===a||"right"===a?e+o:e}(t,e),d=t.y+e.textStrokeWidth/2;n.save(),n.textBaseline="middle",n.textAlign=e.textAlign,function(n,t){if(t.textStrokeWidth>0)return n.lineJoin="round",n.miterLimit=2,n.lineWidth=t.textStrokeWidth,n.strokeStyle=t.textStrokeColor,!0}(n,e)&&function(n,{x:t,y:e},o,a){n.beginPath();let i=0;o.forEach((function(o,r){const s=a[Math.min(r,a.length-1)],l=s.lineHeight;n.font=s.string,n.strokeText(o,t,e+l/2+i),i+=l})),n.stroke()}(n,{x:c,y:d},a,r),function(n,{x:t,y:e},o,{fonts:a,colors:i}){let r=0;o.forEach((function(o,s){const l=i[Math.min(s,i.length-1)],c=a[Math.min(s,a.length-1)],d=c.lineHeight;n.beginPath(),n.font=c.string,n.fillStyle=l,n.fillText(o,t,e+d/2+r),r+=d,n.fill()}))}(n,{x:c,y:d},a,{fonts:r,colors:l}),n.restore()}function Te(n,t,e,o){const{radius:a,options:i}=t,r=i.pointStyle,s=i.rotation;let l=(s||0)*ee.Eb;if(_e(r))return n.save(),n.translate(e,o),n.rotate(l),n.drawImage(r,-r.width/2,-r.height/2,r.width,r.height),void n.restore();(n=>isNaN(n)||n<=0)(a)||function(n,{x:t,y:e,radius:o,rotation:a,style:i,rad:r}){let s,l,c,d;switch(n.beginPath(),i){default:n.arc(t,e,o,0,ee.u),n.closePath();break;case"triangle":n.moveTo(t+Math.sin(r)*o,e-Math.cos(r)*o),r+=ee.Gb,n.lineTo(t+Math.sin(r)*o,e-Math.cos(r)*o),r+=ee.Gb,n.lineTo(t+Math.sin(r)*o,e-Math.cos(r)*o),n.closePath();break;case"rectRounded":d=.516*o,c=o-d,s=Math.cos(r+ee.Fb)*c,l=Math.sin(r+ee.Fb)*c,n.arc(t-s,e-l,d,r-ee.q,r-ee.i),n.arc(t+l,e-s,d,r-ee.i,r),n.arc(t+s,e+l,d,r,r+ee.i),n.arc(t-l,e+s,d,r+ee.i,r+ee.q),n.closePath();break;case"rect":if(!a){c=Math.SQRT1_2*o,n.rect(t-c,e-c,2*c,2*c);break}r+=ee.Fb;case"rectRot":s=Math.cos(r)*o,l=Math.sin(r)*o,n.moveTo(t-s,e-l),n.lineTo(t+l,e-s),n.lineTo(t+s,e+l),n.lineTo(t-l,e+s),n.closePath();break;case"crossRot":r+=ee.Fb;case"cross":s=Math.cos(r)*o,l=Math.sin(r)*o,n.moveTo(t-s,e-l),n.lineTo(t+s,e+l),n.moveTo(t+l,e-s),n.lineTo(t-l,e+s);break;case"star":s=Math.cos(r)*o,l=Math.sin(r)*o,n.moveTo(t-s,e-l),n.lineTo(t+s,e+l),n.moveTo(t+l,e-s),n.lineTo(t-l,e+s),r+=ee.Fb,s=Math.cos(r)*o,l=Math.sin(r)*o,n.moveTo(t-s,e-l),n.lineTo(t+s,e+l),n.moveTo(t+l,e-s),n.lineTo(t-l,e+s);break;case"line":s=Math.cos(r)*o,l=Math.sin(r)*o,n.moveTo(t-s,e-l),n.lineTo(t+s,e+l);break;case"dash":n.moveTo(t,e),n.lineTo(t+Math.cos(r)*o,e+Math.sin(r)*o)}n.fill()}(n,{x:e,y:o,radius:a,rotation:s,style:r,rad:l})}const Ie={xScaleID:{min:"xMin",max:"xMax",start:"left",end:"right",startProp:"x",endProp:"x2"},yScaleID:{min:"yMin",max:"yMax",start:"bottom",end:"top",startProp:"y",endProp:"y2"}};function Ee(n,t,e){return t="number"==typeof t?t:n.parse(t),Object(ee.Lb)(t)?n.getPixelForValue(t):e}function Le(n,t,e){const o=t[e];if(o||"scaleID"===e)return o;const a=e.charAt(0),i=Object.values(n).filter(n=>n.axis&&n.axis===a);return i.length?i[0].id:a}function Ne(n,t){if(n){const e=n.options.reverse;return{start:Ee(n,t.min,e?t.end:t.start),end:Ee(n,t.max,e?t.start:t.end)}}}function Re(n,t){const{chartArea:e,scales:o}=n,a=o[Le(o,t,"xScaleID")],i=o[Le(o,t,"yScaleID")];let r=e.width/2,s=e.height/2;return a&&(r=Ee(a,t.xValue,a.left+a.width/2)),i&&(s=Ee(i,t.yValue,i.top+i.height/2)),{x:r,y:s}}function Ve(n,t){const e=n.scales,o=e[Le(e,t,"xScaleID")],a=e[Le(e,t,"yScaleID")];if(!o&&!a)return{};let{left:i,right:r}=o||n.chartArea,{top:s,bottom:l}=a||n.chartArea;const c=Fe(o,{min:t.xMin,max:t.xMax,start:i,end:r});i=c.start,r=c.end;const d=Fe(a,{min:t.yMin,max:t.yMax,start:l,end:s});return s=d.start,l=d.end,{x:i,y:s,x2:r,y2:l,width:r-i,height:l-s,centerX:i+(r-i)/2,centerY:s+(l-s)/2}}function Ue(n,t){if(!xe(t)){const e=Ve(n,t);let o=t.radius;o&&!isNaN(o)||(o=Math.min(e.width,e.height)/2,t.radius=o);const a=2*o,i=e.centerX+t.xAdjust,r=e.centerY+t.yAdjust;return{x:i-o,y:r-o,x2:i+o,y2:r+o,centerX:i,centerY:r,width:a,height:a,radius:o}}return function(n,t){const e=Re(n,t),o=2*t.radius;return{x:e.x-t.radius+t.xAdjust,y:e.y-t.radius+t.yAdjust,x2:e.x+t.radius+t.xAdjust,y2:e.y+t.radius+t.yAdjust,centerX:e.x+t.xAdjust,centerY:e.y+t.yAdjust,radius:t.radius,width:o,height:o}}(n,t)}function ze(n,t){const{scales:e,chartArea:o}=n,a=e[t.scaleID],i={x:o.left,y:o.top,x2:o.right,y2:o.bottom};return a?function(n,t,e){const o=Ee(n,e.value,NaN),a=Ee(n,e.endValue,o);n.isHorizontal()?(t.x=o,t.x2=a):(t.y=o,t.y2=a)}(a,i,t):function(n,t,e){for(const o of Object.keys(Ie)){const a=n[Le(n,e,o)];if(a){const{min:n,max:i,start:r,end:s,startProp:l,endProp:c}=Ie[o],d=Ne(a,{min:e[n],max:e[i],start:a[r],end:a[s]});t[l]=d.start,t[c]=d.end}}}(e,i,t),i}function We(n,t){const e=Ve(n,t);return e.initProperties=we(n,e,t),e.elements=[{type:"label",optionScope:"label",properties:Ye(n,e,t),initProperties:e.initProperties}],e}function Fe(n,t){const e=Ne(n,t)||t;return{start:Math.min(e.start,e.end),end:Math.max(e.start,e.end)}}function Be(n,t){const{start:e,end:o,borderWidth:a}=n,{position:i,padding:{start:r,end:s},adjust:l}=t;return e+a/2+l+ge(o-a-e-r-s-t.size,i)}function Ye(n,t,e){const o=e.label;o.backgroundColor="transparent",o.callout.display=!1;const a=ye(o.position),i=Object(ee.f)(o.padding),r=Ae(n.ctx,o),s=function({properties:n,options:t},e,o,a){const{x:i,x2:r,width:s}=n;return Be({start:i,end:r,size:s,borderWidth:t.borderWidth},{position:o.x,padding:{start:a.left,end:a.right},adjust:t.label.xAdjust,size:e.width})}({properties:t,options:e},r,a,i),l=function({properties:n,options:t},e,o,a){const{y:i,y2:r,height:s}=n;return Be({start:i,end:r,size:s,borderWidth:t.borderWidth},{position:o.y,padding:{start:a.top,end:a.bottom},adjust:t.label.yAdjust,size:e.height})}({properties:t,options:e},r,a,i),c=r.width+i.width,d=r.height+i.height;return{x:s,y:l,x2:s+c,y2:l+d,width:c,height:d,centerX:s+c/2,centerY:l+d/2,rotation:o.rotation}}function $e(n,t,e){const o=Math.cos(e),a=Math.sin(e),i=t.x,r=t.y;return{x:i+o*(n.x-i)-a*(n.y-r),y:r+a*(n.x-i)+o*(n.y-r)}}const Xe=["enter","leave"],He=Xe.concat("click");function Je(n,t,e){if(n.listened)switch(t.type){case"mousemove":case"mouseout":return function(n,t,e){if(!n.moveListened)return;let o;o="mousemove"===t.type?ae(n.visibleElements,t,e.interaction):[];const a=n.hovered;n.hovered=o;const i={state:n,event:t};let r=qe(i,"leave",a,o);return qe(i,"enter",o,a)||r}(n,t,e);case"click":return function(n,t,e){const o=n.listeners,a=ae(n.visibleElements,t,e.interaction);let i;for(const n of a)i=Ge(n.options.click||o.click,n,t)||i;return i}(n,t,e)}}function qe({state:n,event:t},e,o,a){let i;for(const r of o)a.indexOf(r)<0&&(i=Ge(r.options[e]||n.listeners[e],r,t)||i);return i}function Ge(n,t,e){return!0===Object(ee.r)(n,[t.$context,e])}const Ke=["afterDraw","beforeDraw"];function Ze(n,t,e){if(n.hooked){const o=t.options[e]||n.hooks[e];return Object(ee.r)(o,[t.$context])}}function Qe(n,t,e){const o=function(n,t,e){const o=t.axis,a=t.id,i=o+"ScaleID",r={min:Object(ee.ac)(t.min,Number.NEGATIVE_INFINITY),max:Object(ee.ac)(t.max,Number.POSITIVE_INFINITY)};for(const s of e)s.scaleID===a?oo(s,t,["value","endValue"],r):Le(n,s,i)===a&&oo(s,t,[o+"Min",o+"Max",o+"Value"],r);return r}(n.scales,t,e);let a=no(t,o,"min","suggestedMin");a=no(t,o,"max","suggestedMax")||a,a&&Object(ee.K)(t.handleTickRangeOptions)&&t.handleTickRangeOptions()}function no(n,t,e,o){if(Object(ee.Lb)(t[e])&&!function(n,t,e){return Object(ee.Mb)(n[t])||Object(ee.Mb)(n[e])}(n.options,e,o)){const o=n[e]!==t[e];return n[e]=t[e],o}}function to(n,t){for(const e of["scaleID","xScaleID","yScaleID"]){const o=Le(t,n,e);o&&!t[o]&&eo(n,e)&&console.warn(`No scale found with id '${o}' for annotation '${n.id}'`)}}function eo(n,t){if("scaleID"===t)return!0;const e=t.charAt(0);for(const t of["Min","Max","Value"])if(Object(ee.Mb)(n[e+t]))return!0;return!1}function oo(n,t,e,o){for(const a of e){const e=n[a];if(Object(ee.Mb)(e)){const n=t.parse(e);o.min=Math.min(o.min,n),o.max=Math.max(o.max,n)}}}class ao extends Qt.c{inRange(n,t,e,o){const{x:a,y:i}=$e({x:n,y:t},this.getCenterPoint(o),Object(ee.Yb)(-this.options.rotation));return de({x:a,y:i},this.getProps(["x","y","x2","y2"],o),e,this.options)}getCenterPoint(n){return ue(this,n)}draw(n){n.save(),Se(n,this.getCenterPoint(),this.options.rotation),Pe(n,this,this.options),n.restore()}get label(){return this.elements&&this.elements[0]}resolveElementProperties(n,t){return We(n,t)}}ao.id="boxAnnotation",ao.defaults={adjustScaleRange:!0,backgroundShadowColor:"transparent",borderCapStyle:"butt",borderDash:[],borderDashOffset:0,borderJoinStyle:"miter",borderRadius:0,borderShadowColor:"transparent",borderWidth:1,display:!0,init:void 0,hitTolerance:0,label:{backgroundColor:"transparent",borderWidth:0,callout:{display:!1},color:"black",content:null,display:!1,drawTime:void 0,font:{family:void 0,lineHeight:void 0,size:void 0,style:void 0,weight:"bold"},height:void 0,hitTolerance:void 0,opacity:void 0,padding:6,position:"center",rotation:void 0,textAlign:"start",textStrokeColor:void 0,textStrokeWidth:0,width:void 0,xAdjust:0,yAdjust:0,z:void 0},rotation:0,shadowBlur:0,shadowOffsetX:0,shadowOffsetY:0,xMax:void 0,xMin:void 0,xScaleID:void 0,yMax:void 0,yMin:void 0,yScaleID:void 0,z:0},ao.defaultRoutes={borderColor:"color",backgroundColor:"color"},ao.descriptors={label:{_fallback:!0}};const io=["left","bottom","top","right"];class ro extends Qt.c{inRange(n,t,e,o){const{x:a,y:i}=$e({x:n,y:t},this.getCenterPoint(o),Object(ee.Yb)(-this.rotation));return de({x:a,y:i},this.getProps(["x","y","x2","y2"],o),e,this.options)}getCenterPoint(n){return ue(this,n)}draw(n){const t=this.options,e=!Object(ee.Mb)(this._visible)||this._visible;t.display&&t.content&&e&&(n.save(),Se(n,this.getCenterPoint(),this.rotation),function(n,t){const{pointX:e,pointY:o,options:a}=t,i=a.callout,r=i&&i.display&&function(n,t){const e=t.position;if(io.includes(e))return e;return function(n,t){const{x:e,y:o,x2:a,y2:i,width:r,height:s,pointX:l,pointY:c,centerX:d,centerY:u,rotation:h}=n,f={x:d,y:u},p=t.start,b=me(r,p),v=me(s,p),g=[e,e+b,e+b,a],m=[o+v,i,o,i],y=[];for(let n=0;n<4;n++){const t=$e({x:g[n],y:m[n]},f,Object(ee.Yb)(h));y.push({position:io[n],distance:Object(ee.R)(t,{x:l,y:c})})}return y.sort((n,t)=>n.distance-t.distance)[0].position}(n,t)}(t,i);if(!r||function(n,t,e){const{pointX:o,pointY:a}=n,i=t.margin;let r=o,s=a;"left"===e?r+=i:"right"===e?r-=i:"top"===e?s+=i:"bottom"===e&&(s-=i);return n.inRange(r,s)}(t,i,r))return;n.save(),n.beginPath();if(!De(n,i))return n.restore();const{separatorStart:s,separatorEnd:l}=function(n,t){const{x:e,y:o,x2:a,y2:i}=n,r=function(n,t){const{width:e,height:o,options:a}=n,i=a.callout.margin+a.borderWidth/2;if("right"===t)return e+i;if("bottom"===t)return o+i;return-i}(n,t);let s,l;"left"===t||"right"===t?(s={x:e+r,y:o},l={x:s.x,y:i}):(s={x:e,y:o+r},l={x:a,y:s.y});return{separatorStart:s,separatorEnd:l}}(t,r),{sideStart:c,sideEnd:d}=function(n,t,e){const{y:o,width:a,height:i,options:r}=n,s=r.callout.start,l=function(n,t){const e=t.side;if("left"===n||"top"===n)return-e;return e}(t,r.callout);let c,d;"left"===t||"right"===t?(c={x:e.x,y:o+me(i,s)},d={x:c.x+l,y:c.y}):(c={x:e.x+me(a,s),y:e.y},d={x:c.x,y:c.y+l});return{sideStart:c,sideEnd:d}}(t,r,s);(i.margin>0||0===a.borderWidth)&&(n.moveTo(s.x,s.y),n.lineTo(l.x,l.y));n.moveTo(c.x,c.y),n.lineTo(d.x,d.y);const u=$e({x:e,y:o},t.getCenterPoint(),Object(ee.Yb)(-t.rotation));n.lineTo(u.x,u.y),n.stroke(),n.restore()}(n,this),Pe(n,this,t),je(n,function({x:n,y:t,width:e,height:o,options:a}){const i=a.borderWidth/2,r=Object(ee.f)(a.padding);return{x:n+r.left+i,y:t+r.top+i,width:e-r.left-r.right-a.borderWidth,height:o-r.top-r.bottom-a.borderWidth}}(this),t),n.restore())}resolveElementProperties(n,t){let e;if(xe(t))e=Re(n,t);else{const{centerX:o,centerY:a}=Ve(n,t);e={x:o,y:a}}const o=Object(ee.f)(t.padding),a=function(n,t,e,o){const a=t.width+o.width+e.borderWidth,i=t.height+o.height+e.borderWidth,r=ye(e.position,"center"),s=so(n.x,a,e.xAdjust,r.x),l=so(n.y,i,e.yAdjust,r.y);return{x:s,y:l,x2:s+a,y2:l+i,width:a,height:i,centerX:s+a/2,centerY:l+i/2}}(e,Ae(n.ctx,t),t,o);return{initProperties:we(n,a,t),pointX:e.x,pointY:e.y,...a,rotation:t.rotation}}}function so(n,t,e=0,o){return n-ge(t,o)+e}ro.id="labelAnnotation",ro.defaults={adjustScaleRange:!0,backgroundColor:"transparent",backgroundShadowColor:"transparent",borderCapStyle:"butt",borderDash:[],borderDashOffset:0,borderJoinStyle:"miter",borderRadius:0,borderShadowColor:"transparent",borderWidth:0,callout:{borderCapStyle:"butt",borderColor:void 0,borderDash:[],borderDashOffset:0,borderJoinStyle:"miter",borderWidth:1,display:!1,margin:5,position:"auto",side:5,start:"50%"},color:"black",content:null,display:!0,font:{family:void 0,lineHeight:void 0,size:void 0,style:void 0,weight:void 0},height:void 0,hitTolerance:0,init:void 0,opacity:void 0,padding:6,position:"center",rotation:0,shadowBlur:0,shadowOffsetX:0,shadowOffsetY:0,textAlign:"center",textStrokeColor:void 0,textStrokeWidth:0,width:void 0,xAdjust:0,xMax:void 0,xMin:void 0,xScaleID:void 0,xValue:void 0,yAdjust:0,yMax:void 0,yMin:void 0,yScaleID:void 0,yValue:void 0,z:0},ro.defaultRoutes={borderColor:"color"};const lo=(n,t,e)=>({x:n.x+e*(t.x-n.x),y:n.y+e*(t.y-n.y)}),co=(n,t,e)=>lo(t,e,Math.abs((n-t.y)/(e.y-t.y))).x,uo=(n,t,e)=>lo(t,e,Math.abs((n-t.x)/(e.x-t.x))).y,ho=n=>n*n,fo=(n,t,e,o)=>(1-o)*(1-o)*n+2*(1-o)*o*t+o*o*e,po=(n,t,e,o)=>({x:fo(n.x,t.x,e.x,o),y:fo(n.y,t.y,e.y,o)}),bo=(n,t,e,o)=>2*(1-o)*(t-n)+2*o*(e-t),vo=(n,t,e,o)=>-Math.atan2(bo(n.x,t.x,e.x,o),bo(n.y,t.y,e.y,o))+.5*ee.q;class go extends Qt.c{inRange(n,t,e,o){const a=(this.options.borderWidth+this.options.hitTolerance)/2;if("x"!==e&&"y"!==e){const e={mouseX:n,mouseY:t},{path:i,ctx:r}=this;if(i){De(r,this.options),r.lineWidth+=this.options.hitTolerance;const{chart:a}=this.$context,s=n*a.currentDevicePixelRatio,l=t*a.currentDevicePixelRatio,c=r.isPointInStroke(i,s,l)||xo(this,e,o);return r.restore(),c}return function(n,{mouseX:t,mouseY:e},o=.001,a){const{x:i,y:r,x2:s,y2:l}=n.getProps(["x","y","x2","y2"],a),c=s-i,d=l-r,u=ho(c)+ho(d),h=0===u?-1:((t-i)*c+(e-r)*d)/u;let f,p;h<0?(f=i,p=r):h>1?(f=s,p=l):(f=i+h*c,p=r+h*d);return ho(t-f)+ho(e-p)<=o}(this,e,ho(a),o)||xo(this,e,o)}return function(n,{mouseX:t,mouseY:e},o,{hitSize:a,useFinalPosition:i}){const r=((n,t,{x:e,y:o,x2:a,y2:i},r)=>"y"===r?{start:Math.min(o,i),end:Math.max(o,i),value:t}:{start:Math.min(e,a),end:Math.max(e,a),value:n})(t,e,n.getProps(["x","y","x2","y2"],i),o);return le(r,a)||xo(n,{mouseX:t,mouseY:e},i,o)}(this,{mouseX:n,mouseY:t},e,{hitSize:a,useFinalPosition:o})}getCenterPoint(n){return ue(this,n)}draw(n){const{x:t,y:e,x2:o,y2:a,cp:i,options:r}=this;if(n.save(),!De(n,r))return n.restore();Me(n,r);const s=Math.sqrt(Math.pow(o-t,2)+Math.pow(a-e,2));if(r.curve&&i)return function(n,t,e,o){const{x:a,y:i,x2:r,y2:s,options:l}=t,{startOpts:c,endOpts:d,startAdjust:u,endAdjust:h}=Co(t),f={x:a,y:i},p={x:r,y:s},b=vo(f,e,p,0),v=vo(f,e,p,1)-ee.q,g=po(f,e,p,u/o),m=po(f,e,p,1-h/o),y=new Path2D;n.beginPath(),y.moveTo(g.x,g.y),y.quadraticCurveTo(e.x,e.y,m.x,m.y),n.shadowColor=l.borderShadowColor,n.stroke(y),t.path=y,t.ctx=n,So(n,g,{angle:b,adjust:u},c),So(n,m,{angle:v,adjust:h},d)}(n,this,i,s),n.restore();const{startOpts:l,endOpts:c,startAdjust:d,endAdjust:u}=Co(this),h=Math.atan2(a-e,o-t);n.translate(t,e),n.rotate(h),n.beginPath(),n.moveTo(0+d,0),n.lineTo(s-u,0),n.shadowColor=r.borderShadowColor,n.stroke(),_o(n,0,d,l),_o(n,s,-u,c),n.restore()}get label(){return this.elements&&this.elements[0]}resolveElementProperties(n,t){const e=ze(n,t),{x:o,y:a,x2:i,y2:r}=e,s=function({x:n,y:t,x2:e,y2:o},{top:a,right:i,bottom:r,left:s}){return!(ni&&e>i||tr&&o>r)}(e,n.chartArea),l=s?function(n,t,e){const{x:o,y:a}=yo(n,t,e),{x:i,y:r}=yo(t,n,e);return{x:o,y:a,x2:i,y2:r,width:Math.abs(i-o),height:Math.abs(r-a)}}({x:o,y:a},{x:i,y:r},n.chartArea):{x:o,y:a,x2:i,y2:r,width:Math.abs(i-o),height:Math.abs(r-a)};if(l.centerX=(i+o)/2,l.centerY=(r+a)/2,l.initProperties=we(n,l,t),t.curve){const n={x:l.x,y:l.y},e={x:l.x2,y:l.y2};l.cp=function(n,t,e){const{x:o,y:a,x2:i,y2:r,centerX:s,centerY:l}=n,c=Math.atan2(r-a,i-o),d=ye(t.controlPoint,0);return $e({x:s+me(e,d.x,!1),y:l+me(e,d.y,!1)},{x:s,y:l},c)}(l,t,Object(ee.R)(n,e))}const c=function(n,t,e){const o=e.borderWidth,a=Object(ee.f)(e.padding),i=Ae(n.ctx,e),r=i.width+a.width+o,s=i.height+a.height+o;return function(n,t,e,o){const{width:a,height:i,padding:r}=e,{xAdjust:s,yAdjust:l}=t,c={x:n.x,y:n.y},d={x:n.x2,y:n.y2},u="auto"===t.rotation?function(n){const{x:t,y:e,x2:o,y2:a}=n,i=Math.atan2(a-e,o-t);return i>ee.q/2?i-ee.q:ia&&(t=uo(a,{x:n,y:t},e),n=a),ti&&(n=co(i,{x:n,y:t},e),t=i),{x:n,y:t}}function xo(n,{mouseX:t,mouseY:e},o,a){const i=n.label;return i.options.display&&i.inRange(t,e,a,o)}function wo(n,t,e,o){const{labelSize:a,padding:i}=t,r=n.w*o.dx,s=n.h*o.dy,l=r>0&&(a.w/2+i.left-o.x)/r,c=s>0&&(a.h/2+i.top-o.y)/s;return se(Math.max(l,c),0,.25)}function Oo(n,t){const{size:e,min:o,max:a,padding:i}=t,r=e/2;return e>a-o?(a+o)/2:(o>=n-i-r&&(n=o+i+r),a<=n+i+r&&(n=a-i-r),n)}function Co(n){const t=n.options,e=t.arrowHeads&&t.arrowHeads.start,o=t.arrowHeads&&t.arrowHeads.end;return{startOpts:e,endOpts:o,startAdjust:ko(n,e),endAdjust:ko(n,o)}}function ko(n,t){if(!t||!t.display)return 0;const{length:e,width:o}=t,a=n.options.borderWidth/2,i={x:e,y:o+a},r={x:0,y:a};return Math.abs(co(0,i,r))}function _o(n,t,e,o){if(!o||!o.display)return;const{length:a,width:i,fill:r,backgroundColor:s,borderColor:l}=o,c=Math.abs(t-a)+e;n.beginPath(),Me(n,o),De(n,o),n.moveTo(c,-i),n.lineTo(t+e,0),n.lineTo(c,i),!0===r?(n.fillStyle=s||l,n.closePath(),n.fill(),n.shadowColor="transparent"):n.shadowColor=o.borderShadowColor,n.stroke()}function So(n,{x:t,y:e},{angle:o,adjust:a},i){i&&i.display&&(n.save(),n.translate(t,e),n.rotate(o),_o(n,0,-a,i),n.restore())}go.defaults={adjustScaleRange:!0,arrowHeads:{display:!1,end:Object.assign({},mo),fill:!1,length:12,start:Object.assign({},mo),width:6},borderDash:[],borderDashOffset:0,borderShadowColor:"transparent",borderWidth:2,curve:!1,controlPoint:{y:"-50%"},display:!0,endValue:void 0,init:void 0,hitTolerance:0,label:{backgroundColor:"rgba(0,0,0,0.8)",backgroundShadowColor:"transparent",borderCapStyle:"butt",borderColor:"black",borderDash:[],borderDashOffset:0,borderJoinStyle:"miter",borderRadius:6,borderShadowColor:"transparent",borderWidth:0,callout:Object.assign({},ro.defaults.callout),color:"#fff",content:null,display:!1,drawTime:void 0,font:{family:void 0,lineHeight:void 0,size:void 0,style:void 0,weight:"bold"},height:void 0,hitTolerance:void 0,opacity:void 0,padding:6,position:"center",rotation:0,shadowBlur:0,shadowOffsetX:0,shadowOffsetY:0,textAlign:"center",textStrokeColor:void 0,textStrokeWidth:0,width:void 0,xAdjust:0,yAdjust:0,z:void 0},scaleID:void 0,shadowBlur:0,shadowOffsetX:0,shadowOffsetY:0,value:void 0,xMax:void 0,xMin:void 0,xScaleID:void 0,yMax:void 0,yMin:void 0,yScaleID:void 0,z:0},go.descriptors={arrowHeads:{start:{_fallback:!0},end:{_fallback:!0},_fallback:!0}},go.defaultRoutes={borderColor:"color"};class Do extends Qt.c{inRange(n,t,e,o){const a=this.options.rotation,i=(this.options.borderWidth+this.options.hitTolerance)/2;if("x"!==e&&"y"!==e)return function(n,t,e,o){const{width:a,height:i,centerX:r,centerY:s}=t,l=a/2,c=i/2;if(l<=0||c<=0)return!1;const d=Object(ee.Yb)(e||0),u=Math.cos(d),h=Math.sin(d),f=Math.pow(u*(n.x-r)+h*(n.y-s),2),p=Math.pow(h*(n.x-r)-u*(n.y-s),2);return f/Math.pow(l+o,2)+p/Math.pow(c+o,2)<=1.0001}({x:n,y:t},this.getProps(["width","height","centerX","centerY"],o),a,i);const{x:r,y:s,x2:l,y2:c}=this.getProps(["x","y","x2","y2"],o),d="y"===e?{start:s,end:c}:{start:r,end:l},u=$e({x:n,y:t},this.getCenterPoint(o),Object(ee.Yb)(-a));return u[e]>=d.start-i-.001&&u[e]<=d.end+i+.001}getCenterPoint(n){return ue(this,n)}draw(n){const{width:t,height:e,centerX:o,centerY:a,options:i}=this;n.save(),Se(n,this.getCenterPoint(),i.rotation),Me(n,this.options),n.beginPath(),n.fillStyle=i.backgroundColor;const r=De(n,i);n.ellipse(o,a,e/2,t/2,ee.q/2,0,2*ee.q),n.fill(),r&&(n.shadowColor=i.borderShadowColor,n.stroke()),n.restore()}get label(){return this.elements&&this.elements[0]}resolveElementProperties(n,t){return We(n,t)}}Do.id="ellipseAnnotation",Do.defaults={adjustScaleRange:!0,backgroundShadowColor:"transparent",borderDash:[],borderDashOffset:0,borderShadowColor:"transparent",borderWidth:1,display:!0,hitTolerance:0,init:void 0,label:Object.assign({},ao.defaults.label),rotation:0,shadowBlur:0,shadowOffsetX:0,shadowOffsetY:0,xMax:void 0,xMin:void 0,xScaleID:void 0,yMax:void 0,yMin:void 0,yScaleID:void 0,z:0},Do.defaultRoutes={borderColor:"color",backgroundColor:"color"},Do.descriptors={label:{_fallback:!0}};class Mo extends Qt.c{inRange(n,t,e,o){const{x:a,y:i,x2:r,y2:s,width:l}=this.getProps(["x","y","x2","y2","width"],o),c=(this.options.borderWidth+this.options.hitTolerance)/2;if("x"!==e&&"y"!==e)return function(n,t,e,o){return!(!n||!t||e<=0)&&Math.pow(n.x-t.x,2)+Math.pow(n.y-t.y,2)<=Math.pow(e+o,2)}({x:n,y:t},this.getCenterPoint(o),l/2,c);return le("y"===e?{start:i,end:s,value:t}:{start:a,end:r,value:n},c)}getCenterPoint(n){return ue(this,n)}draw(n){const t=this.options,e=t.borderWidth;if(t.radius<.1)return;n.save(),n.fillStyle=t.backgroundColor,Me(n,t);const o=De(n,t);Te(n,this,this.centerX,this.centerY),o&&!_e(t.pointStyle)&&(n.shadowColor=t.borderShadowColor,n.stroke()),n.restore(),t.borderWidth=e}resolveElementProperties(n,t){const e=Ue(n,t);return e.initProperties=we(n,e,t),e}}Mo.id="pointAnnotation",Mo.defaults={adjustScaleRange:!0,backgroundShadowColor:"transparent",borderDash:[],borderDashOffset:0,borderShadowColor:"transparent",borderWidth:1,display:!0,hitTolerance:0,init:void 0,pointStyle:"circle",radius:10,rotation:0,shadowBlur:0,shadowOffsetX:0,shadowOffsetY:0,xAdjust:0,xMax:void 0,xMin:void 0,xScaleID:void 0,xValue:void 0,yAdjust:0,yMax:void 0,yMin:void 0,yScaleID:void 0,yValue:void 0,z:0},Mo.defaultRoutes={borderColor:"color",backgroundColor:"color"};class Ao extends Qt.c{inRange(n,t,e,o){if("x"!==e&&"y"!==e)return this.options.radius>=.1&&this.elements.length>1&&function(n,t,e,o){let a=!1,i=n[n.length-1].getProps(["bX","bY"],o);for(const r of n){const n=r.getProps(["bX","bY"],o);n.bY>e!=i.bY>e&&t<(i.bX-n.bX)*(e-n.bY)/(i.bY-n.bY)+n.bX&&(a=!a),i=n}return a}(this.elements,n,t,o);const a=$e({x:n,y:t},this.getCenterPoint(o),Object(ee.Yb)(-this.options.rotation)),i=this.elements.map(n=>"y"===e?n.bY:n.bX),r=Math.min(...i),s=Math.max(...i);return a[e]>=r&&a[e]<=s}getCenterPoint(n){return ue(this,n)}draw(n){const{elements:t,options:e}=this;n.save(),n.beginPath(),n.fillStyle=e.backgroundColor,Me(n,e);const o=De(n,e);let a=!0;for(const e of t)a?(n.moveTo(e.x,e.y),a=!1):n.lineTo(e.x,e.y);n.closePath(),n.fill(),o&&(n.shadowColor=e.borderShadowColor,n.stroke()),n.restore()}resolveElementProperties(n,t){const e=Ue(n,t),{sides:o,rotation:a}=t,i=[],r=2*ee.q/o;let s=a*ee.Eb;for(let a=0;a{ee.Ib.describe("elements."+jo[n].id,{_fallback:"plugins.annotation.common"})});const To={update:Object.assign},Io=He.concat(Ke),Eo=(n,t)=>Object(ee.Nb)(t)?Fo(n,t):n,Lo=n=>"color"===n||"font"===n;function No(n="line"){return jo[n]?n:(console.warn(`Unknown annotation type: '${n}', defaulting to 'line'`),"line")}function Ro(n,t,e,o){const a=function(n,t,e){if("reset"===e||"none"===e||"resize"===e)return To;return new Qt.a(n,t)}(n,e.animations,o),i=t.annotations,r=function(n,t){const e=t.length,o=n.length;if(oe&&n.splice(e,o-e);return n}(t.elements,i);for(let t=0;tEo(n,a)):e[o]=Eo(i,a)}return e}function Bo(n,t,e,o){return t.$context||(t.$context=Object.assign(Object.create(n.getContext()),{element:t,get elements(){return e.filter(n=>n&&n.options)},id:o.id,type:"annotation"}))}const Yo=new Map,$o=He.concat(Ke);var Xo={id:"annotation",version:"3.0.1",beforeRegister(){!function(n,t,e,o=!0){const a=e.split(".");let i=0;for(const r of t.split(".")){const s=a[i++];if(parseInt(r,10){const t=a[n];Object(ee.Nb)(t)&&(t.id=n,o.push(t))}):Object(ee.Db)(a)&&o.push(...a),function(n,t){for(const e of n)to(e,t)}(o,n.scales)},afterDataLimits(n,t){const e=Yo.get(n);Qe(n,t.scale,e.annotations.filter(n=>n.display&&n.adjustScaleRange))},afterUpdate(n,t,e){const o=Yo.get(n);!function(n,t,e){t.listened=Oe(e,He,t.listeners),t.moveListened=!1,Xe.forEach(n=>{Object(ee.K)(e[n])&&(t.moveListened=!0)}),t.listened&&t.moveListened||t.annotations.forEach(n=>{!t.listened&&Object(ee.K)(n.click)&&(t.listened=!0),t.moveListened||Xe.forEach(e=>{Object(ee.K)(n[e])&&(t.listened=!0,t.moveListened=!0)})})}(0,o,e),Ro(n,o,e,t.mode),o.visibleElements=o.elements.filter(n=>!n.skip&&n.options.display),function(n,t,e){const o=t.visibleElements;t.hooked=Oe(e,Ke,t.hooks),t.hooked||o.forEach(n=>{t.hooked||Ke.forEach(e=>{Object(ee.K)(n.options[e])&&(t.hooked=!0)})})}(0,o,e)},beforeDatasetsDraw(n,t,e){Ho(n,"beforeDatasetsDraw",e.clip)},afterDatasetsDraw(n,t,e){Ho(n,"afterDatasetsDraw",e.clip)},beforeDatasetDraw(n,t,e){Ho(n,t.index,e.clip)},beforeDraw(n,t,e){Ho(n,"beforeDraw",e.clip)},afterDraw(n,t,e){Ho(n,"afterDraw",e.clip)},beforeEvent(n,t,e){Je(Yo.get(n),t.event,e)&&(t.changed=!0)},afterDestroy(n){Yo.delete(n)},getAnnotations(n){const t=Yo.get(n);return t?t.elements:[]},_getAnnotationElementsAtEventForMode:(n,t,e)=>ae(n,t,e),defaults:{animations:{numbers:{properties:["x","y","x2","y2","width","height","centerX","centerY","pointX","pointY","radius"],type:"number"}},clip:!0,interaction:{mode:void 0,axis:void 0,intersect:void 0},common:{drawTime:"afterDatasetsDraw",init:!1,label:{}}},descriptors:{_indexable:!1,_scriptable:n=>!$o.includes(n)&&"init"!==n,annotations:{_allKeys:!1,_fallback:(n,t)=>"elements."+jo[No(t.type)].id},interaction:{_fallback:!0},common:{label:{_indexable:Lo,_fallback:!0},_indexable:Lo}},additionalOptionScopes:[""]};function Ho(n,t,e){const{ctx:o,chartArea:a}=n,i=Yo.get(n);e&&Object(ee.z)(o,a);const r=function(n,t){const e=[];for(const o of n)if(o.options.drawTime===t&&e.push({element:o,main:!0}),o.elements&&o.elements.length)for(const n of o.elements)n.options.display&&n.options.drawTime===t&&e.push({element:n});return e}(i.visibleElements,t).sort((n,t)=>n.element.options.z-t.element.options.z);for(const n of r)Jo(o,a,i,n);e&&Object(ee.a)(o)}function Jo(n,t,e,o){const a=o.element;o.main?(Ze(e,a,"beforeDraw"),a.draw(n,t),Ze(e,a,"afterDraw")):a.draw(n,t)}te.register(Xo),te.register({id:"version",afterDraw(n){const t=n.ctx;t.save(),t.font="9px monospace",t.fillStyle="rgba(0, 0, 0, 0.5)",t.textAlign="right",t.textBaseline="top",t.fillText("Chart.js v"+te.version+" + chartjs-plugin-annotation v"+Xo.version,n.chartArea.right,0),t.restore()}}),ee.Ib.set({elements:{line:{tension:.4}},plugins:{legend:!1}});let qo=Date.now();function Go(n){qo=n}function Ko(n,t){return n=Object(ee.ac)(n,0),t=Object(ee.ac)(t,0),qo=(9301*qo+49297)%233280,n+qo/233280*(t-n)}function Zo(n){var t,e,o=n||{},a=Object(ee.ac)(o.min,0),i=Object(ee.ac)(o.max,100),r=Object(ee.ac)(o.from,[]),s=Object(ee.ac)(o.count,8),l=Object(ee.ac)(o.decimals,8),c=Object(ee.ac)(o.continuity,1),d=Math.pow(10,l)||0,u=[];for(t=0;t({x:n,y:e[t]}))}function na(){const n=new Image;return n.src="https://www.chartjs.org/chartjs-plugin-annotation/latest/favicon.png",n}let ta=null;function ea(){if(ta)return ta;const n=document.createElement("canvas");return n.width=100,n.height=100,n.style.visibility="hidden",document.body.appendChild(n),ta=function(n){return new Qt.b(n,{type:"pie",data:{labels:["Bought","Sold","Rented"],datasets:[{data:[42,33,25],backgroundColor:["#3366cc","#dc3912","#ff9900"]}]},options:{responsive:!1,animation:!1,plugins:{version:!1,legend:!1,title:!1,subtitle:!1}}})}(n),ta}function oa(){const n=document.createElement("canvas");n.width=150,n.height=150;const t=n.width/2,e=n.height/2,o=n.getContext("2d");o.moveTo(t,e),o.beginPath();for(let n=0;n<720;n++){const e=.1*n,a=t+e*Math.cos(e),i=t+e*Math.sin(e);o.lineTo(a,i)}return o.strokeStyle="#666",o.stroke(),n}function aa(){const n=document.createElement("canvas");n.width=230,n.height=210;const t=n.getContext("2d");return t.fillStyle="#666",t.strokeStyle="#666",t.lineWidth=10,t.strokeRect(40,90,150,110),t.fillRect(95,140,40,60),t.beginPath(),t.moveTo(15,90),t.lineTo(115,10),t.lineTo(215,90),t.closePath(),t.stroke(),n}const ia={Register:o,Defaults:a,Utils:i};r.a.mixin({created(){this.$chart=this.$chart||{},this.$chart.imports=ia}});var ra=e(55);const sa={redirectors:[{base:"/samples",alternative:["intro"]}]};var la=[{},{},({Vue:n})=>{n.mixin({computed:{$dataBlock(){return this.$options.__data__block__}}})},{},{},{},({router:n,siteData:t})=>{const{routes:e=[]}=n.options,{redirectors:o=[]}=sa;function a(n){return e.some(t=>t.path.toLowerCase()===n.toLowerCase())}function i(n){if(a(n))return n;if(!/\/$/.test(n)){const t=n+"/";if(a(t))return t}if(!/\.html$/.test(n)){const t=n.replace(/\/$/,"")+".html";if(a(t))return t}return null}if(sa.locales&&t.locales){const n=t.locales,e=Object.keys(n),a=e.map(t=>({key:t.replace(/^\/|\/$/,""),lang:n[t].lang}));"object"!=typeof sa.locales&&(sa.locales={});const{fallback:i,storage:r=!0}=sa.locales;i&&e.unshift(i),o.unshift({storage:r,base:"/",alternative(){if("undefined"!=typeof window&&window.navigator){const n=window.navigator.languages||[window.navigator.language],t=a.find(({lang:t})=>n.includes(t));if(t)return t.key}return e}})}const r=o.map(({base:n="/",storage:t=!1,alternative:e})=>{let o=!1;if(t)if("object"!=typeof t){const e="string"!=typeof t?"vuepress:redirect:"+n:t;o={get:()=>"undefined"==typeof localStorage?null:localStorage.getItem(e),set(n){"undefined"!=typeof localStorage&&localStorage.setItem(e,n)}}}else t.get&&t.set&&(o=t);return{base:n,storage:o,alternative:e}});n.beforeEach((n,t,e)=>{if(i(n.path))return e();let o;for(const t of r){const{base:e="/",storage:a=!1}=t;let{alternative:r}=t;if(!n.path.startsWith(e))continue;const s=n.path.slice(e.length)||"/";if(a){const n=a.get(t);if(n){const t=i(Object(ra.join)(e,n,s));if(t){o=t;break}}}if("function"==typeof r&&(r=r(s)),r){"string"==typeof r&&(r=[r]);for(const n of r){const t=i(Object(ra.join)(e,n,s));if(t){o=t;break}}if(o)break}}e(o)}),n.afterEach(n=>{if(a(n.path))for(const t of r){const{base:e,storage:o}=t;if(!o||!n.path.startsWith(e))continue;const a=n.path.slice(e.length).split("/")[0];a&&o.set(a,t)}})},({siteData:n,options:t})=>{n.themeConfig.sidebarDepth=0,n.themeConfig.sidebar=Object.assign({},n.themeConfig.sidebar,{"/api/":[{title:"API",children:[["/api/","Exports"],{title:"Interfaces",children:[["interfaces/AnnotationBoxModel","AnnotationBoxModel"],["interfaces/AnnotationElement","AnnotationElement"],["interfaces/AnnotationEvents","AnnotationEvents"],["interfaces/AnnotationHooks","AnnotationHooks"],["interfaces/AnnotationPluginOptions","AnnotationPluginOptions"],["interfaces/AnnotationPointCoordinates","AnnotationPointCoordinates"],["interfaces/AnnotationTypeRegistry","AnnotationTypeRegistry"],["interfaces/ArrowHeadOptions","ArrowHeadOptions"],["interfaces/ArrowHeadsOptions","ArrowHeadsOptions"],["interfaces/BoxAnnotationOptions","BoxAnnotationOptions"],["interfaces/BoxLabelOptions","BoxLabelOptions"],["interfaces/CalloutOptions","CalloutOptions"],["interfaces/ContainedLabelOptions","ContainedLabelOptions"],["interfaces/ControlPointOptions","ControlPointOptions"],["interfaces/CoreAnnotationOptions","CoreAnnotationOptions"],["interfaces/CoreLabelOptions","CoreLabelOptions"],["interfaces/EllipseAnnotationOptions","EllipseAnnotationOptions"],["interfaces/EventContext","EventContext"],["interfaces/LabelAnnotationOptions","LabelAnnotationOptions"],["interfaces/LabelOptions","LabelOptions"],["interfaces/LabelPadding","LabelPadding"],["interfaces/LabelPositionObject","LabelPositionObject"],["interfaces/LabelTypeOptions","LabelTypeOptions"],["interfaces/LineAnnotationOptions","LineAnnotationOptions"],["interfaces/PartialEventContext","PartialEventContext"],["interfaces/PointAnnotationOptions","PointAnnotationOptions"],["interfaces/PolygonAnnotationOptions","PolygonAnnotationOptions"],["interfaces/ShadowOptions","ShadowOptions"]]}],initialOpenGroupIndex:-1,collapsable:!1}]})}],ca=[];class da extends class{constructor(){this.store=new r.a({data:{state:{}}})}$get(n){return this.store.state[n]}$set(n,t){r.a.set(this.store.state,n,t)}$emit(...n){this.store.$emit(...n)}$on(...n){this.store.$on(...n)}}{}Object.assign(da.prototype,{getPageAsyncComponent:ht,getLayoutAsyncComponent:ft,getAsyncComponent:pt,getVueComponent:bt});var ua={install(n){const t=new da;n.$vuepress=t,n.prototype.$vuepress=t}};function ha(n,t){const e=t.toLowerCase();return n.options.routes.some(n=>n.path.toLowerCase()===e)}var fa={props:{pageKey:String,slotKey:{type:String,default:"default"}},render(n){const t=this.pageKey||this.$parent.$page.key;return gt("pageKey",t),r.a.component(t)||r.a.component(t,ht(t)),r.a.component(t)?n(t):n("")}},pa={functional:!0,props:{slotKey:String,required:!0},render:(n,{props:t,slots:e})=>n("div",{class:["content__"+t.slotKey]},e()[t.slotKey])},ba={computed:{openInNewWindowTitle(){return this.$themeLocaleConfig.openNewWindowText||"(opens new window)"}}},va=(e(258),e(259),Object(zt.a)(ba,(function(){var n=this._self._c;return n("span",[n("svg",{staticClass:"icon outbound",attrs:{xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",focusable:"false",x:"0px",y:"0px",viewBox:"0 0 100 100",width:"15",height:"15"}},[n("path",{attrs:{fill:"currentColor",d:"M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"}}),this._v(" "),n("polygon",{attrs:{fill:"currentColor",points:"45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"}})]),this._v(" "),n("span",{staticClass:"sr-only"},[this._v(this._s(this.openInNewWindowTitle))])])}),[],!1,null,null,null).exports),ga={functional:!0,render(n,{parent:t,children:e}){if(t._isMounted)return e;t.$once("hook:mounted",()=>{t.$forceUpdate()})}};r.a.config.productionTip=!1,r.a.use(Gn),r.a.use(ua),r.a.mixin(function(n,t,e=r.a){!function(n){n.locales&&Object.keys(n.locales).forEach(t=>{n.locales[t].path=t});Object.freeze(n)}(t),e.$vuepress.$set("siteData",t);const o=new(n(e.$vuepress.$get("siteData"))),a=Object.getOwnPropertyDescriptors(Object.getPrototypeOf(o)),i={};return Object.keys(a).reduce((n,t)=>(t.startsWith("$")&&(n[t]=a[t].get),n),i),{computed:i}}(n=>class{setPage(n){this.__page=n}get $site(){return n}get $themeConfig(){return this.$site.themeConfig}get $frontmatter(){return this.$page.frontmatter}get $localeConfig(){const{locales:n={}}=this.$site;let t,e;for(const o in n)"/"===o?e=n[o]:0===this.$page.path.indexOf(o)&&(t=n[o]);return t||e||{}}get $siteTitle(){return this.$localeConfig.title||this.$site.title||""}get $canonicalUrl(){const{canonicalUrl:n}=this.$page.frontmatter;return"string"==typeof n&&n}get $title(){const n=this.$page,{metaTitle:t}=this.$page.frontmatter;if("string"==typeof t)return t;const e=this.$siteTitle,o=n.frontmatter.home?null:n.frontmatter.title||n.title;return e?o?o+" | "+e:e:o||"VuePress"}get $description(){const n=function(n){if(n){const t=n.filter(n=>"description"===n.name)[0];if(t)return t.content}}(this.$page.frontmatter.meta);return n||(this.$page.frontmatter.description||this.$localeConfig.description||this.$site.description||"")}get $lang(){return this.$page.frontmatter.lang||this.$localeConfig.lang||"en-US"}get $localePath(){return this.$localeConfig.path||"/"}get $themeLocaleConfig(){return(this.$site.themeConfig.locales||{})[this.$localePath]||{}}get $page(){return this.__page?this.__page:function(n,t){for(let e=0;ee||(n.hash?!r.a.$vuepress.$get("disableScrollBehavior")&&{selector:decodeURIComponent(n.hash)}:{x:0,y:0})});!function(n){n.beforeEach((t,e,o)=>{if(ha(n,t.path))o();else if(/(\/|\.html)$/.test(t.path))if(/\/$/.test(t.path)){const e=t.path.replace(/\/$/,"")+".html";ha(n,e)?o(e):o()}else o();else{const e=t.path+"/",a=t.path+".html";ha(n,a)?o(a):ha(n,e)?o(e):o()}})}(e);const o={};try{await Promise.all(la.filter(n=>"function"==typeof n).map(t=>t({Vue:r.a,options:o,router:e,siteData:Kt,isServer:n})))}catch(n){console.error(n)}return{app:new r.a(Object.assign(o,{router:e,render:n=>n("div",{attrs:{id:"app"}},[n("RouterView",{ref:"layout"}),n("div",{class:"global-ui"},ca.map(t=>n(t)))])})),router:e}}(!1).then(({app:n,router:t})=>{t.onReady(()=>{n.$mount("#app")})})}]); \ No newline at end of file +const oe={modes:{point:(n,t)=>ie(n,t,{intersect:!0}),nearest:(n,t,e)=>function(n,t,e){let o=Number.POSITIVE_INFINITY;return ie(n,t,e).reduce((n,a)=>{const i=a.getCenterPoint(),r=function(n,t,e){if("x"===e)return{x:n.x,y:t.y};if("y"===e)return{x:t.x,y:n.y};return t}(t,i,e.axis),s=Object(ee.R)(t,r);return sn._index-t._index).slice(0,1)}(n,t,e),x:(n,t,e)=>ie(n,t,{intersect:e.intersect,axis:"x"}),y:(n,t,e)=>ie(n,t,{intersect:e.intersect,axis:"y"})}};function ae(n,t,e){return(oe.modes[e.mode]||oe.modes.nearest)(n,t,e)}function ie(n,t,e){return n.filter(n=>e.intersect?n.inRange(t.x,t.y):function(n,t,e){return"x"!==e&&"y"!==e?n.inRange(t.x,t.y,"x",!0)||n.inRange(t.x,t.y,"y",!0):n.inRange(t.x,t.y,e,!0)}(n,t,e.axis))}const re=(n,t)=>t>n||n.length>t.length&&n.slice(0,t.length)===t,se=(n,t,e)=>Math.min(e,Math.max(t,n)),le=(n,t)=>n.value>=n.start-t&&n.value<=n.end+t;function ce(n,t,e){for(const o of Object.keys(n))n[o]=se(n[o],t,e);return n}function de(n,{x:t,y:e,x2:o,y2:a},i,{borderWidth:r,hitTolerance:s}){const l=(r+s)/2,c=n.x>=t-l-.001&&n.x<=o+l+.001,d=n.y>=e-l-.001&&n.y<=a+l+.001;return"x"===i?c:("y"===i||c)&&d}function ue(n,t){const{centerX:e,centerY:o}=n.getProps(["centerX","centerY"],t);return{x:e,y:o}}const he=n=>"string"==typeof n&&n.endsWith("%"),fe=n=>parseFloat(n)/100,pe=n=>se(fe(n),0,1),be=(n,t)=>({x:n,y:t,x2:n,y2:t,width:0,height:0}),ve={box:n=>be(n.centerX,n.centerY),ellipse:n=>({centerX:n.centerX,centerY:n.centerX,radius:0,width:0,height:0}),label:n=>be(n.centerX,n.centerY),line:n=>be(n.x,n.y),point:n=>({centerX:n.centerX,centerY:n.centerY,radius:0,width:0,height:0}),polygon:n=>be(n.centerX,n.centerY)};function 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 2ff2b683e..dbbb9a4da 100644 --- a/master/guide/configuration.html +++ b/master/guide/configuration.html @@ -7,7 +7,7 @@ - + @@ -65,7 +65,7 @@ height: number, radius?: number } -

which can be used in the callback to return an object with the initial values of the element, to provide own initial animation.

# Events

The following options are available for all annotation types. These options can be specified per annotation, or at the top level which apply to all annotations.

Name Type Chart event1 Notes
click (context, event) => boolean | void 'click' Called when a single click occurs on the annotation.
enter (context, event) => boolean | void 'mousemove' Called when the mouse enters the annotation.
leave (context, event) => boolean | void 'mousemove' Called when the mouse leaves the annotation.

TIP

1 Chart.js events (opens new window) that need to be enabled in order to get the associated annotation event working. Note that by default Chart.js enables 'mousemove', 'mouseout', 'click', 'touchstart', 'touchmove', meaning that annotation events work out-of-the-box.

If the event callbacks explicitly returns true, the chart will re-render automatically after processing the event completely. This is important when there are the annotations that require re-draws (for instance, after a change of a rendering options).

# Hooks

The following hooks are available for all annotation types. These hooks can be specified per annotation, or at the top level which apply to all annotations.

These hooks enable some user customizations on the annotations.

Name Type Notes
beforeDraw (context) => void Called before that the annotation is being drawn.
afterDraw (context) => void Called after the annotation has been drawn.
Edit this page (opens new window)
Last Updated: 9/20/2024, 12:39:59 PM

+

which can be used in the callback to return an object with the initial values of the element, to provide own initial animation.

# Events

The following options are available for all annotation types. These options can be specified per annotation, or at the top level which apply to all annotations.

Name Type Chart event1 Notes
click (context, event) => boolean | void 'click' Called when a single click occurs on the annotation.
enter (context, event) => boolean | void 'mousemove' Called when the mouse enters the annotation.
leave (context, event) => boolean | void 'mousemove' Called when the mouse leaves the annotation.

TIP

1 Chart.js events (opens new window) that need to be enabled in order to get the associated annotation event working. Note that by default Chart.js enables 'mousemove', 'mouseout', 'click', 'touchstart', 'touchmove', meaning that annotation events work out-of-the-box.

If the event callbacks explicitly returns true, the chart will re-render automatically after processing the event completely. This is important when there are the annotations that require re-draws (for instance, after a change of a rendering options).

# Hooks

The following hooks are available for all annotation types. These hooks can be specified per annotation, or at the top level which apply to all annotations.

These hooks enable some user customizations on the annotations.

Name Type Notes
beforeDraw (context) => void Called before that the annotation is being drawn.
afterDraw (context) => void Called after the annotation has been drawn.
Edit this page (opens new window)
Last Updated: 9/25/2024, 11:59:07 AM

← →

- + diff --git a/master/guide/contributing.html b/master/guide/contributing.html index 3b164a524..483912027 100644 --- a/master/guide/contributing.html +++ b/master/guide/contributing.html @@ -7,7 +7,7 @@ - + @@ -32,7 +32,7 @@ GitHub (opens new window)

Contributions to Chart.js are welcome and encouraged, but please have a look through the guidelines in this document before raising an issue, or writing code for the project.

# Using issues

The issue tracker (opens new window) is the preferred channel for reporting bugs, requesting new features and submitting pull requests.

Please do not use issues for support requests. For help using the annotation plugin, please take a look at the GitHub Discussions (opens new window) page.

# Reporting bugs

Well structured, detailed bug reports are hugely valuable for the project.

Guidlines for reporting bugs:

  • Check the issue search to see if it has already been reported
  • Isolate the problem to a simple test case
  • Provide a demonstration of the problem on JS Bin (opens new window) or similar

Please provide any additional details associated with the bug, if it's browser or screen density specific, or only happens with a certain configuration or data.

# Local development

Run npm ci to install all the libraries, then run npm run dev to build and run tests as you make changes.

# Pull requests

Clear, concise pull requests are excellent at continuing the project's community driven growth. But please review these guidelines (opens new window) and the guidelines below before starting work on the project.

Guidelines:

  • Please create an issue first: -
    • For bugs, we can discuss the fixing approach
    • For enhancements, we can discuss if it is within the project scope and avoid duplicate effort
  • Please make changes to the files in /src (opens new window)
  • Please add tests in /test (opens new window)
  • Spaces for indentation, not tabs please
  • If adding new functionality, please also update the relevant .md file in /docs (opens new window)
  • Please make your commits in logical sections with clear commit messages

# License

By contributing your code, you agree to license your contribution under the MIT license (opens new window).

Edit this page (opens new window)
Last Updated: 9/20/2024, 12:39:59 PM
- +
  • For bugs, we can discuss the fixing approach
  • For enhancements, we can discuss if it is within the project scope and avoid duplicate effort
  • Please make changes to the files in /src (opens new window)
  • Please add tests in /test (opens new window)
  • Spaces for indentation, not tabs please
  • If adding new functionality, please also update the relevant .md file in /docs (opens new window)
  • Please make your commits in logical sections with clear commit messages

    • # License

    By contributing your code, you agree to license your contribution under the MIT license (opens new window).

    Edit this page (opens new window)
    Last Updated: 9/25/2024, 11:59:07 AM
    + diff --git a/master/guide/developers.html b/master/guide/developers.html index edca5abcc..733c18819 100644 --- a/master/guide/developers.html +++ b/master/guide/developers.html @@ -7,7 +7,7 @@ - + @@ -41,7 +41,7 @@

    # .getAnnotations(chart: Chart): AnnotationElement[]

    It provides all annotation elements configured by the plugin options, even if the annotations are not visible.

    const myLineChart = new Chart(ctx, config);
 // get all annotation elements
 const elements = annotationPlugin.getAnnotations(myLineChart);
-
    Edit this page (opens new window)
    Last Updated: 9/20/2024, 12:39:59 PM

    +

    Edit this page (opens new window)
    Last Updated: 9/25/2024, 11:59:07 AM

    ← →

    - + diff --git a/master/guide/index.html b/master/guide/index.html index c33428644..224cb081d 100644 --- a/master/guide/index.html +++ b/master/guide/index.html @@ -7,7 +7,7 @@ - + @@ -32,11 +32,11 @@ GitHub (opens new window)

    # Getting Started

    DANGER

    This plugin needs to be registered. It does not function as inline plugin.

    An annotation plugin for Chart.js >= 4.0.0

    This plugin draws lines, boxes, labels, points, polygons and ellipses on the chart area. Annotations work with line, bar, scatter and bubble charts that use linear, logarithmic, time, or category scales. Annotations will not work on any chart that does not have exactly two axes, including pie, radar, and polar area charts.

    Banner

    # Installation

    > npm install chartjs-plugin-annotation
-

    Important Note

    For Chart.js 3.7.0 to 3.9.1 support, use version 2.2.1 of this plugin (opens new window)

    For Chart.js 3.0.0 to 3.6.2 support, use version 1.4.0 of this plugin (opens new window)

    For Chart.js 2.4.0 to 2.9.x support, use version 0.5.7 of this plugin (opens new window)

    Documentation for v0.5.7 can be found on GitHub (opens new window).

    Edit this page (opens new window)
    Last Updated: 9/20/2024, 12:39:59 PM

    +

    Important Note

    For Chart.js 3.7.0 to 3.9.1 support, use version 2.2.1 of this plugin (opens new window)

    For Chart.js 3.0.0 to 3.6.2 support, use version 1.4.0 of this plugin (opens new window)

    For Chart.js 2.4.0 to 2.9.x support, use version 0.5.7 of this plugin (opens new window)

    Documentation for v0.5.7 can be found on GitHub (opens new window).

    Edit this page (opens new window)
    Last Updated: 9/25/2024, 11:59:07 AM

    Integration →

    - + diff --git a/master/guide/integration.html b/master/guide/integration.html index d52c58882..264342148 100644 --- a/master/guide/integration.html +++ b/master/guide/integration.html @@ -7,7 +7,7 @@ - + @@ -39,7 +39,7 @@

    # Bundlers (Webpack, Rollup, etc.)

    import { Chart } from 'chart.js';
 import annotationPlugin from 'chartjs-plugin-annotation';
 Chart.register(annotationPlugin);
-
    Edit this page (opens new window)
    Last Updated: 9/20/2024, 12:39:59 PM

    +

    Edit this page (opens new window)
    Last Updated: 9/25/2024, 11:59:07 AM

    ← →

    - + diff --git a/master/guide/migrationV1.html b/master/guide/migrationV1.html index 274beba5e..c6d16c56d 100644 --- a/master/guide/migrationV1.html +++ b/master/guide/migrationV1.html @@ -7,7 +7,7 @@ - + @@ -54,11 +54,11 @@ } }):

    # Options

    # Plugin options

    • events array was removed. Listened events are determined automatically from the hooks specified.
    • enter, leave, click, dblclick event hooks can now be defined also at plugin level options.

    # Element options

    • onMouseenter was removed. Use enter instead.
    • onMouseleave was removed. Use leave instead.
    • onMouseover was removed. Use enter instead.
    • onMouseout was removed. Use leave instead.
    • onMousemove was removed.
    • onMousedown was removed. Use click instead.
    • onMouseup was removed. Use click instead.
    • onClick was removed. Use click instead.
    • onDblclick was removed. Use dblclick instead.
    • onContextmenu was removed.
    • onWheel was removed.

    # Line

    • mode was removed. The mode is automatically calculated based on the scale.
    • position values were changed to 'start', 'center' and 'end'. -
      • 'start' replaces previous 'left' and 'top'.
      • 'end' replaces previous 'right' and 'bottom'.

    # Label

    • fontColor was renamed to font.color
    • fontFamily was renamed to font.family
    • fontSize was renamed to font.size
    • fontStyle was renamed to font.style
    • lineHeight was renamed to font.lineHeight

    # Event hooks

    • Event hooks are now supplied with single context parameter, containing chart and element properties. chart is the chart instance and element is the event target annotation element.
    • Events are now fired from beforeEvent hook.
    Edit this page (opens new window)
    Last Updated: 9/20/2024, 12:39:59 PM

    +

    • 'start' replaces previous 'left' and 'top'.
    • 'end' replaces previous 'right' and 'bottom'.

    # Label

    • fontColor was renamed to font.color
    • fontFamily was renamed to font.family
    • fontSize was renamed to font.size
    • fontStyle was renamed to font.style
    • lineHeight was renamed to font.lineHeight

    # Event hooks

    • Event hooks are now supplied with single context parameter, containing chart and element properties. chart is the chart instance and element is the event target annotation element.
    • Events are now fired from beforeEvent hook.
    Edit this page (opens new window)
    Last Updated: 9/25/2024, 11:59:07 AM

    ←

    - + diff --git a/master/guide/migrationV2.html b/master/guide/migrationV2.html index 2b44309ae..3247b25cb 100644 --- a/master/guide/migrationV2.html +++ b/master/guide/migrationV2.html @@ -7,7 +7,7 @@ - + @@ -51,7 +51,7 @@ element.label.options.display = false; return true; }, -

    chartjs-plugin-annotation plugin version 2 removes the clipping of the label to the box annotation size.

    chartjs-plugin-annotation plugin version 2 hides the following methods in the line annotation element because they should be used only internally:

    • intersects
    • isOnLabel

    chartjs-plugin-annotation plugin version 2 normalizes the properties of the annotation elements in order to be based on common box model.

    # Box annotation

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

    box

    The label of a box annotation is described as a label annotation and accessible by element.label.

    # Ellipse annotation

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

    ellipse

    # Label annotation

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

    label

    # Line annotation

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

    line

    The label of a line annotation is described as a label annotation and accessible by element.label.

    # Point annotation

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

    point

    # Polygon annotation

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

    polygon

    # Events

    chartjs-plugin-annotation plugin version 2 introduces the interaction options, to configure which events trigger annotation interactions. By default, the plugin uses the chart interaction configuration (opens new window).

    The dblclick event hook was removed from annotations options because, being executed asynchronously, it can not enable the chart re-rendering, automatically after processing the event completely. This is important when the user requires re-draws. It gets slow and messy if every event hook does the draw (or update!).

    # Types

    chartjs-plugin-annotation plugin version 2 removes the compatibility with TypeScript versions less than 4.1 which is the minimum supported one.

    Edit this page (opens new window)
    Last Updated: 9/20/2024, 12:39:59 PM

    +

    chartjs-plugin-annotation plugin version 2 removes the clipping of the label to the box annotation size.

    chartjs-plugin-annotation plugin version 2 hides the following methods in the line annotation element because they should be used only internally:

    • intersects
    • isOnLabel

    chartjs-plugin-annotation plugin version 2 normalizes the properties of the annotation elements in order to be based on common box model.

    # Box annotation

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

    box

    The label of a box annotation is described as a label annotation and accessible by element.label.

    # Ellipse annotation

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

    ellipse

    # Label annotation

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

    label

    # Line annotation

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

    line

    The label of a line annotation is described as a label annotation and accessible by element.label.

    # Point annotation

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

    point

    # Polygon annotation

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

    polygon

    # Events

    chartjs-plugin-annotation plugin version 2 introduces the interaction options, to configure which events trigger annotation interactions. By default, the plugin uses the chart interaction configuration (opens new window).

    The dblclick event hook was removed from annotations options because, being executed asynchronously, it can not enable the chart re-rendering, automatically after processing the event completely. This is important when the user requires re-draws. It gets slow and messy if every event hook does the draw (or update!).

    # Types

    chartjs-plugin-annotation plugin version 2 removes the compatibility with TypeScript versions less than 4.1 which is the minimum supported one.

    Edit this page (opens new window)
    Last Updated: 9/25/2024, 11:59:07 AM

    ← →

    - + diff --git a/master/guide/migrationV3.html b/master/guide/migrationV3.html index a1fd346bd..3b882de17 100644 --- a/master/guide/migrationV3.html +++ b/master/guide/migrationV3.html @@ -7,7 +7,7 @@ - + @@ -32,7 +32,7 @@ GitHub (opens new window)

    # 3.x Migration Guide

    chartjs-plugin-annotation plugin version 3 becomes an ESM-only package (opens new window). -The UMD bundle is still available.

    # Chart.js version

    The annotation plugin requires at least version 4.0.0 to work because of Chart.js becomes an ESM-only package.

    # Type changes

    • The init options callback return value types have been changed from void | boolean | AnnotationBoxModel to void | boolean | AnnotationElement.
    Edit this page (opens new window)
    Last Updated: 9/20/2024, 12:39:59 PM

    +The UMD bundle is still available.

    # Chart.js version

    The annotation plugin requires at least version 4.0.0 to work because of Chart.js becomes an ESM-only package.

    # Type changes

    • The init options callback return value types have been changed from void | boolean | AnnotationBoxModel to void | boolean | AnnotationElement.
    Edit this page (opens new window)
    Last Updated: 9/25/2024, 11:59:07 AM

    ← →

    - + diff --git a/master/guide/options.html b/master/guide/options.html index 119dd2206..517fbccd1 100644 --- a/master/guide/options.html +++ b/master/guide/options.html @@ -7,7 +7,7 @@ - + @@ -104,7 +104,7 @@ }] }, options -};

    # Draw Time

    The drawTime option for an annotation determines where in the chart lifecycle the drawing occurs. Four potential predefined options are available:

    Option Notes
    'beforeDraw' Occurs before any drawing takes place
    'beforeDatasetsDraw' Occurs after drawing of axes, but before datasets
    'afterDatasetsDraw' Occurs after drawing of datasets but before items such as the tooltip
    'afterDraw' After other drawing is completed.

    Furthermore, the drawTime option can be set as number which represents the dataset index used to draw the annotation, before that dataset will be.

    # Option Context

    The option context is used to give contextual information when resolving options and only applies to scriptable options. The object is preserved, so it can be used to store and pass information between calls / options.

    There are 2 levels of option context objects:

    • chart
      • annotation

    The context object contains the following properties:

    # chart

    • chart: the associated chart
    • type: 'chart'

    The chart option context is provided by Chart.js. It is passed to scriptable options when resolving annotation id, type and drawTime or adjusting scale ranges in afterDataLimits hook. The options resolved at that time are scaleID, xScaleID, yScaleID, value, endValue, xMin, xMax, yMin, yMax, xValue and yValue.

    # annotation

    In addition to chart

    • id: the annotation id
    • element: the annotation element
    • elements: the array which contains the already created annotation elements.
    • type: 'annotation'

    The annotation option context is passed to scriptable options in all other cases, except when resolving id, type or adjusting scale ranges. The same values resolved in afterDataLimits with chart context are again evaluated in afterUpdate with annotation context.

    Note that the annotation element may be undefined or partially uninitialized, since scriptable options may be invoked during the initial chart display, before everything's been resolved and initialized.

    Edit this page (opens new window)
    Last Updated: 9/20/2024, 12:39:59 PM

    +};

    # Draw Time

    The drawTime option for an annotation determines where in the chart lifecycle the drawing occurs. Four potential predefined options are available:

    Option Notes
    'beforeDraw' Occurs before any drawing takes place
    'beforeDatasetsDraw' Occurs after drawing of axes, but before datasets
    'afterDatasetsDraw' Occurs after drawing of datasets but before items such as the tooltip
    'afterDraw' After other drawing is completed.

    Furthermore, the drawTime option can be set as number which represents the dataset index used to draw the annotation, before that dataset will be.

    # Option Context

    The option context is used to give contextual information when resolving options and only applies to scriptable options. The object is preserved, so it can be used to store and pass information between calls / options.

    There are 2 levels of option context objects:

    • chart
      • annotation

    The context object contains the following properties:

    # chart

    • chart: the associated chart
    • type: 'chart'

    The chart option context is provided by Chart.js. It is passed to scriptable options when resolving annotation id, type and drawTime or adjusting scale ranges in afterDataLimits hook. The options resolved at that time are scaleID, xScaleID, yScaleID, value, endValue, xMin, xMax, yMin, yMax, xValue and yValue.

    # annotation

    In addition to chart

    • id: the annotation id
    • element: the annotation element
    • elements: the array which contains the already created annotation elements.
    • type: 'annotation'

    The annotation option context is passed to scriptable options in all other cases, except when resolving id, type or adjusting scale ranges. The same values resolved in afterDataLimits with chart context are again evaluated in afterUpdate with annotation context.

    Note that the annotation element may be undefined or partially uninitialized, since scriptable options may be invoked during the initial chart display, before everything's been resolved and initialized.

    Edit this page (opens new window)
    Last Updated: 9/25/2024, 11:59:07 AM

    ← →

    - + diff --git a/master/guide/types/_commonInnerLabel.html b/master/guide/types/_commonInnerLabel.html index de5beee14..188c470b2 100644 --- a/master/guide/types/_commonInnerLabel.html +++ b/master/guide/types/_commonInnerLabel.html @@ -7,7 +7,7 @@ - + @@ -31,7 +31,7 @@ Samples GitHub - (opens new window)

    # Label

    Namespace: options.annotations[annotationID].label, it defines options for the the label of annotation.

    All of these options can be Scriptable

    Name Type Default Notes
    color Color|Color[] 'black' Text color.
    content string|string[]|Image (opens new window)|HTMLCanvasElement (opens new window) null The content to show in the label.
    display boolean false Whether or not the label is shown.
    drawTime string|number options.drawTime See drawTime. Defaults to the annotation draw time if unset
    font Font|Font[] { weight: 'bold' } Label font
    height number|string undefined Overrides the height of the image or canvas element. Could be set in pixel by a number, or in percentage of current height of image or canvas element by a string. If undefined, uses the height of the image or canvas element. It is used only when the content is an image or canvas element.
    hitTolerance number undefined Amount of pixels to interact with annotations within some distance of the mouse point.
    opacity number undefined Overrides the opacity of the image or canvas element. Could be set a number in the range 0.0 to 1.0, inclusive. If undefined, uses the opacity of the image or canvas element. It is used only when the content is an image or canvas element.
    padding Padding 6 The padding to add around the text label.
    position string|{x: string, y: string} 'center' Anchor position of label in the annotation.
    rotation number undefined Rotation of label, in degrees. If undefined, the annotation rotation is used.
    textAlign string 'start' Text alignment of label content when there's more than one line. Possible options are: 'left', 'start', 'center', 'end', 'right'.
    textStrokeColor Color undefined The color of the stroke around the text.
    textStrokeWidth number 0 Stroke width around the text.
    width number|string undefined Overrides the width of the image or canvas element. Could be set in pixel by a number, or in percentage of current width of image or canvas element by a string. If undefined, uses the width of the image or canvas element. It is used only when the content is an image or canvas element.
    xAdjust number 0 Adjustment along x-axis (left-right) of label relative to computed position. Negative values move the label left, positive right.
    yAdjust number 0 Adjustment along y-axis (top-bottom) of label relative to computed position. Negative values move the label up, positive down.
    z number 0 It determines the drawing stack level of the label element, with same drawTime.

    # Position

    A position can be set in 2 different values types:

    1. 'start', 'center', 'end' which are defining where the label will be located
    2. a string, in percentage format 'number%', is representing the percentage on the size where the label will be located

    If this value is a string (possible options are 'start', 'center', 'end' or a string in percentage format), it is applied to vertical and horizontal position in the annotation.

    If this value is an object, the x property defines the horizontal alignment in the annotation. Similarly, the y property defines the vertical alignment in the annotation. Possible options for both properties are 'start', 'center', 'end', a string in percentage format. Omitted property have value of the default, 'center'.

    # Fonts and colors

    When the label to draw has multiple lines, you can use different font and color for each line of the label. This is enabled configuring an array of fonts or colors for those options. When the lines are more than the configured fonts of colors, the last configuration of those options is used for all remaining lines.

    Edit this page (opens new window)
    Last Updated: 9/20/2024, 12:39:59 PM
    - + (opens new window)

    # Label

    Namespace: options.annotations[annotationID].label, it defines options for the the label of annotation.

    All of these options can be Scriptable

    Name Type Default Notes
    color Color|Color[] 'black' Text color.
    content string|string[]|Image (opens new window)|HTMLCanvasElement (opens new window) null The content to show in the label.
    display boolean false Whether or not the label is shown.
    drawTime string|number options.drawTime See drawTime. Defaults to the annotation draw time if unset
    font Font|Font[] { weight: 'bold' } Label font
    height number|string undefined Overrides the height of the image or canvas element. Could be set in pixel by a number, or in percentage of current height of image or canvas element by a string. If undefined, uses the height of the image or canvas element. It is used only when the content is an image or canvas element.
    hitTolerance number undefined Amount of pixels to interact with annotations within some distance of the mouse point.
    opacity number undefined Overrides the opacity of the image or canvas element. Could be set a number in the range 0.0 to 1.0, inclusive. If undefined, uses the opacity of the image or canvas element. It is used only when the content is an image or canvas element.
    padding Padding 6 The padding to add around the text label.
    position string|{x: string, y: string} 'center' Anchor position of label in the annotation.
    rotation number undefined Rotation of label, in degrees. If undefined, the annotation rotation is used.
    textAlign string 'start' Text alignment of label content when there's more than one line. Possible options are: 'left', 'start', 'center', 'end', 'right'.
    textStrokeColor Color undefined The color of the stroke around the text.
    textStrokeWidth number 0 Stroke width around the text.
    width number|string undefined Overrides the width of the image or canvas element. Could be set in pixel by a number, or in percentage of current width of image or canvas element by a string. If undefined, uses the width of the image or canvas element. It is used only when the content is an image or canvas element.
    xAdjust number 0 Adjustment along x-axis (left-right) of label relative to computed position. Negative values move the label left, positive right.
    yAdjust number 0 Adjustment along y-axis (top-bottom) of label relative to computed position. Negative values move the label up, positive down.
    z number 0 It determines the drawing stack level of the label element, with same drawTime.

    # Position

    A position can be set in 2 different values types:

    1. 'start', 'center', 'end' which are defining where the label will be located
    2. a string, in percentage format 'number%', is representing the percentage on the size where the label will be located

    If this value is a string (possible options are 'start', 'center', 'end' or a string in percentage format), it is applied to vertical and horizontal position in the annotation.

    If this value is an object, the x property defines the horizontal alignment in the annotation. Similarly, the y property defines the vertical alignment in the annotation. Possible options for both properties are 'start', 'center', 'end', a string in percentage format. Omitted property have value of the default, 'center'.

    # Fonts and colors

    When the label to draw has multiple lines, you can use different font and color for each line of the label. This is enabled configuring an array of fonts or colors for those options. When the lines are more than the configured fonts of colors, the last configuration of those options is used for all remaining lines.

    Edit this page (opens new window)
    Last Updated: 9/25/2024, 11:59:07 AM
    + diff --git a/master/guide/types/_commonOptions.html b/master/guide/types/_commonOptions.html index a7ba0bee9..485a8f644 100644 --- a/master/guide/types/_commonOptions.html +++ b/master/guide/types/_commonOptions.html @@ -7,7 +7,7 @@ - + @@ -31,7 +31,7 @@ Samples GitHub - (opens new window)

    # Common options to all annotations

    The following options are available for all annotations.

    Name Type Scriptable Default
    adjustScaleRange boolean Yes true
    backgroundColor Color Yes options.color
    borderColor Color Yes options.color
    borderDash number[] Yes []
    borderDashOffset number Yes 0
    borderShadowColor Color Yes 'transparent'
    display boolean Yes true
    drawTime string|number Yes 'afterDatasetsDraw'
    hitTolerance number Yes 0
    init boolean See initial animation undefined
    id string No undefined
    shadowBlur number Yes 0
    shadowOffsetX number Yes 0
    shadowOffsetY number Yes 0
    xMax number | string Yes undefined
    xMin number | string Yes undefined
    xScaleID string Yes undefined
    yMin number | string Yes undefined
    yMax number | string Yes undefined
    yScaleID string Yes undefined
    z number Yes 0
    Edit this page (opens new window)
    Last Updated: 9/20/2024, 12:39:59 PM
    - + (opens new window)

    # Common options to all annotations

    The following options are available for all annotations.

    Name Type Scriptable Default
    adjustScaleRange boolean Yes true
    backgroundColor Color Yes options.color
    borderColor Color Yes options.color
    borderDash number[] Yes []
    borderDashOffset number Yes 0
    borderShadowColor Color Yes 'transparent'
    display boolean Yes true
    drawTime string|number Yes 'afterDatasetsDraw'
    hitTolerance number Yes 0
    init boolean See initial animation undefined
    id string No undefined
    shadowBlur number Yes 0
    shadowOffsetX number Yes 0
    shadowOffsetY number Yes 0
    xMax number | string Yes undefined
    xMin number | string Yes undefined
    xScaleID string Yes undefined
    yMin number | string Yes undefined
    yMax number | string Yes undefined
    yScaleID string Yes undefined
    z number Yes 0
    Edit this page (opens new window)
    Last Updated: 9/25/2024, 11:59:07 AM
    + diff --git a/master/guide/types/box.html b/master/guide/types/box.html index fe7881a7a..f939e2ae0 100644 --- a/master/guide/types/box.html +++ b/master/guide/types/box.html @@ -7,7 +7,7 @@ - + @@ -91,7 +91,7 @@ }] }, options -};

    # Configuration

    # Box annotation specific options

    The following options are available for box annotations.

    Name Type Scriptable Default
    backgroundShadowColor Color Yes 'transparent'
    borderCapStyle string Yes 'butt'
    borderJoinStyle string Yes 'miter'
    borderRadius number | object Yes 0
    borderWidth number Yes 1
    label object Yes
    rotation number Yes 0

    # Common options to all annotations

    The following options are available for all annotations.

    Name Type Scriptable Default
    adjustScaleRange boolean Yes true
    backgroundColor Color Yes options.color
    borderColor Color Yes options.color
    borderDash number[] Yes []
    borderDashOffset number Yes 0
    borderShadowColor Color Yes 'transparent'
    display boolean Yes true
    drawTime string|number Yes 'afterDatasetsDraw'
    hitTolerance number Yes 0
    init boolean See initial animation undefined
    id string No undefined
    shadowBlur number Yes 0
    shadowOffsetX number Yes 0
    shadowOffsetY number Yes 0
    xMax number | string Yes undefined
    xMin number | string Yes undefined
    xScaleID string Yes undefined
    yMin number | string Yes undefined
    yMax number | string Yes undefined
    yScaleID string Yes undefined
    z number Yes 0

    # General

    If one of the axes does not match an axis in the chart, the box will take the entire chart dimension. The 4 coordinates, xMin, xMax, yMin, yMax are optional. If not specified, the box is expanded out to the edges in the respective direction.

    Name Description
    adjustScaleRange Should the scale range be adjusted if this annotation is out of range.
    display Whether or not this annotation is visible.
    drawTime See drawTime.
    hitTolerance Amount of pixels to interact with annotations within some distance of the mouse point.
    id Identifies a unique id for the annotation and it will be stored in the element context. When the annotations are defined by an object, the id is automatically set using the key used to store the annotations in the object. When the annotations are configured by an array, the id, passed by this option in the annotation, will be used.
    rotation Rotation of the box in degrees.
    xMax Right edge of the box in units along the x axis.
    xMin Left edge of the box in units along the x axis.
    xScaleID ID of the X scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as 'x' axis. If more than one scale has been defined in the chart as 'x' axis, the option is mandatory to select the right scale.
    yMax Bottom edge of the box in units along the y axis.
    yMin Top edge of the box in units along the y axis.
    yScaleID ID of the Y scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as 'y' axis. If more than one scale has been defined in the chart as 'y' axis, the option is mandatory to select the right scale.
    z The z property determines the drawing stack level of the box annotation element. All visible elements will be drawn in ascending order of z option, with the same drawTime option.

    # Styling

    Name Description
    backgroundColor Fill color.
    backgroundShadowColor The color of shadow. See MDN (opens new window).
    borderCapStyle Cap style of the border line. See MDN (opens new window).
    borderColor Stroke color.
    borderDash Length and spacing of dashes. See MDN (opens new window).
    borderDashOffset Offset for border line dashes. See MDN (opens new window).
    borderJoinStyle Border line join style. See MDN (opens new window).
    borderRadius Radius of box rectangle (in pixels).
    borderShadowColor The color of the border shadow. See MDN (opens new window).
    borderWidth Border line width (in pixels).
    shadowBlur The amount of blur applied to shadow. See MDN (opens new window).
    shadowOffsetX The distance that shadow will be offset horizontally. See MDN (opens new window).
    shadowOffsetY The distance that shadow will be offset vertically. See MDN (opens new window).

    # borderRadius

    If this value is a number, it is applied to all corners of the rectangle (topLeft, topRight, bottomLeft, bottomRight). If this value is an object, the topLeft property defines the top-left corners border radius. Similarly, the topRight, bottomLeft, and bottomRight properties can also be specified. Omitted corners have radius of 0.

    # Label

    Namespace: options.annotations[annotationID].label, it defines options for the the label of annotation.

    All of these options can be Scriptable

    Name Type Default Notes
    color Color|Color[] 'black' Text color.
    content string|string[]|Image (opens new window)|HTMLCanvasElement (opens new window) null The content to show in the label.
    display boolean false Whether or not the label is shown.
    drawTime string|number options.drawTime See drawTime. Defaults to the annotation draw time if unset
    font Font|Font[] { weight: 'bold' } Label font
    height number|string undefined Overrides the height of the image or canvas element. Could be set in pixel by a number, or in percentage of current height of image or canvas element by a string. If undefined, uses the height of the image or canvas element. It is used only when the content is an image or canvas element.
    hitTolerance number undefined Amount of pixels to interact with annotations within some distance of the mouse point.
    opacity number undefined Overrides the opacity of the image or canvas element. Could be set a number in the range 0.0 to 1.0, inclusive. If undefined, uses the opacity of the image or canvas element. It is used only when the content is an image or canvas element.
    padding Padding 6 The padding to add around the text label.
    position string|{x: string, y: string} 'center' Anchor position of label in the annotation.
    rotation number undefined Rotation of label, in degrees. If undefined, the annotation rotation is used.
    textAlign string 'start' Text alignment of label content when there's more than one line. Possible options are: 'left', 'start', 'center', 'end', 'right'.
    textStrokeColor Color undefined The color of the stroke around the text.
    textStrokeWidth number 0 Stroke width around the text.
    width number|string undefined Overrides the width of the image or canvas element. Could be set in pixel by a number, or in percentage of current width of image or canvas element by a string. If undefined, uses the width of the image or canvas element. It is used only when the content is an image or canvas element.
    xAdjust number 0 Adjustment along x-axis (left-right) of label relative to computed position. Negative values move the label left, positive right.
    yAdjust number 0 Adjustment along y-axis (top-bottom) of label relative to computed position. Negative values move the label up, positive down.
    z number 0 It determines the drawing stack level of the label element, with same drawTime.

    # Position

    A position can be set in 2 different values types:

    1. 'start', 'center', 'end' which are defining where the label will be located
    2. a string, in percentage format 'number%', is representing the percentage on the size where the label will be located

    If this value is a string (possible options are 'start', 'center', 'end' or a string in percentage format), it is applied to vertical and horizontal position in the annotation.

    If this value is an object, the x property defines the horizontal alignment in the annotation. Similarly, the y property defines the vertical alignment in the annotation. Possible options for both properties are 'start', 'center', 'end', a string in percentage format. Omitted property have value of the default, 'center'.

    # Fonts and colors

    When the label to draw has multiple lines, you can use different font and color for each line of the label. This is enabled configuring an array of fonts or colors for those options. When the lines are more than the configured fonts of colors, the last configuration of those options is used for all remaining lines.

    # Element

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

    box

    The label of a box annotation is described as a label annotation and accessible by element.label.

    Edit this page (opens new window)
    Last Updated: 9/20/2024, 12:39:59 PM

    +};

    # Configuration

    # Box annotation specific options

    The following options are available for box annotations.

    Name Type Scriptable Default
    backgroundShadowColor Color Yes 'transparent'
    borderCapStyle string Yes 'butt'
    borderJoinStyle string Yes 'miter'
    borderRadius number | object Yes 0
    borderWidth number Yes 1
    label object Yes
    rotation number Yes 0

    # Common options to all annotations

    The following options are available for all annotations.

    Name Type Scriptable Default
    adjustScaleRange boolean Yes true
    backgroundColor Color Yes options.color
    borderColor Color Yes options.color
    borderDash number[] Yes []
    borderDashOffset number Yes 0
    borderShadowColor Color Yes 'transparent'
    display boolean Yes true
    drawTime string|number Yes 'afterDatasetsDraw'
    hitTolerance number Yes 0
    init boolean See initial animation undefined
    id string No undefined
    shadowBlur number Yes 0
    shadowOffsetX number Yes 0
    shadowOffsetY number Yes 0
    xMax number | string Yes undefined
    xMin number | string Yes undefined
    xScaleID string Yes undefined
    yMin number | string Yes undefined
    yMax number | string Yes undefined
    yScaleID string Yes undefined
    z number Yes 0

    # General

    If one of the axes does not match an axis in the chart, the box will take the entire chart dimension. The 4 coordinates, xMin, xMax, yMin, yMax are optional. If not specified, the box is expanded out to the edges in the respective direction.

    Name Description
    adjustScaleRange Should the scale range be adjusted if this annotation is out of range.
    display Whether or not this annotation is visible.
    drawTime See drawTime.
    hitTolerance Amount of pixels to interact with annotations within some distance of the mouse point.
    id Identifies a unique id for the annotation and it will be stored in the element context. When the annotations are defined by an object, the id is automatically set using the key used to store the annotations in the object. When the annotations are configured by an array, the id, passed by this option in the annotation, will be used.
    rotation Rotation of the box in degrees.
    xMax Right edge of the box in units along the x axis.
    xMin Left edge of the box in units along the x axis.
    xScaleID ID of the X scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as 'x' axis. If more than one scale has been defined in the chart as 'x' axis, the option is mandatory to select the right scale.
    yMax Bottom edge of the box in units along the y axis.
    yMin Top edge of the box in units along the y axis.
    yScaleID ID of the Y scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as 'y' axis. If more than one scale has been defined in the chart as 'y' axis, the option is mandatory to select the right scale.
    z The z property determines the drawing stack level of the box annotation element. All visible elements will be drawn in ascending order of z option, with the same drawTime option.

    # Styling

    Name Description
    backgroundColor Fill color.
    backgroundShadowColor The color of shadow. See MDN (opens new window).
    borderCapStyle Cap style of the border line. See MDN (opens new window).
    borderColor Stroke color.
    borderDash Length and spacing of dashes. See MDN (opens new window).
    borderDashOffset Offset for border line dashes. See MDN (opens new window).
    borderJoinStyle Border line join style. See MDN (opens new window).
    borderRadius Radius of box rectangle (in pixels).
    borderShadowColor The color of the border shadow. See MDN (opens new window).
    borderWidth Border line width (in pixels).
    shadowBlur The amount of blur applied to shadow. See MDN (opens new window).
    shadowOffsetX The distance that shadow will be offset horizontally. See MDN (opens new window).
    shadowOffsetY The distance that shadow will be offset vertically. See MDN (opens new window).

    # borderRadius

    If this value is a number, it is applied to all corners of the rectangle (topLeft, topRight, bottomLeft, bottomRight). If this value is an object, the topLeft property defines the top-left corners border radius. Similarly, the topRight, bottomLeft, and bottomRight properties can also be specified. Omitted corners have radius of 0.

    # Label

    Namespace: options.annotations[annotationID].label, it defines options for the the label of annotation.

    All of these options can be Scriptable

    Name Type Default Notes
    color Color|Color[] 'black' Text color.
    content string|string[]|Image (opens new window)|HTMLCanvasElement (opens new window) null The content to show in the label.
    display boolean false Whether or not the label is shown.
    drawTime string|number options.drawTime See drawTime. Defaults to the annotation draw time if unset
    font Font|Font[] { weight: 'bold' } Label font
    height number|string undefined Overrides the height of the image or canvas element. Could be set in pixel by a number, or in percentage of current height of image or canvas element by a string. If undefined, uses the height of the image or canvas element. It is used only when the content is an image or canvas element.
    hitTolerance number undefined Amount of pixels to interact with annotations within some distance of the mouse point.
    opacity number undefined Overrides the opacity of the image or canvas element. Could be set a number in the range 0.0 to 1.0, inclusive. If undefined, uses the opacity of the image or canvas element. It is used only when the content is an image or canvas element.
    padding Padding 6 The padding to add around the text label.
    position string|{x: string, y: string} 'center' Anchor position of label in the annotation.
    rotation number undefined Rotation of label, in degrees. If undefined, the annotation rotation is used.
    textAlign string 'start' Text alignment of label content when there's more than one line. Possible options are: 'left', 'start', 'center', 'end', 'right'.
    textStrokeColor Color undefined The color of the stroke around the text.
    textStrokeWidth number 0 Stroke width around the text.
    width number|string undefined Overrides the width of the image or canvas element. Could be set in pixel by a number, or in percentage of current width of image or canvas element by a string. If undefined, uses the width of the image or canvas element. It is used only when the content is an image or canvas element.
    xAdjust number 0 Adjustment along x-axis (left-right) of label relative to computed position. Negative values move the label left, positive right.
    yAdjust number 0 Adjustment along y-axis (top-bottom) of label relative to computed position. Negative values move the label up, positive down.
    z number 0 It determines the drawing stack level of the label element, with same drawTime.

    # Position

    A position can be set in 2 different values types:

    1. 'start', 'center', 'end' which are defining where the label will be located
    2. a string, in percentage format 'number%', is representing the percentage on the size where the label will be located

    If this value is a string (possible options are 'start', 'center', 'end' or a string in percentage format), it is applied to vertical and horizontal position in the annotation.

    If this value is an object, the x property defines the horizontal alignment in the annotation. Similarly, the y property defines the vertical alignment in the annotation. Possible options for both properties are 'start', 'center', 'end', a string in percentage format. Omitted property have value of the default, 'center'.

    # Fonts and colors

    When the label to draw has multiple lines, you can use different font and color for each line of the label. This is enabled configuring an array of fonts or colors for those options. When the lines are more than the configured fonts of colors, the last configuration of those options is used for all remaining lines.

    # Element

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

    box

    The label of a box annotation is described as a label annotation and accessible by element.label.

    Edit this page (opens new window)
    Last Updated: 9/25/2024, 11:59:07 AM

    ← →

    - + diff --git a/master/guide/types/ellipse.html b/master/guide/types/ellipse.html index a515d2b8b..d980c9d11 100644 --- a/master/guide/types/ellipse.html +++ b/master/guide/types/ellipse.html @@ -7,7 +7,7 @@ - + @@ -91,7 +91,7 @@ }] }, options -};

    # Configuration

    # Ellipse annotation specific options

    The following options are available for ellipse annotations.

    Name Type Scriptable Default
    backgroundShadowColor Color Yes 'transparent'
    borderWidth number Yes 1
    label object Yes
    rotation number Yes 0

    # Common options to all annotations

    The following options are available for all annotations.

    Name Type Scriptable Default
    adjustScaleRange boolean Yes true
    backgroundColor Color Yes options.color
    borderColor Color Yes options.color
    borderDash number[] Yes []
    borderDashOffset number Yes 0
    borderShadowColor Color Yes 'transparent'
    display boolean Yes true
    drawTime string|number Yes 'afterDatasetsDraw'
    hitTolerance number Yes 0
    init boolean See initial animation undefined
    id string No undefined
    shadowBlur number Yes 0
    shadowOffsetX number Yes 0
    shadowOffsetY number Yes 0
    xMax number | string Yes undefined
    xMin number | string Yes undefined
    xScaleID string Yes undefined
    yMin number | string Yes undefined
    yMax number | string Yes undefined
    yScaleID string Yes undefined
    z number Yes 0

    # General

    If one of the axes does not match an axis in the chart, the ellipse will take the entire chart dimension. The 4 coordinates, xMin, xMax, yMin, yMax are optional. If not specified, the ellipse is expanded out to the edges in the respective direction.

    Name Description
    adjustScaleRange Should the scale range be adjusted if this annotation is out of range.
    display Whether or not this annotation is visible.
    drawTime See drawTime.
    hitTolerance Amount of pixels to interact with annotations within some distance of the mouse point.
    id Identifies a unique id for the annotation and it will be stored in the element context. When the annotations are defined by an object, the id is automatically set using the key used to store the annotations in the object. When the annotations are configured by an array, the id, passed by this option in the annotation, will be used.
    rotation Rotation of the ellipse in degrees, default is 0.
    xMax Right edge of the ellipse in units along the x axis.
    xMin Left edge of the ellipse in units along the x axis.
    xScaleID ID of the X scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as 'x' axis. If more than one scale has been defined in the chart as 'x' axis, the option is mandatory to select the right scale.
    yMax Bottom edge of the ellipse in units along the y axis.
    yMin Top edge of the ellipse in units along the y axis.
    yScaleID ID of the Y scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as 'y' axis. If more than one scale has been defined in the chart as 'y' axis, the option is mandatory to select the right scale.
    z The z property determines the drawing stack level of the ellipse annotation element. All visible elements will be drawn in ascending order of z option, with the same drawTime option.

    # Styling

    Name Description
    backgroundColor Fill color.
    backgroundShadowColor The color of shadow. See MDN (opens new window).
    borderColor Stroke color.
    borderDash Length and spacing of dashes. See MDN (opens new window).
    borderDashOffset Offset for line dashes. See MDN (opens new window).
    borderShadowColor The color of the border shadow. See MDN (opens new window).
    borderWidth Stroke width.
    shadowBlur The amount of blur applied to shadow. See MDN (opens new window).
    shadowOffsetX The distance that shadow will be offset horizontally. See MDN (opens new window).
    shadowOffsetY The distance that shadow will be offset vertically. See MDN (opens new window).

    # Label

    Namespace: options.annotations[annotationID].label, it defines options for the the label of annotation.

    All of these options can be Scriptable

    Name Type Default Notes
    color Color|Color[] 'black' Text color.
    content string|string[]|Image (opens new window)|HTMLCanvasElement (opens new window) null The content to show in the label.
    display boolean false Whether or not the label is shown.
    drawTime string|number options.drawTime See drawTime. Defaults to the annotation draw time if unset
    font Font|Font[] { weight: 'bold' } Label font
    height number|string undefined Overrides the height of the image or canvas element. Could be set in pixel by a number, or in percentage of current height of image or canvas element by a string. If undefined, uses the height of the image or canvas element. It is used only when the content is an image or canvas element.
    hitTolerance number undefined Amount of pixels to interact with annotations within some distance of the mouse point.
    opacity number undefined Overrides the opacity of the image or canvas element. Could be set a number in the range 0.0 to 1.0, inclusive. If undefined, uses the opacity of the image or canvas element. It is used only when the content is an image or canvas element.
    padding Padding 6 The padding to add around the text label.
    position string|{x: string, y: string} 'center' Anchor position of label in the annotation.
    rotation number undefined Rotation of label, in degrees. If undefined, the annotation rotation is used.
    textAlign string 'start' Text alignment of label content when there's more than one line. Possible options are: 'left', 'start', 'center', 'end', 'right'.
    textStrokeColor Color undefined The color of the stroke around the text.
    textStrokeWidth number 0 Stroke width around the text.
    width number|string undefined Overrides the width of the image or canvas element. Could be set in pixel by a number, or in percentage of current width of image or canvas element by a string. If undefined, uses the width of the image or canvas element. It is used only when the content is an image or canvas element.
    xAdjust number 0 Adjustment along x-axis (left-right) of label relative to computed position. Negative values move the label left, positive right.
    yAdjust number 0 Adjustment along y-axis (top-bottom) of label relative to computed position. Negative values move the label up, positive down.
    z number 0 It determines the drawing stack level of the label element, with same drawTime.

    # Position

    A position can be set in 2 different values types:

    1. 'start', 'center', 'end' which are defining where the label will be located
    2. a string, in percentage format 'number%', is representing the percentage on the size where the label will be located

    If this value is a string (possible options are 'start', 'center', 'end' or a string in percentage format), it is applied to vertical and horizontal position in the annotation.

    If this value is an object, the x property defines the horizontal alignment in the annotation. Similarly, the y property defines the vertical alignment in the annotation. Possible options for both properties are 'start', 'center', 'end', a string in percentage format. Omitted property have value of the default, 'center'.

    # Fonts and colors

    When the label to draw has multiple lines, you can use different font and color for each line of the label. This is enabled configuring an array of fonts or colors for those options. When the lines are more than the configured fonts of colors, the last configuration of those options is used for all remaining lines.

    # Element

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

    ellipse

    Edit this page (opens new window)
    Last Updated: 9/20/2024, 12:39:59 PM

    +};

    # Configuration

    # Ellipse annotation specific options

    The following options are available for ellipse annotations.

    Name Type Scriptable Default
    backgroundShadowColor Color Yes 'transparent'
    borderWidth number Yes 1
    label object Yes
    rotation number Yes 0

    # Common options to all annotations

    The following options are available for all annotations.

    Name Type Scriptable Default
    adjustScaleRange boolean Yes true
    backgroundColor Color Yes options.color
    borderColor Color Yes options.color
    borderDash number[] Yes []
    borderDashOffset number Yes 0
    borderShadowColor Color Yes 'transparent'
    display boolean Yes true
    drawTime string|number Yes 'afterDatasetsDraw'
    hitTolerance number Yes 0
    init boolean See initial animation undefined
    id string No undefined
    shadowBlur number Yes 0
    shadowOffsetX number Yes 0
    shadowOffsetY number Yes 0
    xMax number | string Yes undefined
    xMin number | string Yes undefined
    xScaleID string Yes undefined
    yMin number | string Yes undefined
    yMax number | string Yes undefined
    yScaleID string Yes undefined
    z number Yes 0

    # General

    If one of the axes does not match an axis in the chart, the ellipse will take the entire chart dimension. The 4 coordinates, xMin, xMax, yMin, yMax are optional. If not specified, the ellipse is expanded out to the edges in the respective direction.

    Name Description
    adjustScaleRange Should the scale range be adjusted if this annotation is out of range.
    display Whether or not this annotation is visible.
    drawTime See drawTime.
    hitTolerance Amount of pixels to interact with annotations within some distance of the mouse point.
    id Identifies a unique id for the annotation and it will be stored in the element context. When the annotations are defined by an object, the id is automatically set using the key used to store the annotations in the object. When the annotations are configured by an array, the id, passed by this option in the annotation, will be used.
    rotation Rotation of the ellipse in degrees, default is 0.
    xMax Right edge of the ellipse in units along the x axis.
    xMin Left edge of the ellipse in units along the x axis.
    xScaleID ID of the X scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as 'x' axis. If more than one scale has been defined in the chart as 'x' axis, the option is mandatory to select the right scale.
    yMax Bottom edge of the ellipse in units along the y axis.
    yMin Top edge of the ellipse in units along the y axis.
    yScaleID ID of the Y scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as 'y' axis. If more than one scale has been defined in the chart as 'y' axis, the option is mandatory to select the right scale.
    z The z property determines the drawing stack level of the ellipse annotation element. All visible elements will be drawn in ascending order of z option, with the same drawTime option.

    # Styling

    Name Description
    backgroundColor Fill color.
    backgroundShadowColor The color of shadow. See MDN (opens new window).
    borderColor Stroke color.
    borderDash Length and spacing of dashes. See MDN (opens new window).
    borderDashOffset Offset for line dashes. See MDN (opens new window).
    borderShadowColor The color of the border shadow. See MDN (opens new window).
    borderWidth Stroke width.
    shadowBlur The amount of blur applied to shadow. See MDN (opens new window).
    shadowOffsetX The distance that shadow will be offset horizontally. See MDN (opens new window).
    shadowOffsetY The distance that shadow will be offset vertically. See MDN (opens new window).

    # Label

    Namespace: options.annotations[annotationID].label, it defines options for the the label of annotation.

    All of these options can be Scriptable

    Name Type Default Notes
    color Color|Color[] 'black' Text color.
    content string|string[]|Image (opens new window)|HTMLCanvasElement (opens new window) null The content to show in the label.
    display boolean false Whether or not the label is shown.
    drawTime string|number options.drawTime See drawTime. Defaults to the annotation draw time if unset
    font Font|Font[] { weight: 'bold' } Label font
    height number|string undefined Overrides the height of the image or canvas element. Could be set in pixel by a number, or in percentage of current height of image or canvas element by a string. If undefined, uses the height of the image or canvas element. It is used only when the content is an image or canvas element.
    hitTolerance number undefined Amount of pixels to interact with annotations within some distance of the mouse point.
    opacity number undefined Overrides the opacity of the image or canvas element. Could be set a number in the range 0.0 to 1.0, inclusive. If undefined, uses the opacity of the image or canvas element. It is used only when the content is an image or canvas element.
    padding Padding 6 The padding to add around the text label.
    position string|{x: string, y: string} 'center' Anchor position of label in the annotation.
    rotation number undefined Rotation of label, in degrees. If undefined, the annotation rotation is used.
    textAlign string 'start' Text alignment of label content when there's more than one line. Possible options are: 'left', 'start', 'center', 'end', 'right'.
    textStrokeColor Color undefined The color of the stroke around the text.
    textStrokeWidth number 0 Stroke width around the text.
    width number|string undefined Overrides the width of the image or canvas element. Could be set in pixel by a number, or in percentage of current width of image or canvas element by a string. If undefined, uses the width of the image or canvas element. It is used only when the content is an image or canvas element.
    xAdjust number 0 Adjustment along x-axis (left-right) of label relative to computed position. Negative values move the label left, positive right.
    yAdjust number 0 Adjustment along y-axis (top-bottom) of label relative to computed position. Negative values move the label up, positive down.
    z number 0 It determines the drawing stack level of the label element, with same drawTime.

    # Position

    A position can be set in 2 different values types:

    1. 'start', 'center', 'end' which are defining where the label will be located
    2. a string, in percentage format 'number%', is representing the percentage on the size where the label will be located

    If this value is a string (possible options are 'start', 'center', 'end' or a string in percentage format), it is applied to vertical and horizontal position in the annotation.

    If this value is an object, the x property defines the horizontal alignment in the annotation. Similarly, the y property defines the vertical alignment in the annotation. Possible options for both properties are 'start', 'center', 'end', a string in percentage format. Omitted property have value of the default, 'center'.

    # Fonts and colors

    When the label to draw has multiple lines, you can use different font and color for each line of the label. This is enabled configuring an array of fonts or colors for those options. When the lines are more than the configured fonts of colors, the last configuration of those options is used for all remaining lines.

    # Element

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

    ellipse

    Edit this page (opens new window)
    Last Updated: 9/25/2024, 11:59:07 AM

    ← →

    - + diff --git a/master/guide/types/label.html b/master/guide/types/label.html index 10ce97fde..fe178993a 100644 --- a/master/guide/types/label.html +++ b/master/guide/types/label.html @@ -7,7 +7,7 @@ - + @@ -173,7 +173,7 @@ }] }, options -};

    All of these options can be Scriptable.

    Name Type Default Notes
    borderCapStyle string 'butt' Cap style of the border line of callout. See MDN (opens new window).
    borderColor Color undefined Stroke color of the pointer of the callout.
    borderDash number[] [] Length and spacing of dashes of callout. See MDN (opens new window).
    borderDashOffset number 0 Offset for line dashes of callout. See MDN (opens new window).
    borderJoinStyle string 'miter' Border line join style of the callout. See MDN (opens new window).
    borderWidth number 1 Stroke width of the pointer of the callout.
    display boolean false If true, the callout is drawn.
    margin number 5 Amount of pixels between the label and the callout separator.
    position string 'auto' The position of callout, with respect to the label. Could be left, top, right, bottom or auto.
    side number 5 Width of the starter line of callout pointer.
    start number|string '50%' The percentage of the separator dimension to use as starting point for callout pointer. Could be set in pixel by a number, or in percentage of the separator dimension by a string.

    # Element

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

    label

    Edit this page (opens new window)
    Last Updated: 9/20/2024, 12:39:59 PM

    +};

    All of these options can be Scriptable.

    Name Type Default Notes
    borderCapStyle string 'butt' Cap style of the border line of callout. See MDN (opens new window).
    borderColor Color undefined Stroke color of the pointer of the callout.
    borderDash number[] [] Length and spacing of dashes of callout. See MDN (opens new window).
    borderDashOffset number 0 Offset for line dashes of callout. See MDN (opens new window).
    borderJoinStyle string 'miter' Border line join style of the callout. See MDN (opens new window).
    borderWidth number 1 Stroke width of the pointer of the callout.
    display boolean false If true, the callout is drawn.
    margin number 5 Amount of pixels between the label and the callout separator.
    position string 'auto' The position of callout, with respect to the label. Could be left, top, right, bottom or auto.
    side number 5 Width of the starter line of callout pointer.
    start number|string '50%' The percentage of the separator dimension to use as starting point for callout pointer. Could be set in pixel by a number, or in percentage of the separator dimension by a string.

    # Element

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

    label

    Edit this page (opens new window)
    Last Updated: 9/25/2024, 11:59:07 AM

    ← →

    - + diff --git a/master/guide/types/line.html b/master/guide/types/line.html index e14ac1db1..520a02672 100644 --- a/master/guide/types/line.html +++ b/master/guide/types/line.html @@ -7,7 +7,7 @@ - + @@ -90,7 +90,7 @@ }, options };

    # Configuration

    # Line annotation specific options

    The following options are available for line annotations.

    Name Type Scriptable Default
    arrowHeads {start: object, end:object} Yes
    borderWidth number Yes 2
    controlPoint number | string | {x: number | string, y: number | string} Yes {y:'-50%'}
    curve boolean Yes false
    endValue number Yes undefined
    label object Yes
    scaleID string Yes undefined
    value number Yes undefined

    # Common options to all annotations

    The following options are available for all annotations.

    Name Type Scriptable Default
    adjustScaleRange boolean Yes true
    backgroundColor Color Yes options.color
    borderColor Color Yes options.color
    borderDash number[] Yes []
    borderDashOffset number Yes 0
    borderShadowColor Color Yes 'transparent'
    display boolean Yes true
    drawTime string|number Yes 'afterDatasetsDraw'
    hitTolerance number Yes 0
    init boolean See initial animation undefined
    id string No undefined
    shadowBlur number Yes 0
    shadowOffsetX number Yes 0
    shadowOffsetY number Yes 0
    xMax number | string Yes undefined
    xMin number | string Yes undefined
    xScaleID string Yes undefined
    yMin number | string Yes undefined
    yMax number | string Yes undefined
    yScaleID string Yes undefined
    z number Yes 0

    # General

    If one of the axes does not match an axis in the chart then the line behaviors are the following, depending on how the line should be drawn:

    1. if scaleID is not resolved, the line will take the entire chart dimension, from the top-left vertex to the bottom-right vertex of the chart
    2. if xScaleID is not resolved, the line will take the entire chart width
    3. if yScaleID is not resolved, the line will take the entire chart height

    The 2 coordinates, start, end, are optional. If not specified, the line is expanded out to the edges in the respective direction. -The 4 coordinates, xMin, xMax, yMin, yMax are optional. If not specified, the line is expanded out to the edges in the respective direction.

    The id identifies a unique id for the annotation and it will be stored in the element context. When the annotations are defined by an object, the id is automatically set using the key used to store the annotations in the object. When the annotations are configured by an array, the id, passed by this option in the annotation, will be used.

    # Positioning

    The line can be positioned in two different ways. If scaleID is set, then value and endValue must also be set to indicate the endpoints of the line. The line will be perpendicular to the axis identified by scaleID.

    If scaleID is unset, then xScaleID and yScaleID are used to draw a line from (xMin, yMin) to (xMax, yMax).

    Name Description
    adjustScaleRange Should the scale range be adjusted if this annotation is out of range.
    controlPoint if curve is enabled, it configures the control point to drawn the curve, calculated in pixels. It can be set by a string in percentage format 'number%' which are representing the percentage of the distance between the start and end point from the center.
    curve Whether or not a quadratic Bézier curve (opens new window) is drawn.
    display Whether or not this annotation is visible.
    drawTime See drawTime.
    endValue End two of the line when a single scale is specified.
    hitTolerance Amount of pixels to interact with annotations within some distance of the mouse point.
    id Identifies a unique id for the annotation and it will be stored in the element context. When the annotations are defined by an object, the id is automatically set using the key used to store the annotations in the object. When the annotations are configured by an array, the id, passed by this option in the annotation, will be used.
    scaleID ID of the scale in single scale mode. If unset, xScaleID and yScaleID are used.
    value End one of the line when a single scale is specified.
    xMax X coordinate of end two of the line in units along the x axis.
    xMin X coordinate of end one of the line in units along the x axis.
    xScaleID ID of the X scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as 'x' axis. If more than one scale has been defined in the chart as 'x' axis, the option is mandatory to select the right scale.
    yMax Y coordinate of end two of the line in units along the y axis.
    yMin Y coordinate of end one of the line in units along the y axis.
    yScaleID ID of the Y scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as 'y' axis. If more than one scale has been defined in the chart as 'y' axis, the option is mandatory to select the right scale.
    z The z property determines the drawing stack level of the line annotation element. All visible elements will be drawn in ascending order of z option, with the same drawTime option.

    # Styling

    Name Description
    borderColor Stroke color.
    borderDash Length and spacing of dashes. See MDN (opens new window).
    borderDashOffset Offset for line dashes. See MDN (opens new window).
    borderShadowColor The color of shadow. See MDN (opens new window).
    borderWidth Stroke width.
    shadowBlur The amount of blur applied to shadow. See MDN (opens new window).
    shadowOffsetX The distance that shadow will be offset horizontally. See MDN (opens new window).
    shadowOffsetY The distance that shadow will be offset vertically. See MDN (opens new window).

    # Label

    Namespace: options.annotations[annotationID].label, it defines options for the line annotation label.

    All of these options can be Scriptable

    Name Type Default Notes
    backgroundColor Color 'rgba(0,0,0,0.8)' Background color of the label container.
    backgroundShadowColor Color 'transparent' The color of shadow of the box where the label is located. See MDN (opens new window).
    borderCapStyle string 'butt' Cap style of the border line. See MDN (opens new window).
    borderColor Color black The border line color.
    borderDash number[] [] Length and spacing of dashes. See MDN (opens new window).
    borderDashOffset number 0 Offset for border line dashes. See MDN (opens new window).
    borderJoinStyle string 'miter' Border line join style. See MDN (opens new window).
    borderRadius number | object 6 Radius of label box corners in pixels.
    borderShadowColor Color 'transparent' The color of border shadow of the box where the label is located. See MDN (opens new window).
    borderWidth number 0 The border line width (in pixels).
    callout object Can connect the label to the line. See callout.
    color Color|Color[] '#fff' Text color.
    content string|string[]|Image (opens new window)|HTMLCanvasElement (opens new window) null The content to show in the label.
    display boolean false Whether or not the label is shown.
    drawTime string|number options.drawTime See drawTime. Defaults to the line annotation draw time if unset.
    font Font|Font[] { weight: 'bold' } Label font.
    height number|string undefined Overrides the height of the image or canvas element. Could be set in pixel by a number, or in percentage of current height of image or canvas element by a string. If undefined, uses the height of the image or canvas element. It is used only when the content is an image or canvas element.
    hitTolerance number undefined Amount of pixels to interact with annotations within some distance of the mouse point.
    opacity number undefined Overrides the opacity of the image or canvas element. Could be set a number in the range 0.0 to 1.0, inclusive. If undefined, uses the opacity of the image or canvas element. It is used only when the content is an image or canvas element.
    padding Padding 6 The padding to add around the text label.
    position string 'center' Anchor position of label on line. Possible options are: 'start', 'center', 'end'. It can be set by a string in percentage format 'number%' which are representing the percentage on the width of the line where the label will be located.
    rotation number|'auto' 0 Rotation of label, in degrees, or 'auto' to use the degrees of the line.
    shadowBlur number 0 The amount of blur applied to shadow of the box where the label is located. See MDN (opens new window).
    shadowOffsetX number 0 The distance that shadow, of the box where the label is located, will be offset horizontally. See MDN (opens new window).
    shadowOffsetY number 0 The distance that shadow, of the box where the label is located, will be offset vertically. See MDN (opens new window).
    textAlign string 'center' Text alignment of label content when there's more than one line. Possible options are: 'start', 'center', 'end'.
    textStrokeColor Color undefined The color of the stroke around the text.
    textStrokeWidth number 0 Stroke width around the text.
    width number|string undefined Overrides the width of the image or canvas element. Could be set in pixel by a number, or in percentage of current width of image or canvas element by a string. If undefined, uses the width of the image or canvas element. It is used only when the content is an image or canvas element.
    xAdjust number 0 Adjustment along x-axis (left-right) of label relative to computed position. Negative values move the label left, positive right.
    yAdjust number 0 Adjustment along y-axis (top-bottom) of label relative to computed position. Negative values move the label up, positive down.
    z number 0 It determines the drawing stack level of the label element, with same drawTime.

    # borderRadius

    If this value is a number, it is applied to all corners of the rectangle (topLeft, topRight, bottomLeft, bottomRight). If this value is an object, the topLeft property defines the top-left corners border radius. Similarly, the topRight, bottomLeft, and bottomRight properties can also be specified. Omitted corners have radius of 0.

    # Fonts and colors

    When the label to draw has multiple lines, you can use different font and color for each line of the label. This is enabled configuring an array of fonts or colors for those options. When the lines are more than the configured fonts of colors, the last configuration of those options is used for all remaining lines.

    # Callout

    A callout can connect the label to the line when the label is arbitrarily (by xAdjust and yAdjust options) moved from its original position.

    Namespace: options.annotations[annotationID].label.callout, it defines options for the callout on the label of the line annotation.

    All of these options can be Scriptable.

    Name Type Default Notes
    borderCapStyle string 'butt' Cap style of the border line of callout. See MDN (opens new window).
    borderColor Color undefined Stroke color of the pointer of the callout.
    borderDash number[] [] Length and spacing of dashes of callout. See MDN (opens new window).
    borderDashOffset number 0 Offset for line dashes of callout. See MDN (opens new window).
    borderJoinStyle string 'miter' Border line join style of the callout. See MDN (opens new window).
    borderWidth number 1 Stroke width of the pointer of the callout.
    display boolean false If true, the callout is drawn.
    margin number 5 Amount of pixels between the label and the callout separator.
    position string 'auto' The position of callout, with respect to the label. Could be left, top, right, bottom or auto.
    side number 5 Width of the starter line of callout pointer.
    start number|string '50%' The percentage of the separator dimension to use as starting point for callout pointer. Could be set in pixel by a number, or in percentage of the separator dimension by a string.

    # Arrow heads

    Namespace: options.annotations[annotationID].arrowHeads, it defines options for the line annotation arrow heads.

    All of these options can be Scriptable

    Name Type Notes
    end object To configure the arrow head at the end of the line.
    start object To configure the arrow head at the start of the line.

    # Arrow head configuration

    Enabling it, you can add arrow heads at start and/or end of a line. It uses the borderWidth of the line options to configure the line width of the arrow head.

    The following options can be specified per (start and/or end) arrow head, or at the top level (arrowHeads) which apply to all arrow heads.

    All of these options can be Scriptable

    Name Type Default Notes
    backgroundColor Color lineAnnotation.borderColor Background color of the arrow head.
    backgroundShadowColor Color 'transparent' The color of shadow of the arrow head. See MDN (opens new window).
    borderColor Color lineAnnotation.borderColor The border arrow head color.
    borderDash number[] lineAnnotation.borderDash Length and spacing of dashes. See MDN (opens new window).
    borderDashOffset number lineAnnotation.borderDashOffset Offset for border arrow head dashes. See MDN (opens new window).
    borderShadowColor Color lineAnnotation.borderShadowColor The color of border shadow of the arrow head. See MDN (opens new window).
    borderWidth number lineAnnotation.borderWidth The border line width (in pixels).
    display boolean false Whether or not the arrow head is shown.
    fill boolean false Whether or not the arrow head is filled.
    length number 12 The length of the arrow head in pixels.
    shadowBlur number lineAnnotation.shadowBlur The amount of blur applied to shadow of the arrow head. See MDN (opens new window).
    shadowOffsetX number lineAnnotation.shadowOffsetX The distance that shadow, of the arrow head, will be offset horizontally. See MDN (opens new window).
    shadowOffsetY number lineAnnotation.shadowOffsetY The distance that shadow, of the arrow head, will be offset vertically. See MDN (opens new window).
    width number 6 The width of the arrow head in pixels.

    # Element

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

    line

    The label of a box annotation is described as a label annotation and accessible by element.label.

    Edit this page (opens new window)
    Last Updated: 9/20/2024, 12:39:59 PM

    +The 4 coordinates, xMin, xMax, yMin, yMax are optional. If not specified, the line is expanded out to the edges in the respective direction.

    The id identifies a unique id for the annotation and it will be stored in the element context. When the annotations are defined by an object, the id is automatically set using the key used to store the annotations in the object. When the annotations are configured by an array, the id, passed by this option in the annotation, will be used.

    # Positioning

    The line can be positioned in two different ways. If scaleID is set, then value and endValue must also be set to indicate the endpoints of the line. The line will be perpendicular to the axis identified by scaleID.

    If scaleID is unset, then xScaleID and yScaleID are used to draw a line from (xMin, yMin) to (xMax, yMax).

    Name Description
    adjustScaleRange Should the scale range be adjusted if this annotation is out of range.
    controlPoint if curve is enabled, it configures the control point to drawn the curve, calculated in pixels. It can be set by a string in percentage format 'number%' which are representing the percentage of the distance between the start and end point from the center.
    curve Whether or not a quadratic Bézier curve (opens new window) is drawn.
    display Whether or not this annotation is visible.
    drawTime See drawTime.
    endValue End two of the line when a single scale is specified.
    hitTolerance Amount of pixels to interact with annotations within some distance of the mouse point.
    id Identifies a unique id for the annotation and it will be stored in the element context. When the annotations are defined by an object, the id is automatically set using the key used to store the annotations in the object. When the annotations are configured by an array, the id, passed by this option in the annotation, will be used.
    scaleID ID of the scale in single scale mode. If unset, xScaleID and yScaleID are used.
    value End one of the line when a single scale is specified.
    xMax X coordinate of end two of the line in units along the x axis.
    xMin X coordinate of end one of the line in units along the x axis.
    xScaleID ID of the X scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as 'x' axis. If more than one scale has been defined in the chart as 'x' axis, the option is mandatory to select the right scale.
    yMax Y coordinate of end two of the line in units along the y axis.
    yMin Y coordinate of end one of the line in units along the y axis.
    yScaleID ID of the Y scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as 'y' axis. If more than one scale has been defined in the chart as 'y' axis, the option is mandatory to select the right scale.
    z The z property determines the drawing stack level of the line annotation element. All visible elements will be drawn in ascending order of z option, with the same drawTime option.

    # Styling

    Name Description
    borderColor Stroke color.
    borderDash Length and spacing of dashes. See MDN (opens new window).
    borderDashOffset Offset for line dashes. See MDN (opens new window).
    borderShadowColor The color of shadow. See MDN (opens new window).
    borderWidth Stroke width.
    shadowBlur The amount of blur applied to shadow. See MDN (opens new window).
    shadowOffsetX The distance that shadow will be offset horizontally. See MDN (opens new window).
    shadowOffsetY The distance that shadow will be offset vertically. See MDN (opens new window).

    # Label

    Namespace: options.annotations[annotationID].label, it defines options for the line annotation label.

    All of these options can be Scriptable

    Name Type Default Notes
    backgroundColor Color 'rgba(0,0,0,0.8)' Background color of the label container.
    backgroundShadowColor Color 'transparent' The color of shadow of the box where the label is located. See MDN (opens new window).
    borderCapStyle string 'butt' Cap style of the border line. See MDN (opens new window).
    borderColor Color black The border line color.
    borderDash number[] [] Length and spacing of dashes. See MDN (opens new window).
    borderDashOffset number 0 Offset for border line dashes. See MDN (opens new window).
    borderJoinStyle string 'miter' Border line join style. See MDN (opens new window).
    borderRadius number | object 6 Radius of label box corners in pixels.
    borderShadowColor Color 'transparent' The color of border shadow of the box where the label is located. See MDN (opens new window).
    borderWidth number 0 The border line width (in pixels).
    callout object Can connect the label to the line. See callout.
    color Color|Color[] '#fff' Text color.
    content string|string[]|Image (opens new window)|HTMLCanvasElement (opens new window) null The content to show in the label.
    display boolean false Whether or not the label is shown.
    drawTime string|number options.drawTime See drawTime. Defaults to the line annotation draw time if unset.
    font Font|Font[] { weight: 'bold' } Label font.
    height number|string undefined Overrides the height of the image or canvas element. Could be set in pixel by a number, or in percentage of current height of image or canvas element by a string. If undefined, uses the height of the image or canvas element. It is used only when the content is an image or canvas element.
    hitTolerance number undefined Amount of pixels to interact with annotations within some distance of the mouse point.
    opacity number undefined Overrides the opacity of the image or canvas element. Could be set a number in the range 0.0 to 1.0, inclusive. If undefined, uses the opacity of the image or canvas element. It is used only when the content is an image or canvas element.
    padding Padding 6 The padding to add around the text label.
    position string 'center' Anchor position of label on line. Possible options are: 'start', 'center', 'end'. It can be set by a string in percentage format 'number%' which are representing the percentage on the width of the line where the label will be located.
    rotation number|'auto' 0 Rotation of label, in degrees, or 'auto' to use the degrees of the line.
    shadowBlur number 0 The amount of blur applied to shadow of the box where the label is located. See MDN (opens new window).
    shadowOffsetX number 0 The distance that shadow, of the box where the label is located, will be offset horizontally. See MDN (opens new window).
    shadowOffsetY number 0 The distance that shadow, of the box where the label is located, will be offset vertically. See MDN (opens new window).
    textAlign string 'center' Text alignment of label content when there's more than one line. Possible options are: 'start', 'center', 'end'.
    textStrokeColor Color undefined The color of the stroke around the text.
    textStrokeWidth number 0 Stroke width around the text.
    width number|string undefined Overrides the width of the image or canvas element. Could be set in pixel by a number, or in percentage of current width of image or canvas element by a string. If undefined, uses the width of the image or canvas element. It is used only when the content is an image or canvas element.
    xAdjust number 0 Adjustment along x-axis (left-right) of label relative to computed position. Negative values move the label left, positive right.
    yAdjust number 0 Adjustment along y-axis (top-bottom) of label relative to computed position. Negative values move the label up, positive down.
    z number 0 It determines the drawing stack level of the label element, with same drawTime.

    # borderRadius

    If this value is a number, it is applied to all corners of the rectangle (topLeft, topRight, bottomLeft, bottomRight). If this value is an object, the topLeft property defines the top-left corners border radius. Similarly, the topRight, bottomLeft, and bottomRight properties can also be specified. Omitted corners have radius of 0.

    # Fonts and colors

    When the label to draw has multiple lines, you can use different font and color for each line of the label. This is enabled configuring an array of fonts or colors for those options. When the lines are more than the configured fonts of colors, the last configuration of those options is used for all remaining lines.

    # Callout

    A callout can connect the label to the line when the label is arbitrarily (by xAdjust and yAdjust options) moved from its original position.

    Namespace: options.annotations[annotationID].label.callout, it defines options for the callout on the label of the line annotation.

    All of these options can be Scriptable.

    Name Type Default Notes
    borderCapStyle string 'butt' Cap style of the border line of callout. See MDN (opens new window).
    borderColor Color undefined Stroke color of the pointer of the callout.
    borderDash number[] [] Length and spacing of dashes of callout. See MDN (opens new window).
    borderDashOffset number 0 Offset for line dashes of callout. See MDN (opens new window).
    borderJoinStyle string 'miter' Border line join style of the callout. See MDN (opens new window).
    borderWidth number 1 Stroke width of the pointer of the callout.
    display boolean false If true, the callout is drawn.
    margin number 5 Amount of pixels between the label and the callout separator.
    position string 'auto' The position of callout, with respect to the label. Could be left, top, right, bottom or auto.
    side number 5 Width of the starter line of callout pointer.
    start number|string '50%' The percentage of the separator dimension to use as starting point for callout pointer. Could be set in pixel by a number, or in percentage of the separator dimension by a string.

    # Arrow heads

    Namespace: options.annotations[annotationID].arrowHeads, it defines options for the line annotation arrow heads.

    All of these options can be Scriptable

    Name Type Notes
    end object To configure the arrow head at the end of the line.
    start object To configure the arrow head at the start of the line.

    # Arrow head configuration

    Enabling it, you can add arrow heads at start and/or end of a line. It uses the borderWidth of the line options to configure the line width of the arrow head.

    The following options can be specified per (start and/or end) arrow head, or at the top level (arrowHeads) which apply to all arrow heads.

    All of these options can be Scriptable

    Name Type Default Notes
    backgroundColor Color lineAnnotation.borderColor Background color of the arrow head.
    backgroundShadowColor Color 'transparent' The color of shadow of the arrow head. See MDN (opens new window).
    borderColor Color lineAnnotation.borderColor The border arrow head color.
    borderDash number[] lineAnnotation.borderDash Length and spacing of dashes. See MDN (opens new window).
    borderDashOffset number lineAnnotation.borderDashOffset Offset for border arrow head dashes. See MDN (opens new window).
    borderShadowColor Color lineAnnotation.borderShadowColor The color of border shadow of the arrow head. See MDN (opens new window).
    borderWidth number lineAnnotation.borderWidth The border line width (in pixels).
    display boolean false Whether or not the arrow head is shown.
    fill boolean false Whether or not the arrow head is filled.
    length number 12 The length of the arrow head in pixels.
    shadowBlur number lineAnnotation.shadowBlur The amount of blur applied to shadow of the arrow head. See MDN (opens new window).
    shadowOffsetX number lineAnnotation.shadowOffsetX The distance that shadow, of the arrow head, will be offset horizontally. See MDN (opens new window).
    shadowOffsetY number lineAnnotation.shadowOffsetY The distance that shadow, of the arrow head, will be offset vertically. See MDN (opens new window).
    width number 6 The width of the arrow head in pixels.

    # Element

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

    line

    The label of a box annotation is described as a label annotation and accessible by element.label.

    Edit this page (opens new window)
    Last Updated: 9/25/2024, 11:59:07 AM

    ← →

    - + diff --git a/master/guide/types/point.html b/master/guide/types/point.html index 2a174f197..fe5a1909c 100644 --- a/master/guide/types/point.html +++ b/master/guide/types/point.html @@ -7,7 +7,7 @@ - + @@ -87,7 +87,7 @@ }] }, options -};

    # Configuration

    # Point annotation specific options

    The following options are available for point annotations.

    Name Type Scriptable Default
    backgroundShadowColor Color Yes 'transparent'
    borderWidth number Yes 1
    pointStyle PointStyle Yes 'circle'
    radius number Yes 10
    rotation number Yes 0
    xAdjust number Yes 0
    xValue number | string Yes undefined
    yAdjust number Yes 0
    yValue number | string Yes undefined

    # Common options to all annotations

    The following options are available for all annotations.

    Name Type Scriptable Default
    adjustScaleRange boolean Yes true
    backgroundColor Color Yes options.color
    borderColor Color Yes options.color
    borderDash number[] Yes []
    borderDashOffset number Yes 0
    borderShadowColor Color Yes 'transparent'
    display boolean Yes true
    drawTime string|number Yes 'afterDatasetsDraw'
    hitTolerance number Yes 0
    init boolean See initial animation undefined
    id string No undefined
    shadowBlur number Yes 0
    shadowOffsetX number Yes 0
    shadowOffsetY number Yes 0
    xMax number | string Yes undefined
    xMin number | string Yes undefined
    xScaleID string Yes undefined
    yMin number | string Yes undefined
    yMax number | string Yes undefined
    yScaleID string Yes undefined
    z number Yes 0

    # General

    If one of the axes does not match an axis in the chart, the point annotation will take the center of the chart as point. The 2 coordinates, xValue, yValue are optional. If not specified, the point annotation will take the center of the scale dimension as point.

    The 4 coordinates, xMin, xMax, yMin, yMax are optional. If not specified, the box is expanded out to the edges in the respective direction and the box size is used to calculated the center of the point. To enable to use the box positioning, the radius must be set to 0 or NaN.

    Name Description
    adjustScaleRange Should the scale range be adjusted if this annotation is out of range.
    display Whether or not this annotation is visible.
    drawTime See drawTime.
    hitTolerance Amount of pixels to interact with annotations within some distance of the mouse point.
    id Identifies a unique id for the annotation and it will be stored in the element context. When the annotations are defined by an object, the id is automatically set using the key used to store the annotations in the object. When the annotations are configured by an array, the id, passed by this option in the annotation, will be used.
    radius Size of the point in pixels.
    rotation Rotation of point, in degrees.
    xAdjust Adjustment along x-axis (left-right) of point relative to computed position. Negative values move the point left, positive right.
    xMax Right edge of the box in units along the x axis.
    xMin Left edge of the box in units along the x axis.
    xScaleID ID of the X scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as 'x' axis. If more than one scale has been defined in the chart as 'x' axis, the option is mandatory to select the right scale.
    xValue X coordinate of the point in units along the x axis.
    yAdjust Adjustment along y-axis (top-bottom) of point relative to computed position. Negative values move the point up, positive down.
    yMax Bottom edge of the box in units along the y axis.
    yMin Top edge of the box in units along the y axis.
    yScaleID ID of the Y scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as 'y' axis. If more than one scale has been defined in the chart as 'y' axis, the option is mandatory to select the right scale.
    yValue Y coordinate of the point in units along the y axis.
    z The z property determines the drawing stack level of the point annotation element. All visible elements will be drawn in ascending order of z option, with the same drawTime option.

    # Styling

    Name Description
    backgroundColor Fill color.
    backgroundShadowColor The color of shadow. See MDN (opens new window).
    borderColor Stroke color.
    borderDash Length and spacing of dashes. See MDN (opens new window).
    borderDashOffset Offset for line dashes. See MDN (opens new window).
    borderShadowColor The color of border shadow. See MDN (opens new window).
    borderWidth Stroke width.
    pointStyle Style of the point.
    shadowBlur The amount of blur applied to shadow. See MDN (opens new window).
    shadowOffsetX The distance that shadow will be offset horizontally. See MDN (opens new window).
    shadowOffsetY The distance that shadow will be offset vertically. See MDN (opens new window).

    # Element

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

    point

    Edit this page (opens new window)
    Last Updated: 9/20/2024, 12:39:59 PM

    +};

    # Configuration

    # Point annotation specific options

    The following options are available for point annotations.

    Name Type Scriptable Default
    backgroundShadowColor Color Yes 'transparent'
    borderWidth number Yes 1
    pointStyle PointStyle Yes 'circle'
    radius number Yes 10
    rotation number Yes 0
    xAdjust number Yes 0
    xValue number | string Yes undefined
    yAdjust number Yes 0
    yValue number | string Yes undefined

    # Common options to all annotations

    The following options are available for all annotations.

    Name Type Scriptable Default
    adjustScaleRange boolean Yes true
    backgroundColor Color Yes options.color
    borderColor Color Yes options.color
    borderDash number[] Yes []
    borderDashOffset number Yes 0
    borderShadowColor Color Yes 'transparent'
    display boolean Yes true
    drawTime string|number Yes 'afterDatasetsDraw'
    hitTolerance number Yes 0
    init boolean See initial animation undefined
    id string No undefined
    shadowBlur number Yes 0
    shadowOffsetX number Yes 0
    shadowOffsetY number Yes 0
    xMax number | string Yes undefined
    xMin number | string Yes undefined
    xScaleID string Yes undefined
    yMin number | string Yes undefined
    yMax number | string Yes undefined
    yScaleID string Yes undefined
    z number Yes 0

    # General

    If one of the axes does not match an axis in the chart, the point annotation will take the center of the chart as point. The 2 coordinates, xValue, yValue are optional. If not specified, the point annotation will take the center of the scale dimension as point.

    The 4 coordinates, xMin, xMax, yMin, yMax are optional. If not specified, the box is expanded out to the edges in the respective direction and the box size is used to calculated the center of the point. To enable to use the box positioning, the radius must be set to 0 or NaN.

    Name Description
    adjustScaleRange Should the scale range be adjusted if this annotation is out of range.
    display Whether or not this annotation is visible.
    drawTime See drawTime.
    hitTolerance Amount of pixels to interact with annotations within some distance of the mouse point.
    id Identifies a unique id for the annotation and it will be stored in the element context. When the annotations are defined by an object, the id is automatically set using the key used to store the annotations in the object. When the annotations are configured by an array, the id, passed by this option in the annotation, will be used.
    radius Size of the point in pixels.
    rotation Rotation of point, in degrees.
    xAdjust Adjustment along x-axis (left-right) of point relative to computed position. Negative values move the point left, positive right.
    xMax Right edge of the box in units along the x axis.
    xMin Left edge of the box in units along the x axis.
    xScaleID ID of the X scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as 'x' axis. If more than one scale has been defined in the chart as 'x' axis, the option is mandatory to select the right scale.
    xValue X coordinate of the point in units along the x axis.
    yAdjust Adjustment along y-axis (top-bottom) of point relative to computed position. Negative values move the point up, positive down.
    yMax Bottom edge of the box in units along the y axis.
    yMin Top edge of the box in units along the y axis.
    yScaleID ID of the Y scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as 'y' axis. If more than one scale has been defined in the chart as 'y' axis, the option is mandatory to select the right scale.
    yValue Y coordinate of the point in units along the y axis.
    z The z property determines the drawing stack level of the point annotation element. All visible elements will be drawn in ascending order of z option, with the same drawTime option.

    # Styling

    Name Description
    backgroundColor Fill color.
    backgroundShadowColor The color of shadow. See MDN (opens new window).
    borderColor Stroke color.
    borderDash Length and spacing of dashes. See MDN (opens new window).
    borderDashOffset Offset for line dashes. See MDN (opens new window).
    borderShadowColor The color of border shadow. See MDN (opens new window).
    borderWidth Stroke width.
    pointStyle Style of the point.
    shadowBlur The amount of blur applied to shadow. See MDN (opens new window).
    shadowOffsetX The distance that shadow will be offset horizontally. See MDN (opens new window).
    shadowOffsetY The distance that shadow will be offset vertically. See MDN (opens new window).

    # Element

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

    point

    Edit this page (opens new window)
    Last Updated: 9/25/2024, 11:59:07 AM

    ← →

    - + diff --git a/master/guide/types/polygon.html b/master/guide/types/polygon.html index db2d4ea2a..6cf28aeca 100644 --- a/master/guide/types/polygon.html +++ b/master/guide/types/polygon.html @@ -7,7 +7,7 @@ - + @@ -163,7 +163,7 @@ }] }, options -};

    # Element

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

    polygon

    Edit this page (opens new window)
    Last Updated: 9/20/2024, 12:39:59 PM

    +};

    # Element

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

    polygon

    Edit this page (opens new window)
    Last Updated: 9/25/2024, 11:59:07 AM

    ← →

    - + diff --git a/master/guide/usage.html b/master/guide/usage.html index 5f1b5354e..7c3ca18f6 100644 --- a/master/guide/usage.html +++ b/master/guide/usage.html @@ -7,7 +7,7 @@ - + @@ -91,7 +91,7 @@ } } } -};
    Edit this page (opens new window)
    Last Updated: 9/20/2024, 12:39:59 PM

    +};

    Edit this page (opens new window)
    Last Updated: 9/25/2024, 11:59:07 AM

    ← →

    - + diff --git a/master/index.html b/master/index.html index 8317e653b..20ae1e591 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 7f28cf4f4..35fae39b3 100644 --- a/master/samples/box/basic.html +++ b/master/samples/box/basic.html @@ -7,7 +7,7 @@ - + @@ -141,7 +141,7 @@ }, { data: Utils.points({count: DATA_COUNT, min: MIN[1], max: MAX[1]}) }] -};
    Edit this page (opens new window)
    Last Updated: 9/20/2024, 12:39:59 PM

    +};

    Edit this page (opens new window)
    Last Updated: 9/25/2024, 11:59:07 AM

    ← →

    - + diff --git a/master/samples/box/canvas.html b/master/samples/box/canvas.html index 415e2eed8..6b3025437 100644 --- a/master/samples/box/canvas.html +++ b/master/samples/box/canvas.html @@ -7,7 +7,7 @@ - + @@ -149,7 +149,7 @@ datasets: [{ data: Utils.numbers(numberCfg) }] -};
    Edit this page (opens new window)
    Last Updated: 9/20/2024, 12:39:59 PM

    +};

    Edit this page (opens new window)
    Last Updated: 9/25/2024, 11:59:07 AM

    ← →

    - + diff --git a/master/samples/box/disclosure.html b/master/samples/box/disclosure.html index 76850fd4c..6a5be490e 100644 --- a/master/samples/box/disclosure.html +++ b/master/samples/box/disclosure.html @@ -7,7 +7,7 @@ - + @@ -107,7 +107,7 @@ datasets: [{ data: Utils.numbers(numberCfg) }] -};
    Edit this page (opens new window)
    Last Updated: 9/20/2024, 12:39:59 PM

    +};

    Edit this page (opens new window)
    Last Updated: 9/25/2024, 11:59:07 AM

    ← →

    - + diff --git a/master/samples/box/gradient.html b/master/samples/box/gradient.html index 7f074d617..b14e1e216 100644 --- a/master/samples/box/gradient.html +++ b/master/samples/box/gradient.html @@ -7,7 +7,7 @@ - + @@ -433,7 +433,7 @@ data: randomize(), pointRadius: 8 }] -};
    Edit this page (opens new window)
    Last Updated: 9/20/2024, 12:39:59 PM

    +};

    Edit this page (opens new window)
    Last Updated: 9/25/2024, 11:59:07 AM

    ← →

    - + diff --git a/master/samples/box/image.html b/master/samples/box/image.html index a3835689e..218746b8d 100644 --- a/master/samples/box/image.html +++ b/master/samples/box/image.html @@ -7,7 +7,7 @@ - + @@ -121,7 +121,7 @@ datasets: [{ data: Utils.numbers(numberCfg) }] -};
    Edit this page (opens new window)
    Last Updated: 9/20/2024, 12:39:59 PM

    +};

    Edit this page (opens new window)
    Last Updated: 9/25/2024, 11:59:07 AM

    ← →

    - + diff --git a/master/samples/box/initAnim.html b/master/samples/box/initAnim.html index 3d8c9be9a..96ac0472d 100644 --- a/master/samples/box/initAnim.html +++ b/master/samples/box/initAnim.html @@ -7,7 +7,7 @@ - + @@ -197,7 +197,7 @@ datasets: [{ data: Utils.numbers(numberCfg) }] -};
    Edit this page (opens new window)
    Last Updated: 9/20/2024, 12:39:59 PM

    +};

    Edit this page (opens new window)
    Last Updated: 9/25/2024, 11:59:07 AM

    ← →

    - + diff --git a/master/samples/box/quarters.html b/master/samples/box/quarters.html index 4b8cbbbda..7268ade75 100644 --- a/master/samples/box/quarters.html +++ b/master/samples/box/quarters.html @@ -7,7 +7,7 @@ - + @@ -229,7 +229,7 @@ datasets: [{ data: Utils.numbers(numberCfg) }] -};
    Edit this page (opens new window)
    Last Updated: 9/20/2024, 12:39:59 PM

    +};

    Edit this page (opens new window)
    Last Updated: 9/25/2024, 11:59:07 AM

    ← →

    - + diff --git a/master/samples/charts/bar.html b/master/samples/charts/bar.html index acb901513..78551cd80 100644 --- a/master/samples/charts/bar.html +++ b/master/samples/charts/bar.html @@ -7,7 +7,7 @@ - + @@ -173,7 +173,7 @@ }, { data: Utils.numbers(numberCfg), }] -};
    Edit this page (opens new window)
    Last Updated: 9/20/2024, 12:39:59 PM

    +};

    Edit this page (opens new window)
    Last Updated: 9/25/2024, 11:59:07 AM

    ← →

    - + diff --git a/master/samples/charts/line.html b/master/samples/charts/line.html index 863a9517b..94644fbe6 100644 --- a/master/samples/charts/line.html +++ b/master/samples/charts/line.html @@ -7,7 +7,7 @@ - + @@ -179,7 +179,7 @@ }, { data: Utils.numbers(numberCfg), }] -};
    Edit this page (opens new window)
    Last Updated: 9/20/2024, 12:39:59 PM

    +};

    Edit this page (opens new window)
    Last Updated: 9/25/2024, 11:59:07 AM

    ← →

    - + diff --git a/master/samples/ellipse/basic.html b/master/samples/ellipse/basic.html index d651493f4..c3916f4ba 100644 --- a/master/samples/ellipse/basic.html +++ b/master/samples/ellipse/basic.html @@ -7,7 +7,7 @@ - + @@ -137,7 +137,7 @@ }, { data: Utils.points({count: DATA_COUNT, min: MIN[1], max: MAX[1]}) }] -};
    Edit this page (opens new window)
    Last Updated: 9/20/2024, 12:39:59 PM

    +};

    Edit this page (opens new window)
    Last Updated: 9/25/2024, 11:59:07 AM

    ← →

    - + diff --git a/master/samples/ellipse/image.html b/master/samples/ellipse/image.html index fdcc2547c..38033a413 100644 --- a/master/samples/ellipse/image.html +++ b/master/samples/ellipse/image.html @@ -7,7 +7,7 @@ - + @@ -121,7 +121,7 @@ datasets: [{ data: Utils.numbers(numberCfg) }] -};
    Edit this page (opens new window)
    Last Updated: 9/20/2024, 12:39:59 PM

    +};

    Edit this page (opens new window)
    Last Updated: 9/25/2024, 11:59:07 AM

    ← →

    - + diff --git a/master/samples/ellipse/label.html b/master/samples/ellipse/label.html index 990722ca8..f0ea53697 100644 --- a/master/samples/ellipse/label.html +++ b/master/samples/ellipse/label.html @@ -7,7 +7,7 @@ - + @@ -113,7 +113,7 @@ datasets: [{ data: Utils.numbers(numberCfg) }] -};
    Edit this page (opens new window)
    Last Updated: 9/20/2024, 12:39:59 PM

    +};

    Edit this page (opens new window)
    Last Updated: 9/25/2024, 11:59:07 AM

    ← →

    - + diff --git a/master/samples/ellipse/rotation.html b/master/samples/ellipse/rotation.html index 767658224..3ac65e30c 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 379c7a0ee..de07ef895 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 991d49323..321d59c73 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 7948a30af..dc862f00f 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 8d57e3bbb..c8fa56dd8 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 9f3fea87f..0505dfe8a 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 8a09c9f82..2d4a34ba8 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 17cf9411d..14644b0d6 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 700e34bbc..5d9752c08 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 fc3179f07..0a996f9c4 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 a646c1dc2..5f4a33510 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 223b9cc49..e4ec4cef3 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 4c952ae13..bc09b3146 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 6888ff335..0ac4b38c8 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 b403fd627..f968ac4d5 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 63da744e6..cff5b79a4 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 5edba152b..6c2d15e80 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 5eeca0354..162b46a36 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 a8904140b..d29acc09a 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 d98ad3890..d1c96c727 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 5712fccd5..fcf0d85e3 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 5c07f0c2c..98a6c9063 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 461cc95e6..1c9870316 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 a7e6a8fb6..97e129b5e 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 d9f2bcebd..71fa7cfa0 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 20ef490d2..bbb799174 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 a99091a64..5ebfe383c 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 981760125..3df58a717 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 df5aa4744..5b671d015 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 0878db010..5e486c7b3 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 3c353d72c..fb0659910 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 93584e48c..6ac81dfd0 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 82f9c9114..74e0d1854 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 5ddefdf51..279659042 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 fe3876b55..33a86daa1 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 d0d56bc68..99c2e0786 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 a8b5b6cda..cceba4d70 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 537a220bf..eacfe1b06 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 2f5d29f11..781e06174 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)

    ←

    - +