From 467246e057f78acba0a2cbaea4523bf2fb326095 Mon Sep 17 00:00:00 2001 From: stockiNail Date: Wed, 10 Apr 2024 06:22:27 +0000 Subject: [PATCH] deploy: e94475cc299fd77dd6c008b7f4bfd4a985df3a6d --- master/404.html | 4 ++-- master/api/index.html | 6 +++--- master/api/interfaces/AnnotationBoxModel.html | 6 +++--- master/api/interfaces/AnnotationElement.html | 6 +++--- master/api/interfaces/AnnotationEvents.html | 6 +++--- master/api/interfaces/AnnotationHooks.html | 6 +++--- master/api/interfaces/AnnotationPluginOptions.html | 6 +++--- .../api/interfaces/AnnotationPointCoordinates.html | 6 +++--- master/api/interfaces/AnnotationTypeRegistry.html | 6 +++--- master/api/interfaces/ArrowHeadOptions.html | 6 +++--- master/api/interfaces/ArrowHeadsOptions.html | 6 +++--- master/api/interfaces/BoxAnnotationOptions.html | 6 +++--- master/api/interfaces/BoxLabelOptions.html | 14 +++++++------- master/api/interfaces/CalloutOptions.html | 6 +++--- master/api/interfaces/ContainedLabelOptions.html | 14 +++++++------- master/api/interfaces/ControlPointOptions.html | 6 +++--- master/api/interfaces/CoreAnnotationOptions.html | 6 +++--- master/api/interfaces/CoreLabelOptions.html | 14 +++++++------- .../api/interfaces/EllipseAnnotationOptions.html | 6 +++--- master/api/interfaces/EventContext.html | 6 +++--- master/api/interfaces/LabelAnnotationOptions.html | 14 +++++++------- master/api/interfaces/LabelOptions.html | 14 +++++++------- master/api/interfaces/LabelPadding.html | 6 +++--- master/api/interfaces/LabelPositionObject.html | 6 +++--- master/api/interfaces/LabelTypeOptions.html | 14 +++++++------- master/api/interfaces/LineAnnotationOptions.html | 6 +++--- master/api/interfaces/PartialEventContext.html | 6 +++--- master/api/interfaces/PointAnnotationOptions.html | 6 +++--- .../api/interfaces/PolygonAnnotationOptions.html | 6 +++--- master/api/interfaces/ShadowOptions.html | 6 +++--- .../assets/js/{10.6293e61e.js => 10.5a9502d6.js} | 2 +- .../assets/js/{104.ec602c76.js => 104.5101304a.js} | 2 +- .../assets/js/{105.555c801d.js => 105.0f40cc6c.js} | 2 +- .../assets/js/{11.96aa9989.js => 11.b45d9390.js} | 2 +- .../assets/js/{12.fae4783b.js => 12.1f0c7a62.js} | 2 +- .../assets/js/{16.f328123e.js => 16.f5c0cafd.js} | 2 +- .../assets/js/{17.67b3ed62.js => 17.eafea8b5.js} | 2 +- .../assets/js/{18.e35bf20c.js => 18.c955bee9.js} | 2 +- .../assets/js/{19.d8195a2f.js => 19.d05958b3.js} | 2 +- .../assets/js/{20.11fc2039.js => 20.c3deff0a.js} | 2 +- .../assets/js/{21.c40f94cf.js => 21.2e05b4c5.js} | 2 +- .../assets/js/{22.e465089a.js => 22.5ddcb4c0.js} | 2 +- .../assets/js/{23.3418c007.js => 23.6da6e2f9.js} | 2 +- .../assets/js/{24.383ea9f5.js => 24.d7e66a85.js} | 2 +- .../assets/js/{25.6a569c47.js => 25.84fc9513.js} | 2 +- .../assets/js/{26.f448fd15.js => 26.ab4504f4.js} | 2 +- .../assets/js/{27.cd9c1f0a.js => 27.a16ddd12.js} | 2 +- .../assets/js/{28.376e0e52.js => 28.f1e17ecb.js} | 2 +- .../assets/js/{29.ff6bca11.js => 29.50a8cabb.js} | 2 +- .../assets/js/{30.6c897f9a.js => 30.6c91ffb6.js} | 2 +- .../assets/js/{31.d17764ad.js => 31.69668ab0.js} | 2 +- .../assets/js/{32.d173807e.js => 32.6cee5623.js} | 2 +- .../assets/js/{33.5e143acb.js => 33.e5b2af7f.js} | 2 +- .../assets/js/{34.2ebfc537.js => 34.0e5e4765.js} | 2 +- .../assets/js/{35.b27cffa4.js => 35.8ed296d8.js} | 2 +- .../assets/js/{36.ff296e73.js => 36.a864cfd6.js} | 2 +- .../assets/js/{37.9f773231.js => 37.97cae8dc.js} | 2 +- .../assets/js/{38.b7373bba.js => 38.d01e5291.js} | 2 +- .../assets/js/{39.f48145cb.js => 39.f9422108.js} | 2 +- .../assets/js/{40.282b301c.js => 40.ef3f5f72.js} | 2 +- .../assets/js/{41.c625e5c5.js => 41.11763ca7.js} | 2 +- .../assets/js/{42.f1b5596e.js => 42.29eec7b1.js} | 2 +- .../assets/js/{43.0aa3be4c.js => 43.8ff6eec9.js} | 2 +- .../assets/js/{44.c3095a76.js => 44.96c17f3a.js} | 2 +- .../assets/js/{46.f8b5889c.js => 46.09418de2.js} | 2 +- .../assets/js/{47.66c8a706.js => 47.bc3971ca.js} | 2 +- .../assets/js/{49.1e219b11.js => 49.8b3239bf.js} | 2 +- .../assets/js/{51.6fd24c25.js => 51.48bec0ce.js} | 2 +- .../assets/js/{52.3e978a14.js => 52.b0c055a1.js} | 2 +- .../assets/js/{53.9f86675a.js => 53.8bc9ce85.js} | 2 +- .../assets/js/{54.852ccadd.js => 54.aaf14ea5.js} | 2 +- .../assets/js/{55.c102eb0d.js => 55.7018c954.js} | 2 +- .../assets/js/{56.17e730da.js => 56.c7b3695f.js} | 2 +- .../assets/js/{57.24ba4984.js => 57.9aea6fa9.js} | 2 +- .../assets/js/{62.c781838d.js => 62.ee56a773.js} | 2 +- .../assets/js/{63.b0e5d707.js => 63.bde9899c.js} | 2 +- .../assets/js/{71.d1354760.js => 71.e1318e40.js} | 2 +- .../assets/js/{72.ea80b800.js => 72.a00b62f2.js} | 2 +- .../assets/js/{73.9d1bb715.js => 73.e808293f.js} | 2 +- .../assets/js/{74.4cb032d3.js => 74.841f1459.js} | 2 +- .../assets/js/{75.983fa753.js => 75.050bee7f.js} | 2 +- master/assets/js/{8.7e5c64da.js => 8.46fbfbbd.js} | 2 +- .../assets/js/{80.6d80f13d.js => 80.118ff43a.js} | 2 +- .../assets/js/{81.aa451056.js => 81.8158d6d6.js} | 2 +- .../assets/js/{83.edfa67eb.js => 83.357407de.js} | 2 +- .../assets/js/{84.7a2dd8e8.js => 84.fe249dd5.js} | 2 +- .../assets/js/{85.84677553.js => 85.fd17969a.js} | 2 +- master/assets/js/{9.a0cc4369.js => 9.08430bf8.js} | 2 +- .../assets/js/{91.ed0b1057.js => 91.7b6d4ae9.js} | 2 +- .../assets/js/{92.710b251d.js => 92.539d4868.js} | 2 +- .../assets/js/{94.0a9acb4b.js => 94.2418dfb1.js} | 2 +- .../assets/js/{95.a140cb26.js => 95.02022b42.js} | 2 +- .../assets/js/{app.82cdbf94.js => app.a1465989.js} | 6 +++--- master/guide/configuration.html | 6 +++--- master/guide/contributing.html | 6 +++--- master/guide/index.html | 6 +++--- master/guide/integration.html | 6 +++--- master/guide/migrationV1.html | 6 +++--- master/guide/migrationV2.html | 6 +++--- master/guide/migrationV3.html | 6 +++--- master/guide/options.html | 6 +++--- master/guide/types/_commonInnerLabel.html | 6 +++--- master/guide/types/_commonOptions.html | 6 +++--- master/guide/types/box.html | 6 +++--- master/guide/types/ellipse.html | 6 +++--- master/guide/types/label.html | 6 +++--- master/guide/types/line.html | 6 +++--- master/guide/types/point.html | 6 +++--- master/guide/types/polygon.html | 6 +++--- master/guide/usage.html | 6 +++--- master/index.html | 4 ++-- master/samples/box/basic.html | 6 +++--- master/samples/box/canvas.html | 6 +++--- master/samples/box/disclosure.html | 6 +++--- master/samples/box/gradient.html | 6 +++--- master/samples/box/image.html | 6 +++--- master/samples/box/initAnim.html | 6 +++--- master/samples/box/quarters.html | 6 +++--- master/samples/charts/bar.html | 6 +++--- master/samples/charts/line.html | 6 +++--- master/samples/ellipse/basic.html | 6 +++--- master/samples/ellipse/image.html | 6 +++--- master/samples/ellipse/label.html | 6 +++--- master/samples/ellipse/rotation.html | 6 +++--- master/samples/interaction/cartesianplane.html | 6 +++--- master/samples/interaction/dragging.html | 6 +++--- master/samples/interaction/interaction.html | 6 +++--- master/samples/interaction/selection.html | 6 +++--- master/samples/intro.html | 6 +++--- master/samples/label/autoscaling.html | 6 +++--- master/samples/label/basic.html | 6 +++--- master/samples/label/callout.html | 6 +++--- master/samples/label/canvas.html | 6 +++--- master/samples/label/fontsColors.html | 6 +++--- master/samples/label/image.html | 6 +++--- master/samples/label/innerChart.html | 6 +++--- master/samples/label/lowerUpper.html | 6 +++--- master/samples/label/point.html | 6 +++--- master/samples/line/animation.html | 6 +++--- master/samples/line/average.html | 6 +++--- master/samples/line/basic.html | 6 +++--- master/samples/line/callout.html | 6 +++--- master/samples/line/canvas.html | 6 +++--- master/samples/line/curve.html | 6 +++--- master/samples/line/datasetBars.html | 6 +++--- master/samples/line/hook.html | 6 +++--- master/samples/line/image.html | 6 +++--- master/samples/line/labelVisibility.html | 6 +++--- master/samples/line/limited.html | 6 +++--- master/samples/line/lowerUpper.html | 6 +++--- master/samples/line/standardDeviation.html | 6 +++--- master/samples/line/visibility.html | 6 +++--- master/samples/point/basic.html | 6 +++--- master/samples/point/combined.html | 6 +++--- master/samples/point/initAnim.html | 6 +++--- master/samples/point/outsideChartArea.html | 6 +++--- master/samples/point/shadow.html | 6 +++--- master/samples/polygon/basic.html | 6 +++--- master/samples/polygon/outsideChartArea.html | 6 +++--- master/samples/polygon/shadow.html | 6 +++--- master/samples/polygon/stop.html | 6 +++--- master/samples/utils.html | 6 +++--- 162 files changed, 384 insertions(+), 384 deletions(-) rename master/assets/js/{10.6293e61e.js => 10.5a9502d6.js} (99%) rename master/assets/js/{104.ec602c76.js => 104.5101304a.js} (98%) rename master/assets/js/{105.555c801d.js => 105.0f40cc6c.js} (99%) rename master/assets/js/{11.96aa9989.js => 11.b45d9390.js} (99%) rename master/assets/js/{12.fae4783b.js => 12.1f0c7a62.js} (99%) rename master/assets/js/{16.f328123e.js => 16.f5c0cafd.js} (94%) rename master/assets/js/{17.67b3ed62.js => 17.eafea8b5.js} (89%) rename master/assets/js/{18.e35bf20c.js => 18.c955bee9.js} (92%) rename master/assets/js/{19.d8195a2f.js => 19.d05958b3.js} (96%) rename master/assets/js/{20.11fc2039.js => 20.c3deff0a.js} (96%) rename master/assets/js/{21.c40f94cf.js => 21.2e05b4c5.js} (95%) rename master/assets/js/{22.e465089a.js => 22.5ddcb4c0.js} (95%) rename master/assets/js/{23.3418c007.js => 23.6da6e2f9.js} (90%) rename master/assets/js/{24.383ea9f5.js => 24.d7e66a85.js} (93%) rename master/assets/js/{25.6a569c47.js => 25.84fc9513.js} (94%) rename master/assets/js/{26.f448fd15.js => 26.ab4504f4.js} (95%) rename master/assets/js/{27.cd9c1f0a.js => 27.a16ddd12.js} (95%) rename master/assets/js/{28.376e0e52.js => 28.f1e17ecb.js} (92%) rename master/assets/js/{29.ff6bca11.js => 29.50a8cabb.js} (93%) rename master/assets/js/{30.6c897f9a.js => 30.6c91ffb6.js} (94%) rename master/assets/js/{31.d17764ad.js => 31.69668ab0.js} (94%) rename master/assets/js/{32.d173807e.js => 32.6cee5623.js} (93%) rename master/assets/js/{33.5e143acb.js => 33.e5b2af7f.js} (94%) rename master/assets/js/{34.2ebfc537.js => 34.0e5e4765.js} (90%) rename master/assets/js/{35.b27cffa4.js => 35.8ed296d8.js} (95%) rename master/assets/js/{36.ff296e73.js => 36.a864cfd6.js} (95%) rename master/assets/js/{37.9f773231.js => 37.97cae8dc.js} (91%) rename master/assets/js/{38.b7373bba.js => 38.d01e5291.js} (93%) rename master/assets/js/{39.f48145cb.js => 39.f9422108.js} (95%) rename master/assets/js/{40.282b301c.js => 40.ef3f5f72.js} (94%) rename master/assets/js/{41.c625e5c5.js => 41.11763ca7.js} (93%) rename master/assets/js/{42.f1b5596e.js => 42.29eec7b1.js} (95%) rename master/assets/js/{43.0aa3be4c.js => 43.8ff6eec9.js} (94%) rename master/assets/js/{44.c3095a76.js => 44.96c17f3a.js} (94%) rename master/assets/js/{46.f8b5889c.js => 46.09418de2.js} (98%) rename master/assets/js/{47.66c8a706.js => 47.bc3971ca.js} (98%) rename master/assets/js/{49.1e219b11.js => 49.8b3239bf.js} (95%) rename master/assets/js/{51.6fd24c25.js => 51.48bec0ce.js} (99%) rename master/assets/js/{52.3e978a14.js => 52.b0c055a1.js} (99%) rename master/assets/js/{53.9f86675a.js => 53.8bc9ce85.js} (95%) rename master/assets/js/{54.852ccadd.js => 54.aaf14ea5.js} (77%) rename master/assets/js/{55.c102eb0d.js => 55.7018c954.js} (97%) rename master/assets/js/{56.17e730da.js => 56.c7b3695f.js} (97%) rename master/assets/js/{57.24ba4984.js => 57.9aea6fa9.js} (96%) rename master/assets/js/{62.c781838d.js => 62.ee56a773.js} (97%) rename master/assets/js/{63.b0e5d707.js => 63.bde9899c.js} (97%) rename master/assets/js/{71.d1354760.js => 71.e1318e40.js} (98%) rename master/assets/js/{72.ea80b800.js => 72.a00b62f2.js} (97%) rename master/assets/js/{73.9d1bb715.js => 73.e808293f.js} (97%) rename master/assets/js/{74.4cb032d3.js => 74.841f1459.js} (97%) rename master/assets/js/{75.983fa753.js => 75.050bee7f.js} (97%) rename master/assets/js/{8.7e5c64da.js => 8.46fbfbbd.js} (97%) rename master/assets/js/{80.6d80f13d.js => 80.118ff43a.js} (98%) rename master/assets/js/{81.aa451056.js => 81.8158d6d6.js} (97%) rename master/assets/js/{83.edfa67eb.js => 83.357407de.js} (97%) rename master/assets/js/{84.7a2dd8e8.js => 84.fe249dd5.js} (96%) rename master/assets/js/{85.84677553.js => 85.fd17969a.js} (98%) rename master/assets/js/{9.a0cc4369.js => 9.08430bf8.js} (99%) rename master/assets/js/{91.ed0b1057.js => 91.7b6d4ae9.js} (98%) rename master/assets/js/{92.710b251d.js => 92.539d4868.js} (97%) rename master/assets/js/{94.0a9acb4b.js => 94.2418dfb1.js} (98%) rename master/assets/js/{95.a140cb26.js => 95.02022b42.js} (97%) rename master/assets/js/{app.82cdbf94.js => app.a1465989.js} (77%) diff --git a/master/404.html b/master/404.html index 5c7d94916..6e0e898dc 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 98523fcb5..a837ad7ae 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"

# 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

# Defined in

index.d.ts:20 (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"

# 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

# Defined in

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

AnnotationBoxModel →

- + diff --git a/master/api/interfaces/AnnotationBoxModel.html b/master/api/interfaces/AnnotationBoxModel.html index 98b2ab59e..abc906145 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 d37912e5b..6b729e2d6 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 bea584965..3d145e36e 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:25 (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:23 (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:24 (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:25 (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:23 (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:24 (opens new window)

← →

- + diff --git a/master/api/interfaces/AnnotationHooks.html b/master/api/interfaces/AnnotationHooks.html index d30b32a08..63768259a 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 87af5ef12..c164d6672 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:152 (opens new window)

# annotations

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

# Defined in

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

# clip

• Optional clip: boolean

# Defined in

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

# common

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

# Defined in

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

# interaction

• Optional interaction: CoreInteractionOptions

# Defined in

options.d.ts:156 (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:25 (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:23 (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:24 (opens new window)

+ (opens new window)

# Interface: AnnotationPluginOptions

# Hierarchy

# Properties

# animations

• Optional animations: Record<string, unknown>

# Defined in

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

# annotations

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

# Defined in

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

# clip

• Optional clip: boolean

# Defined in

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

# common

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

# Defined in

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

# interaction

• Optional interaction: CoreInteractionOptions

# Defined in

options.d.ts:156 (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:25 (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:23 (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:24 (opens new window)

← →

- + diff --git a/master/api/interfaces/AnnotationPointCoordinates.html b/master/api/interfaces/AnnotationPointCoordinates.html index d9bd5fabf..43ff60380 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:57 (opens new window)

# yValue

• Optional yValue: Scriptable<ScaleValue, PartialEventContext>

# Defined in

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

+ (opens new window)

# Interface: AnnotationPointCoordinates

# Hierarchy

# Properties

# xValue

• Optional xValue: Scriptable<ScaleValue, PartialEventContext>

# Defined in

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

# yValue

• Optional yValue: Scriptable<ScaleValue, PartialEventContext>

# Defined in

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

← →

- + diff --git a/master/api/interfaces/AnnotationTypeRegistry.html b/master/api/interfaces/AnnotationTypeRegistry.html index 65e387249..7768cb8cd 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 bd0243f24..cfb5ae9e8 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:62 (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:63 (opens new window)

# borderDash

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

# Defined in

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

# borderDashOffset

• Optional borderDashOffset: Scriptable<number, PartialEventContext>

# Defined in

options.d.ts:65 (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:66 (opens new window)

# display

• Optional display: Scriptable<boolean, PartialEventContext>

# Defined in

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

# fill

• Optional fill: Scriptable<boolean, PartialEventContext>

# Defined in

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

# length

• Optional length: Scriptable<number, PartialEventContext>

# Defined in

options.d.ts:69 (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:70 (opens new window)

+ (opens new window)

# Interface: ArrowHeadOptions

# Hierarchy

# Properties

# backgroundColor

• Optional backgroundColor: Scriptable<Color, PartialEventContext>

# Defined in

options.d.ts:62 (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:63 (opens new window)

# borderDash

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

# Defined in

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

# borderDashOffset

• Optional borderDashOffset: Scriptable<number, PartialEventContext>

# Defined in

options.d.ts:65 (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:66 (opens new window)

# display

• Optional display: Scriptable<boolean, PartialEventContext>

# Defined in

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

# fill

• Optional fill: Scriptable<boolean, PartialEventContext>

# Defined in

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

# length

• Optional length: Scriptable<number, PartialEventContext>

# Defined in

options.d.ts:69 (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:70 (opens new window)

← →

- + diff --git a/master/api/interfaces/ArrowHeadsOptions.html b/master/api/interfaces/ArrowHeadsOptions.html index bc9da3482..ca3a6bf77 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:62 (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:63 (opens new window)

# borderDash

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

# Inherited from

ArrowHeadOptions.borderDash

# Defined in

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

# borderDashOffset

• Optional borderDashOffset: Scriptable<number, PartialEventContext>

# Inherited from

ArrowHeadOptions.borderDashOffset

# Defined in

options.d.ts:65 (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:66 (opens new window)

# display

• Optional display: Scriptable<boolean, PartialEventContext>

# Inherited from

ArrowHeadOptions.display

# Defined in

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

# end

• Optional end: ArrowHeadOptions

# Defined in

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

# fill

• Optional fill: Scriptable<boolean, PartialEventContext>

# Inherited from

ArrowHeadOptions.fill

# Defined in

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

# length

• Optional length: Scriptable<number, PartialEventContext>

# Inherited from

ArrowHeadOptions.length

# Defined in

options.d.ts:69 (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:75 (opens new window)

# width

• Optional width: Scriptable<number, PartialEventContext>

# Inherited from

ArrowHeadOptions.width

# Defined in

options.d.ts:70 (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:62 (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:63 (opens new window)

# borderDash

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

# Inherited from

ArrowHeadOptions.borderDash

# Defined in

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

# borderDashOffset

• Optional borderDashOffset: Scriptable<number, PartialEventContext>

# Inherited from

ArrowHeadOptions.borderDashOffset

# Defined in

options.d.ts:65 (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:66 (opens new window)

# display

• Optional display: Scriptable<boolean, PartialEventContext>

# Inherited from

ArrowHeadOptions.display

# Defined in

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

# end

• Optional end: ArrowHeadOptions

# Defined in

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

# fill

• Optional fill: Scriptable<boolean, PartialEventContext>

# Inherited from

ArrowHeadOptions.fill

# Defined in

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

# length

• Optional length: Scriptable<number, PartialEventContext>

# Inherited from

ArrowHeadOptions.length

# Defined in

options.d.ts:69 (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:75 (opens new window)

# width

• Optional width: Scriptable<number, PartialEventContext>

# Inherited from

ArrowHeadOptions.width

# Defined in

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

← →

- + diff --git a/master/api/interfaces/BoxAnnotationOptions.html b/master/api/interfaces/BoxAnnotationOptions.html index 58dddd0bf..012c230fc 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:94 (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:99 (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:104 (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:109 (opens new window)

# borderJoinStyle

• Optional borderJoinStyle: Scriptable<CanvasLineJoin, PartialEventContext>

Border line join style. See MDN.

Default

'miter'

# Defined in

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

# borderRadius

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

# Defined in

options.d.ts:115 (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)

# id

• Optional id: string

# Inherited from

CoreAnnotationOptions.id

# Defined in

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

# init

• Optional init: boolean | (chart: Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>, properties: AnnotationBoxModel, options: AnnotationOptions<keyof AnnotationTypeRegistry>) => boolean | void | AnnotationElement

# Inherited from

CoreAnnotationOptions.init

# Defined in

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

# label

• Optional label: BoxLabelOptions

# Defined in

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

# rotation

• Optional rotation: Scriptable<number, PartialEventContext>

# Defined in

options.d.ts:117 (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:47 (opens new window)

# xMin

• Optional xMin: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

CoreAnnotationOptions.xMin

# Defined in

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

# xScaleID

• Optional xScaleID: Scriptable<string, PartialEventContext>

# Inherited from

CoreAnnotationOptions.xScaleID

# Defined in

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

# yMax

• Optional yMax: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

CoreAnnotationOptions.yMax

# Defined in

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

# yMin

• Optional yMin: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

CoreAnnotationOptions.yMin

# Defined in

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

# yScaleID

• Optional yScaleID: Scriptable<string, PartialEventContext>

# Inherited from

CoreAnnotationOptions.yScaleID

# Defined in

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

# z

• Optional z: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.z

# Defined in

options.d.ts:53 (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:25 (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:23 (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:24 (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:94 (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:99 (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:104 (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:109 (opens new window)

# borderJoinStyle

• Optional borderJoinStyle: Scriptable<CanvasLineJoin, PartialEventContext>

Border line join style. See MDN.

Default

'miter'

# Defined in

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

# borderRadius

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

# Defined in

options.d.ts:115 (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)

# id

• Optional id: string

# Inherited from

CoreAnnotationOptions.id

# Defined in

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

# init

• Optional init: boolean | (chart: Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>, properties: AnnotationBoxModel, options: AnnotationOptions<keyof AnnotationTypeRegistry>) => boolean | void | AnnotationElement

# Inherited from

CoreAnnotationOptions.init

# Defined in

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

# label

• Optional label: BoxLabelOptions

# Defined in

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

# rotation

• Optional rotation: Scriptable<number, PartialEventContext>

# Defined in

options.d.ts:117 (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:47 (opens new window)

# xMin

• Optional xMin: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

CoreAnnotationOptions.xMin

# Defined in

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

# xScaleID

• Optional xScaleID: Scriptable<string, PartialEventContext>

# Inherited from

CoreAnnotationOptions.xScaleID

# Defined in

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

# yMax

• Optional yMax: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

CoreAnnotationOptions.yMax

# Defined in

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

# yMin

• Optional yMin: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

CoreAnnotationOptions.yMin

# Defined in

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

# yScaleID

• Optional yScaleID: Scriptable<string, PartialEventContext>

# Inherited from

CoreAnnotationOptions.yScaleID

# Defined in

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

# z

• Optional z: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.z

# Defined in

options.d.ts:53 (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:25 (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:23 (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:24 (opens new window)

← →

- + diff --git a/master/api/interfaces/BoxLabelOptions.html b/master/api/interfaces/BoxLabelOptions.html index 14b93ead9..ac553e8c5 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:143 (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)

# position

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

# Defined in

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

# rotation

• Optional rotation: Scriptable<number, PartialEventContext>

# Defined in

label.d.ts:144 (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:143 (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)

# position

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

# Defined in

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

# rotation

• Optional rotation: Scriptable<number, PartialEventContext>

# Defined in

label.d.ts:144 (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 1e2aa2e7d..320b7c869 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 7aef73e0d..61d6f34c5 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 2cc23cb87..4e3564c18 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:79 (opens new window)

# y

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

# Defined in

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

+ (opens new window)

# Interface: ControlPointOptions

# Properties

# x

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

# Defined in

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

# y

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

# Defined in

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

← →

- + diff --git a/master/api/interfaces/CoreAnnotationOptions.html b/master/api/interfaces/CoreAnnotationOptions.html index 246b0bf46..645f16de5 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)

# id

• Optional id: string

# Defined in

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

# init

• Optional init: boolean | (chart: Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>, properties: AnnotationBoxModel, options: AnnotationOptions<keyof AnnotationTypeRegistry>) => boolean | void | AnnotationElement

# Defined in

options.d.ts:45 (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:47 (opens new window)

# xMin

• Optional xMin: Scriptable<ScaleValue, PartialEventContext>

# Defined in

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

# xScaleID

• Optional xScaleID: Scriptable<string, PartialEventContext>

# Defined in

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

# yMax

• Optional yMax: Scriptable<ScaleValue, PartialEventContext>

# Defined in

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

# yMin

• Optional yMin: Scriptable<ScaleValue, PartialEventContext>

# Defined in

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

# yScaleID

• Optional yScaleID: Scriptable<string, PartialEventContext>

# Defined in

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

# z

• Optional z: Scriptable<number, PartialEventContext>

# Defined in

options.d.ts:53 (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:25 (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:23 (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:24 (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)

# id

• Optional id: string

# Defined in

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

# init

• Optional init: boolean | (chart: Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>, properties: AnnotationBoxModel, options: AnnotationOptions<keyof AnnotationTypeRegistry>) => boolean | void | AnnotationElement

# Defined in

options.d.ts:45 (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:47 (opens new window)

# xMin

• Optional xMin: Scriptable<ScaleValue, PartialEventContext>

# Defined in

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

# xScaleID

• Optional xScaleID: Scriptable<string, PartialEventContext>

# Defined in

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

# yMax

• Optional yMax: Scriptable<ScaleValue, PartialEventContext>

# Defined in

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

# yMin

• Optional yMin: Scriptable<ScaleValue, PartialEventContext>

# Defined in

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

# yScaleID

• Optional yScaleID: Scriptable<string, PartialEventContext>

# Defined in

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

# z

• Optional z: Scriptable<number, PartialEventContext>

# Defined in

options.d.ts:53 (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:25 (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:23 (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:24 (opens new window)

← →

- + diff --git a/master/api/interfaces/CoreLabelOptions.html b/master/api/interfaces/CoreLabelOptions.html index f27eb2a6f..dce9d828b 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 e38efd32f..64ce813d0 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:121 (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)

# id

• Optional id: string

# Inherited from

CoreAnnotationOptions.id

# Defined in

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

# init

• Optional init: boolean | (chart: Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>, properties: AnnotationBoxModel, options: AnnotationOptions<keyof AnnotationTypeRegistry>) => boolean | void | AnnotationElement

# Inherited from

CoreAnnotationOptions.init

# Defined in

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

# label

• Optional label: BoxLabelOptions

# Defined in

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

# rotation

• Optional rotation: Scriptable<number, PartialEventContext>

# Defined in

options.d.ts:123 (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:47 (opens new window)

# xMin

• Optional xMin: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

CoreAnnotationOptions.xMin

# Defined in

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

# xScaleID

• Optional xScaleID: Scriptable<string, PartialEventContext>

# Inherited from

CoreAnnotationOptions.xScaleID

# Defined in

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

# yMax

• Optional yMax: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

CoreAnnotationOptions.yMax

# Defined in

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

# yMin

• Optional yMin: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

CoreAnnotationOptions.yMin

# Defined in

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

# yScaleID

• Optional yScaleID: Scriptable<string, PartialEventContext>

# Inherited from

CoreAnnotationOptions.yScaleID

# Defined in

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

# z

• Optional z: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.z

# Defined in

options.d.ts:53 (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:25 (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:23 (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:24 (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:121 (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)

# id

• Optional id: string

# Inherited from

CoreAnnotationOptions.id

# Defined in

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

# init

• Optional init: boolean | (chart: Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>, properties: AnnotationBoxModel, options: AnnotationOptions<keyof AnnotationTypeRegistry>) => boolean | void | AnnotationElement

# Inherited from

CoreAnnotationOptions.init

# Defined in

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

# label

• Optional label: BoxLabelOptions

# Defined in

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

# rotation

• Optional rotation: Scriptable<number, PartialEventContext>

# Defined in

options.d.ts:123 (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:47 (opens new window)

# xMin

• Optional xMin: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

CoreAnnotationOptions.xMin

# Defined in

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

# xScaleID

• Optional xScaleID: Scriptable<string, PartialEventContext>

# Inherited from

CoreAnnotationOptions.xScaleID

# Defined in

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

# yMax

• Optional yMax: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

CoreAnnotationOptions.yMax

# Defined in

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

# yMin

• Optional yMin: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

CoreAnnotationOptions.yMin

# Defined in

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

# yScaleID

• Optional yScaleID: Scriptable<string, PartialEventContext>

# Inherited from

CoreAnnotationOptions.yScaleID

# Defined in

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

# z

• Optional z: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.z

# Defined in

options.d.ts:53 (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:25 (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:23 (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:24 (opens new window)

← →

- + diff --git a/master/api/interfaces/EventContext.html b/master/api/interfaces/EventContext.html index 2d3d82747..643dd21e9 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)

# id

• id: string

# Defined in

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

# type

• type: string

# Defined in

events.d.ts:8 (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)

# id

• id: string

# Defined in

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

# type

• type: string

# Defined in

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

← →

- + diff --git a/master/api/interfaces/LabelAnnotationOptions.html b/master/api/interfaces/LabelAnnotationOptions.html index 3b33e9cba..d65cc8a00 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)

# id

• Optional id: string

# Inherited from

CoreAnnotationOptions.id

# Defined in

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

# init

• Optional init: boolean | (chart: Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>, properties: AnnotationBoxModel, options: AnnotationOptions<keyof AnnotationTypeRegistry>) => boolean | void | AnnotationElement

# Inherited from

CoreAnnotationOptions.init

# Defined in

options.d.ts:45 (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:148 (opens new window)

# rotation

• Optional rotation: Scriptable<number, PartialEventContext>

# Defined in

options.d.ts:136 (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)

# id

• Optional id: string

# Inherited from

CoreAnnotationOptions.id

# Defined in

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

# init

• Optional init: boolean | (chart: Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>, properties: AnnotationBoxModel, options: AnnotationOptions<keyof AnnotationTypeRegistry>) => boolean | void | AnnotationElement

# Inherited from

CoreAnnotationOptions.init

# Defined in

options.d.ts:45 (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:148 (opens new window)

# rotation

• Optional rotation: Scriptable<number, PartialEventContext>

# Defined in

options.d.ts:136 (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:47 (opens new window)

# xMin

• Optional xMin: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

CoreAnnotationOptions.xMin

# Defined in

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

# xScaleID

• Optional xScaleID: Scriptable<string, PartialEventContext>

# Inherited from

CoreAnnotationOptions.xScaleID

# Defined in

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

# xValue

• Optional xValue: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

AnnotationPointCoordinates.xValue

# Defined in

options.d.ts:57 (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:47 (opens new window)

# xMin

• Optional xMin: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

CoreAnnotationOptions.xMin

# Defined in

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

# xScaleID

• Optional xScaleID: Scriptable<string, PartialEventContext>

# Inherited from

CoreAnnotationOptions.xScaleID

# Defined in

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

# xValue

• Optional xValue: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

AnnotationPointCoordinates.xValue

# Defined in

options.d.ts:57 (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:50 (opens new window)

# yMin

• Optional yMin: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

CoreAnnotationOptions.yMin

# Defined in

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

# yScaleID

• Optional yScaleID: Scriptable<string, PartialEventContext>

# Inherited from

CoreAnnotationOptions.yScaleID

# Defined in

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

# yValue

• Optional yValue: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

AnnotationPointCoordinates.yValue

# Defined in

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

# z

• Optional z: Scriptable<number, PartialEventContext>

# Inherited from

LabelTypeOptions.z

# Defined in

options.d.ts:53 (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:25 (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:23 (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:24 (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:50 (opens new window)

# yMin

• Optional yMin: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

CoreAnnotationOptions.yMin

# Defined in

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

# yScaleID

• Optional yScaleID: Scriptable<string, PartialEventContext>

# Inherited from

CoreAnnotationOptions.yScaleID

# Defined in

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

# yValue

• Optional yValue: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

AnnotationPointCoordinates.yValue

# Defined in

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

# z

• Optional z: Scriptable<number, PartialEventContext>

# Inherited from

LabelTypeOptions.z

# Defined in

options.d.ts:53 (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:25 (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:23 (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:24 (opens new window)

← →

- + diff --git a/master/api/interfaces/LabelOptions.html b/master/api/interfaces/LabelOptions.html index d7eee6424..57f636084 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)

# 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:134 (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)

# 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:134 (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 e98206d7f..69c2261cb 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 ded55a191..9223eb44c 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 57765ead4..e9071a4d4 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:148 (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:148 (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 941e73f5f..8216cb8a2 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:84 (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:86 (opens new window)

# curve

• Optional curve: Scriptable<boolean, PartialEventContext>

# Defined in

options.d.ts:85 (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:87 (opens new window)

# id

• Optional id: string

# Inherited from

CoreAnnotationOptions.id

# Defined in

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

# init

• Optional init: boolean | (chart: Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>, properties: AnnotationBoxModel, options: AnnotationOptions<keyof AnnotationTypeRegistry>) => boolean | void | AnnotationElement

# Inherited from

CoreAnnotationOptions.init

# Defined in

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

# label

• Optional label: LabelOptions

# Defined in

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

# scaleID

• Optional scaleID: Scriptable<string, PartialEventContext>

# Defined in

options.d.ts:89 (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:90 (opens new window)

# xMax

• Optional xMax: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

CoreAnnotationOptions.xMax

# Defined in

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

# xMin

• Optional xMin: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

CoreAnnotationOptions.xMin

# Defined in

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

# xScaleID

• Optional xScaleID: Scriptable<string, PartialEventContext>

# Inherited from

CoreAnnotationOptions.xScaleID

# Defined in

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

# yMax

• Optional yMax: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

CoreAnnotationOptions.yMax

# Defined in

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

# yMin

• Optional yMin: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

CoreAnnotationOptions.yMin

# Defined in

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

# yScaleID

• Optional yScaleID: Scriptable<string, PartialEventContext>

# Inherited from

CoreAnnotationOptions.yScaleID

# Defined in

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

# z

• Optional z: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.z

# Defined in

options.d.ts:53 (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:25 (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:23 (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:24 (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:84 (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:86 (opens new window)

# curve

• Optional curve: Scriptable<boolean, PartialEventContext>

# Defined in

options.d.ts:85 (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:87 (opens new window)

# id

• Optional id: string

# Inherited from

CoreAnnotationOptions.id

# Defined in

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

# init

• Optional init: boolean | (chart: Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>, properties: AnnotationBoxModel, options: AnnotationOptions<keyof AnnotationTypeRegistry>) => boolean | void | AnnotationElement

# Inherited from

CoreAnnotationOptions.init

# Defined in

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

# label

• Optional label: LabelOptions

# Defined in

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

# scaleID

• Optional scaleID: Scriptable<string, PartialEventContext>

# Defined in

options.d.ts:89 (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:90 (opens new window)

# xMax

• Optional xMax: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

CoreAnnotationOptions.xMax

# Defined in

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

# xMin

• Optional xMin: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

CoreAnnotationOptions.xMin

# Defined in

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

# xScaleID

• Optional xScaleID: Scriptable<string, PartialEventContext>

# Inherited from

CoreAnnotationOptions.xScaleID

# Defined in

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

# yMax

• Optional yMax: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

CoreAnnotationOptions.yMax

# Defined in

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

# yMin

• Optional yMin: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

CoreAnnotationOptions.yMin

# Defined in

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

# yScaleID

• Optional yScaleID: Scriptable<string, PartialEventContext>

# Inherited from

CoreAnnotationOptions.yScaleID

# Defined in

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

# z

• Optional z: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.z

# Defined in

options.d.ts:53 (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:25 (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:23 (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:24 (opens new window)

← →

- + diff --git a/master/api/interfaces/PartialEventContext.html b/master/api/interfaces/PartialEventContext.html index 0ff585cad..930a6458b 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:16 (opens new window)

# element

• Optional element: Partial<AnnotationElement>

# Defined in

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

# id

• Optional id: string

# Defined in

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

# type

• Optional type: string

# Defined in

events.d.ts:19 (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:16 (opens new window)

# element

• Optional element: Partial<AnnotationElement>

# Defined in

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

# id

• Optional id: string

# Defined in

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

# type

• Optional type: string

# Defined in

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

← →

- + diff --git a/master/api/interfaces/PointAnnotationOptions.html b/master/api/interfaces/PointAnnotationOptions.html index fbee2ee7f..2162d6f49 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:127 (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)

# id

• Optional id: string

# Inherited from

CoreAnnotationOptions.id

# Defined in

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

# init

• Optional init: boolean | (chart: Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>, properties: AnnotationBoxModel, options: AnnotationOptions<keyof AnnotationTypeRegistry>) => boolean | void | AnnotationElement

# Inherited from

CoreAnnotationOptions.init

# Defined in

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

# pointStyle

• Optional pointStyle: Scriptable<PointStyle, PartialEventContext>

# Defined in

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

# radius

• Optional radius: Scriptable<number, PartialEventContext>

# Defined in

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

# rotation

• Optional rotation: Scriptable<number, PartialEventContext>

# Defined in

options.d.ts:130 (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:131 (opens new window)

# xMax

• Optional xMax: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

CoreAnnotationOptions.xMax

# Defined in

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

# xMin

• Optional xMin: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

CoreAnnotationOptions.xMin

# Defined in

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

# xScaleID

• Optional xScaleID: Scriptable<string, PartialEventContext>

# Inherited from

CoreAnnotationOptions.xScaleID

# Defined in

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

# xValue

• Optional xValue: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

AnnotationPointCoordinates.xValue

# Defined in

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

# yAdjust

• Optional yAdjust: Scriptable<number, PartialEventContext>

# Defined in

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

# yMax

• Optional yMax: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

CoreAnnotationOptions.yMax

# Defined in

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

# yMin

• Optional yMin: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

CoreAnnotationOptions.yMin

# Defined in

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

# yScaleID

• Optional yScaleID: Scriptable<string, PartialEventContext>

# Inherited from

CoreAnnotationOptions.yScaleID

# Defined in

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

# yValue

• Optional yValue: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

AnnotationPointCoordinates.yValue

# Defined in

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

# z

• Optional z: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.z

# Defined in

options.d.ts:53 (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:25 (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:23 (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:24 (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:127 (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)

# id

• Optional id: string

# Inherited from

CoreAnnotationOptions.id

# Defined in

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

# init

• Optional init: boolean | (chart: Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>, properties: AnnotationBoxModel, options: AnnotationOptions<keyof AnnotationTypeRegistry>) => boolean | void | AnnotationElement

# Inherited from

CoreAnnotationOptions.init

# Defined in

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

# pointStyle

• Optional pointStyle: Scriptable<PointStyle, PartialEventContext>

# Defined in

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

# radius

• Optional radius: Scriptable<number, PartialEventContext>

# Defined in

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

# rotation

• Optional rotation: Scriptable<number, PartialEventContext>

# Defined in

options.d.ts:130 (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:131 (opens new window)

# xMax

• Optional xMax: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

CoreAnnotationOptions.xMax

# Defined in

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

# xMin

• Optional xMin: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

CoreAnnotationOptions.xMin

# Defined in

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

# xScaleID

• Optional xScaleID: Scriptable<string, PartialEventContext>

# Inherited from

CoreAnnotationOptions.xScaleID

# Defined in

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

# xValue

• Optional xValue: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

AnnotationPointCoordinates.xValue

# Defined in

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

# yAdjust

• Optional yAdjust: Scriptable<number, PartialEventContext>

# Defined in

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

# yMax

• Optional yMax: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

CoreAnnotationOptions.yMax

# Defined in

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

# yMin

• Optional yMin: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

CoreAnnotationOptions.yMin

# Defined in

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

# yScaleID

• Optional yScaleID: Scriptable<string, PartialEventContext>

# Inherited from

CoreAnnotationOptions.yScaleID

# Defined in

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

# yValue

• Optional yValue: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

AnnotationPointCoordinates.yValue

# Defined in

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

# z

• Optional z: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.z

# Defined in

options.d.ts:53 (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:25 (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:23 (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:24 (opens new window)

← →

- + diff --git a/master/api/interfaces/PolygonAnnotationOptions.html b/master/api/interfaces/PolygonAnnotationOptions.html index 138cac31f..9f1888208 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:140 (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:141 (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:142 (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)

# id

• Optional id: string

# Inherited from

CoreAnnotationOptions.id

# Defined in

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

# init

• Optional init: boolean | (chart: Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>, properties: AnnotationBoxModel, options: AnnotationOptions<keyof AnnotationTypeRegistry>) => boolean | void | AnnotationElement

# Inherited from

CoreAnnotationOptions.init

# Defined in

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

# point

• Optional point: PointAnnotationOptions

# Defined in

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

# radius

• Optional radius: Scriptable<number, PartialEventContext>

# Defined in

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

# rotation

• Optional rotation: Scriptable<number, PartialEventContext>

# Defined in

options.d.ts:145 (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:146 (opens new window)

# xAdjust

• Optional xAdjust: Scriptable<number, PartialEventContext>

# Defined in

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

# xMax

• Optional xMax: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

CoreAnnotationOptions.xMax

# Defined in

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

# xMin

• Optional xMin: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

CoreAnnotationOptions.xMin

# Defined in

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

# xScaleID

• Optional xScaleID: Scriptable<string, PartialEventContext>

# Inherited from

CoreAnnotationOptions.xScaleID

# Defined in

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

# xValue

• Optional xValue: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

AnnotationPointCoordinates.xValue

# Defined in

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

# yAdjust

• Optional yAdjust: Scriptable<number, PartialEventContext>

# Defined in

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

# yMax

• Optional yMax: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

CoreAnnotationOptions.yMax

# Defined in

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

# yMin

• Optional yMin: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

CoreAnnotationOptions.yMin

# Defined in

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

# yScaleID

• Optional yScaleID: Scriptable<string, PartialEventContext>

# Inherited from

CoreAnnotationOptions.yScaleID

# Defined in

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

# yValue

• Optional yValue: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

AnnotationPointCoordinates.yValue

# Defined in

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

# z

• Optional z: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.z

# Defined in

options.d.ts:53 (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:25 (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:23 (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:24 (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:140 (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:141 (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:142 (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)

# id

• Optional id: string

# Inherited from

CoreAnnotationOptions.id

# Defined in

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

# init

• Optional init: boolean | (chart: Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>, properties: AnnotationBoxModel, options: AnnotationOptions<keyof AnnotationTypeRegistry>) => boolean | void | AnnotationElement

# Inherited from

CoreAnnotationOptions.init

# Defined in

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

# point

• Optional point: PointAnnotationOptions

# Defined in

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

# radius

• Optional radius: Scriptable<number, PartialEventContext>

# Defined in

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

# rotation

• Optional rotation: Scriptable<number, PartialEventContext>

# Defined in

options.d.ts:145 (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:146 (opens new window)

# xAdjust

• Optional xAdjust: Scriptable<number, PartialEventContext>

# Defined in

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

# xMax

• Optional xMax: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

CoreAnnotationOptions.xMax

# Defined in

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

# xMin

• Optional xMin: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

CoreAnnotationOptions.xMin

# Defined in

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

# xScaleID

• Optional xScaleID: Scriptable<string, PartialEventContext>

# Inherited from

CoreAnnotationOptions.xScaleID

# Defined in

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

# xValue

• Optional xValue: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

AnnotationPointCoordinates.xValue

# Defined in

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

# yAdjust

• Optional yAdjust: Scriptable<number, PartialEventContext>

# Defined in

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

# yMax

• Optional yMax: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

CoreAnnotationOptions.yMax

# Defined in

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

# yMin

• Optional yMin: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

CoreAnnotationOptions.yMin

# Defined in

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

# yScaleID

• Optional yScaleID: Scriptable<string, PartialEventContext>

# Inherited from

CoreAnnotationOptions.yScaleID

# Defined in

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

# yValue

• Optional yValue: Scriptable<ScaleValue, PartialEventContext>

# Inherited from

AnnotationPointCoordinates.yValue

# Defined in

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

# z

• Optional z: Scriptable<number, PartialEventContext>

# Inherited from

CoreAnnotationOptions.z

# Defined in

options.d.ts:53 (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:25 (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:23 (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:24 (opens new window)

← →

- + diff --git a/master/api/interfaces/ShadowOptions.html b/master/api/interfaces/ShadowOptions.html index a3ff5617d..cc636efcf 100644 --- a/master/api/interfaces/ShadowOptions.html +++ b/master/api/interfaces/ShadowOptions.html @@ -7,7 +7,7 @@ - + @@ -31,11 +31,11 @@ Samples GitHub - (opens new window)

# Interface: ShadowOptions

# Hierarchy

# Properties

# backgroundShadowColor

• Optional backgroundShadowColor: Scriptable<Color, PartialEventContext>

# Defined in

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

# borderShadowColor

• Optional borderShadowColor: Scriptable<Color, PartialEventContext>

# Defined in

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

# shadowBlur

• Optional shadowBlur: Scriptable<number, PartialEventContext>

# Defined in

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

# shadowOffsetX

• Optional shadowOffsetX: Scriptable<number, PartialEventContext>

# Defined in

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

# shadowOffsetY

• Optional shadowOffsetY: Scriptable<number, PartialEventContext>

# Defined in

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

+ (opens new window)

# Interface: ShadowOptions

# Hierarchy

# Properties

# backgroundShadowColor

• Optional backgroundShadowColor: Scriptable<Color, PartialEventContext>

# Defined in

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

# borderShadowColor

• Optional borderShadowColor: Scriptable<Color, PartialEventContext>

# Defined in

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

# shadowBlur

• Optional shadowBlur: Scriptable<number, PartialEventContext>

# Defined in

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

# shadowOffsetX

• Optional shadowOffsetX: Scriptable<number, PartialEventContext>

# Defined in

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

# shadowOffsetY

• Optional shadowOffsetY: Scriptable<number, PartialEventContext>

# Defined in

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

←

- + diff --git a/master/assets/js/10.6293e61e.js b/master/assets/js/10.5a9502d6.js similarity index 99% rename from master/assets/js/10.6293e61e.js rename to master/assets/js/10.5a9502d6.js index c182f8ad1..08efc79e7 100644 --- a/master/assets/js/10.6293e61e.js +++ b/master/assets/js/10.5a9502d6.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[10],{262:function(t,e,o){t.exports=o.p+"assets/img/elementEllipseProps.ef1b550b.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:"ellipse-annotations"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#ellipse-annotations"}},[t._v("#")]),t._v(" Ellipse Annotations")]),t._v(" "),e("p",[t._v("Ellipse annotations are used to draw circles on the chart area. This can be useful for highlighting different areas of a chart.")]),t._v(" "),e("chart-editor",{attrs:{code:"/* */\nconst options = {\n plugins: {\n annotation: {\n annotations: {\n ellipse1: {\n type: 'ellipse',\n xMin: 1,\n xMax: 2,\n yMin: 50,\n yMax: 70,\n backgroundColor: 'rgba(255, 99, 132, 0.25)'\n }\n }\n }\n }\n};\n/* */\n\n/* */\nconst config = {\n type: 'line',\n data: {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\n datasets: [{\n label: 'My First Dataset',\n data: [65, 59, 80, 81, 56, 55, 40],\n fill: false,\n borderColor: 'rgb(75, 192, 192)',\n tension: 0.1\n }]\n },\n options\n};\n/* */\n\nmodule.exports = {\n config\n};\n"}}),e("h2",{attrs:{id:"configuration"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#configuration"}},[t._v("#")]),t._v(" Configuration")]),t._v(" "),e("h3",{attrs:{id:"ellipse-annotation-specific-options"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#ellipse-annotation-specific-options"}},[t._v("#")]),t._v(" Ellipse annotation specific options")]),t._v(" "),e("p",[t._v("The following options are available for ellipse annotations.")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"center"}},[e("RouterLink",{attrs:{to:"/guide/options.html#scriptable-options"}},[t._v("Scriptable")])],1),t._v(" "),e("th",[t._v("Default")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("backgroundShadowColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#color"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'transparent'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderWidth")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("1")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#label"}},[e("code",[t._v("label")])])]),t._v(" "),e("td",[e("code",[t._v("object")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td")]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("rotation")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])])])]),t._v(" "),e("h3",{attrs:{id:"common-options-to-all-annotations"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#common-options-to-all-annotations"}},[t._v("#")]),t._v(" Common options to all annotations")]),t._v(" "),e("p",[t._v("The following options are available for all annotations.")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"center"}},[e("RouterLink",{attrs:{to:"/guide/options.html#scriptable-options"}},[t._v("Scriptable")])],1),t._v(" "),e("th",[t._v("Default")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("adjustScaleRange")])])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("true")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("backgroundColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#color"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("options.color")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#color"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("options.color")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderDash")])])]),t._v(" "),e("td",[e("code",[t._v("number[]")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("[]")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderDashOffset")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderShadowColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#color"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'transparent'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("display")])])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("true")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("drawTime")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'afterDatasetsDraw'")])])]),t._v(" "),e("tr",[e("td",[e("RouterLink",{attrs:{to:"/guide/configuration.html#common"}},[e("code",[t._v("init")])])],1),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("RouterLink",{attrs:{to:"/guide/configuration.html#initial-animation"}},[t._v("See initial animation")])],1),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("id")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("No")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("shadowBlur")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("shadowOffsetX")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("shadowOffsetY")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("xMax")])])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v(" | "),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("xMin")])])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v(" | "),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("xScaleID")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("yMin")])])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v(" | "),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("yMax")])])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v(" | "),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("yScaleID")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("z")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])])])]),t._v(" "),e("h3",{attrs:{id:"general"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#general"}},[t._v("#")]),t._v(" General")]),t._v(" "),e("p",[t._v("If one of the axes does not match an axis in the chart, the ellipse will take the entire chart dimension. The 4 coordinates, xMin, xMax, yMin, yMax are optional. If not specified, the ellipse is expanded out to the edges in the respective direction.")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("adjustScaleRange")])]),t._v(" "),e("td",[t._v("Should the scale range be adjusted if this annotation is out of range.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("display")])]),t._v(" "),e("td",[t._v("Whether or not this annotation is visible.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("drawTime")])]),t._v(" "),e("td",[t._v("See "),e("RouterLink",{attrs:{to:"/guide/options.html#draw-time"}},[t._v("drawTime")]),t._v(".")],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("id")])]),t._v(" "),e("td",[t._v("Identifies a unique id for the annotation and it will be stored in the element context. When the annotations are defined by an object, the id is automatically set using the key used to store the annotations in the object. When the annotations are configured by an array, the id, passed by this option in the annotation, will be used.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("rotation")])]),t._v(" "),e("td",[t._v("Rotation of the ellipse in degrees, default is 0.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("xMax")])]),t._v(" "),e("td",[t._v("Right edge of the ellipse in units along the x axis.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("xMin")])]),t._v(" "),e("td",[t._v("Left edge of the ellipse in units along the x axis.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("xScaleID")])]),t._v(" "),e("td",[t._v("ID of the X scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as "),e("code",[t._v("'x'")]),t._v(" axis. If more than one scale has been defined in the chart as "),e("code",[t._v("'x'")]),t._v(" axis, the option is mandatory to select the right scale.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("yMax")])]),t._v(" "),e("td",[t._v("Bottom edge of the ellipse in units along the y axis.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("yMin")])]),t._v(" "),e("td",[t._v("Top edge of the ellipse in units along the y axis.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("yScaleID")])]),t._v(" "),e("td",[t._v("ID of the Y scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as "),e("code",[t._v("'y'")]),t._v(" axis. If more than one scale has been defined in the chart as "),e("code",[t._v("'y'")]),t._v(" axis, the option is mandatory to select the right scale.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("z")])]),t._v(" "),e("td",[t._v("The "),e("code",[t._v("z")]),t._v(" property determines the drawing stack level of the ellipse annotation element. All visible elements will be drawn in ascending order of "),e("code",[t._v("z")]),t._v(" option, with the same "),e("code",[t._v("drawTime")]),t._v(" option.")])])])]),t._v(" "),e("h3",{attrs:{id:"styling"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#styling"}},[t._v("#")]),t._v(" Styling")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("backgroundColor")])]),t._v(" "),e("td",[t._v("Fill color.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("backgroundShadowColor")])]),t._v(" "),e("td",[t._v("The color of shadow. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowColor",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderColor")])]),t._v(" "),e("td",[t._v("Stroke color.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderDash")])]),t._v(" "),e("td",[t._v("Length and spacing of dashes. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/setLineDash",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderDashOffset")])]),t._v(" "),e("td",[t._v("Offset for line dashes. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineDashOffset",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderShadowColor")])]),t._v(" "),e("td",[t._v("The color of the border shadow. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowColor",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderWidth")])]),t._v(" "),e("td",[t._v("Stroke width.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("shadowBlur")])]),t._v(" "),e("td",[t._v("The amount of blur applied to shadow. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowBlur",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("shadowOffsetX")])]),t._v(" "),e("td",[t._v("The distance that shadow will be offset horizontally. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowOffsetX",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("shadowOffsetY")])]),t._v(" "),e("td",[t._v("The distance that shadow will be offset vertically. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowOffsetY",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])])])]),t._v(" "),e("h2",{attrs:{id:"label"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#label"}},[t._v("#")]),t._v(" Label")]),t._v(" "),e("p",[t._v("Namespace: "),e("code",[t._v("options.annotations[annotationID].label")]),t._v(", it defines options for the the label of annotation.")]),t._v(" "),e("p",[t._v("All of these options can be "),e("RouterLink",{attrs:{to:"/guide/options.html#scriptable-options"}},[t._v("Scriptable")])],1),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"center"}},[t._v("Default")]),t._v(" "),e("th",[t._v("Notes")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("a",{attrs:{href:"#fonts-and-colors"}},[e("code",[t._v("color")])])]),t._v(" "),e("td",[e("a",{attrs:{href:"../options#color"}},[e("code",[t._v("Color")]),t._v("|"),e("code",[t._v("Color[]")])])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("'black'")])]),t._v(" "),e("td",[t._v("Text color.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("content")])]),t._v(" "),e("td",[e("code",[t._v("string")]),t._v("|"),e("code",[t._v("string[]")]),t._v("|"),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/Image",target:"_blank",rel:"noopener noreferrer"}},[e("code",[t._v("Image")]),e("OutboundLink")],1),t._v("|"),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement",target:"_blank",rel:"noopener noreferrer"}},[e("code",[t._v("HTMLCanvasElement")]),e("OutboundLink")],1)]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("null")])]),t._v(" "),e("td",[t._v("The content to show in the label.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("display")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("false")])]),t._v(" "),e("td",[t._v("Whether or not the label is shown.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("drawTime")])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("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("opacity")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("undefined")])]),t._v(" "),e("td",[t._v("Overrides the opacity of the image or canvas element. Could be set a number in the range 0.0 to 1.0, inclusive. If undefined, uses the opacity of the image or canvas element. It is used only when the content is an image or canvas element.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("padding")])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#padding"}},[e("code",[t._v("Padding")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("6")])]),t._v(" "),e("td",[t._v("The padding to add around the text label.")])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#position"}},[e("code",[t._v("position")])])]),t._v(" "),e("td",[e("code",[t._v("string")]),t._v("|"),e("code",[t._v("{x: string, y: string}")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("'center'")])]),t._v(" "),e("td",[t._v("Anchor position of label in the annotation.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("rotation")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("undefined")])]),t._v(" "),e("td",[t._v("Rotation of label, in degrees. If "),e("code",[t._v("undefined")]),t._v(", the annotation rotation is used.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("textAlign")])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("'start'")])]),t._v(" "),e("td",[t._v("Text alignment of label content when there's more than one line. Possible options are: "),e("code",[t._v("'left'")]),t._v(", "),e("code",[t._v("'start'")]),t._v(", "),e("code",[t._v("'center'")]),t._v(", "),e("code",[t._v("'end'")]),t._v(", "),e("code",[t._v("'right'")]),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("textStrokeColor")])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#color"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("undefined")])]),t._v(" "),e("td",[t._v("The color of the stroke around the text.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("textStrokeWidth")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("0")])]),t._v(" "),e("td",[t._v("Stroke width around the text.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("width")])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v("|"),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("undefined")])]),t._v(" "),e("td",[t._v("Overrides the width of the image or canvas element. Could be set in pixel by a number, or in percentage of current width of image or canvas element by a string. If undefined, uses the width of the image or canvas element. It is used only when the content is an image or canvas element.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("xAdjust")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("0")])]),t._v(" "),e("td",[t._v("Adjustment along x-axis (left-right) of label relative to computed position. Negative values move the label left, positive right.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("yAdjust")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("0")])]),t._v(" "),e("td",[t._v("Adjustment along y-axis (top-bottom) of label relative to computed position. Negative values move the label up, positive down.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("z")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("0")])]),t._v(" "),e("td",[t._v("It determines the drawing stack level of the label element, with same "),e("code",[t._v("drawTime")]),t._v(".")])])])]),t._v(" "),e("h3",{attrs:{id:"position"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#position"}},[t._v("#")]),t._v(" Position")]),t._v(" "),e("p",[t._v("A position can be set in 2 different values types:")]),t._v(" "),e("ol",[e("li",[e("code",[t._v("'start'")]),t._v(", "),e("code",[t._v("'center'")]),t._v(", "),e("code",[t._v("'end'")]),t._v(" which are defining where the label will be located")]),t._v(" "),e("li",[t._v("a "),e("code",[t._v("string")]),t._v(", in percentage format "),e("code",[t._v("'number%'")]),t._v(", is representing the percentage on the size where the label will be located")])]),t._v(" "),e("p",[t._v("If this value is a string (possible options are "),e("code",[t._v("'start'")]),t._v(", "),e("code",[t._v("'center'")]),t._v(", "),e("code",[t._v("'end'")]),t._v(" or a string in percentage format), it is applied to vertical and horizontal position in the annotation.")]),t._v(" "),e("p",[t._v("If this value is an object, the "),e("code",[t._v("x")]),t._v(" property defines the horizontal alignment in the annotation. Similarly, the "),e("code",[t._v("y")]),t._v(" property defines the vertical alignment in the annotation. Possible options for both properties are "),e("code",[t._v("'start'")]),t._v(", "),e("code",[t._v("'center'")]),t._v(", "),e("code",[t._v("'end'")]),t._v(", a string in percentage format. Omitted property have value of the default, "),e("code",[t._v("'center'")]),t._v(".")]),t._v(" "),e("h3",{attrs:{id:"fonts-and-colors"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#fonts-and-colors"}},[t._v("#")]),t._v(" Fonts and colors")]),t._v(" "),e("p",[t._v("When the label to draw has multiple lines, you can use different font and color for each line of the label. This is enabled configuring an array of fonts or colors for those options. When the lines are more than the configured fonts of colors, the last configuration of those options is used for all remaining lines.")]),t._v(" "),e("h2",{attrs:{id:"element"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#element"}},[t._v("#")]),t._v(" Element")]),t._v(" "),e("p",[t._v("The following diagram is showing the element properties about a "),e("code",[t._v("'ellipse'")]),t._v(" annotation:")]),t._v(" "),e("p",[e("img",{attrs:{src:o(262),alt:"ellipse"}})])],1)}),[],!1,null,null,null);e.default=a.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[10],{262:function(t,e,o){t.exports=o.p+"assets/img/elementEllipseProps.ef1b550b.png"},464:function(t,e,o){"use strict";o.r(e);var n=o(4),a=Object(n.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"ellipse-annotations"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#ellipse-annotations"}},[t._v("#")]),t._v(" Ellipse Annotations")]),t._v(" "),e("p",[t._v("Ellipse annotations are used to draw circles on the chart area. This can be useful for highlighting different areas of a chart.")]),t._v(" "),e("chart-editor",{attrs:{code:"/* */\nconst options = {\n plugins: {\n annotation: {\n annotations: {\n ellipse1: {\n type: 'ellipse',\n xMin: 1,\n xMax: 2,\n yMin: 50,\n yMax: 70,\n backgroundColor: 'rgba(255, 99, 132, 0.25)'\n }\n }\n }\n }\n};\n/* */\n\n/* */\nconst config = {\n type: 'line',\n data: {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\n datasets: [{\n label: 'My First Dataset',\n data: [65, 59, 80, 81, 56, 55, 40],\n fill: false,\n borderColor: 'rgb(75, 192, 192)',\n tension: 0.1\n }]\n },\n options\n};\n/* */\n\nmodule.exports = {\n config\n};\n"}}),e("h2",{attrs:{id:"configuration"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#configuration"}},[t._v("#")]),t._v(" Configuration")]),t._v(" "),e("h3",{attrs:{id:"ellipse-annotation-specific-options"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#ellipse-annotation-specific-options"}},[t._v("#")]),t._v(" Ellipse annotation specific options")]),t._v(" "),e("p",[t._v("The following options are available for ellipse annotations.")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"center"}},[e("RouterLink",{attrs:{to:"/guide/options.html#scriptable-options"}},[t._v("Scriptable")])],1),t._v(" "),e("th",[t._v("Default")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("backgroundShadowColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#color"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'transparent'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderWidth")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("1")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#label"}},[e("code",[t._v("label")])])]),t._v(" "),e("td",[e("code",[t._v("object")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td")]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("rotation")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])])])]),t._v(" "),e("h3",{attrs:{id:"common-options-to-all-annotations"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#common-options-to-all-annotations"}},[t._v("#")]),t._v(" Common options to all annotations")]),t._v(" "),e("p",[t._v("The following options are available for all annotations.")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"center"}},[e("RouterLink",{attrs:{to:"/guide/options.html#scriptable-options"}},[t._v("Scriptable")])],1),t._v(" "),e("th",[t._v("Default")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("adjustScaleRange")])])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("true")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("backgroundColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#color"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("options.color")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#color"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("options.color")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderDash")])])]),t._v(" "),e("td",[e("code",[t._v("number[]")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("[]")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderDashOffset")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderShadowColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#color"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'transparent'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("display")])])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("true")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("drawTime")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'afterDatasetsDraw'")])])]),t._v(" "),e("tr",[e("td",[e("RouterLink",{attrs:{to:"/guide/configuration.html#common"}},[e("code",[t._v("init")])])],1),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("RouterLink",{attrs:{to:"/guide/configuration.html#initial-animation"}},[t._v("See initial animation")])],1),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("id")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("No")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("shadowBlur")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("shadowOffsetX")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("shadowOffsetY")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("xMax")])])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v(" | "),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("xMin")])])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v(" | "),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("xScaleID")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("yMin")])])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v(" | "),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("yMax")])])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v(" | "),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("yScaleID")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("z")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])])])]),t._v(" "),e("h3",{attrs:{id:"general"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#general"}},[t._v("#")]),t._v(" General")]),t._v(" "),e("p",[t._v("If one of the axes does not match an axis in the chart, the ellipse will take the entire chart dimension. The 4 coordinates, xMin, xMax, yMin, yMax are optional. If not specified, the ellipse is expanded out to the edges in the respective direction.")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("adjustScaleRange")])]),t._v(" "),e("td",[t._v("Should the scale range be adjusted if this annotation is out of range.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("display")])]),t._v(" "),e("td",[t._v("Whether or not this annotation is visible.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("drawTime")])]),t._v(" "),e("td",[t._v("See "),e("RouterLink",{attrs:{to:"/guide/options.html#draw-time"}},[t._v("drawTime")]),t._v(".")],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("id")])]),t._v(" "),e("td",[t._v("Identifies a unique id for the annotation and it will be stored in the element context. When the annotations are defined by an object, the id is automatically set using the key used to store the annotations in the object. When the annotations are configured by an array, the id, passed by this option in the annotation, will be used.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("rotation")])]),t._v(" "),e("td",[t._v("Rotation of the ellipse in degrees, default is 0.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("xMax")])]),t._v(" "),e("td",[t._v("Right edge of the ellipse in units along the x axis.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("xMin")])]),t._v(" "),e("td",[t._v("Left edge of the ellipse in units along the x axis.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("xScaleID")])]),t._v(" "),e("td",[t._v("ID of the X scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as "),e("code",[t._v("'x'")]),t._v(" axis. If more than one scale has been defined in the chart as "),e("code",[t._v("'x'")]),t._v(" axis, the option is mandatory to select the right scale.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("yMax")])]),t._v(" "),e("td",[t._v("Bottom edge of the ellipse in units along the y axis.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("yMin")])]),t._v(" "),e("td",[t._v("Top edge of the ellipse in units along the y axis.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("yScaleID")])]),t._v(" "),e("td",[t._v("ID of the Y scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as "),e("code",[t._v("'y'")]),t._v(" axis. If more than one scale has been defined in the chart as "),e("code",[t._v("'y'")]),t._v(" axis, the option is mandatory to select the right scale.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("z")])]),t._v(" "),e("td",[t._v("The "),e("code",[t._v("z")]),t._v(" property determines the drawing stack level of the ellipse annotation element. All visible elements will be drawn in ascending order of "),e("code",[t._v("z")]),t._v(" option, with the same "),e("code",[t._v("drawTime")]),t._v(" option.")])])])]),t._v(" "),e("h3",{attrs:{id:"styling"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#styling"}},[t._v("#")]),t._v(" Styling")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("backgroundColor")])]),t._v(" "),e("td",[t._v("Fill color.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("backgroundShadowColor")])]),t._v(" "),e("td",[t._v("The color of shadow. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowColor",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderColor")])]),t._v(" "),e("td",[t._v("Stroke color.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderDash")])]),t._v(" "),e("td",[t._v("Length and spacing of dashes. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/setLineDash",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderDashOffset")])]),t._v(" "),e("td",[t._v("Offset for line dashes. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineDashOffset",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderShadowColor")])]),t._v(" "),e("td",[t._v("The color of the border shadow. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowColor",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderWidth")])]),t._v(" "),e("td",[t._v("Stroke width.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("shadowBlur")])]),t._v(" "),e("td",[t._v("The amount of blur applied to shadow. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowBlur",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("shadowOffsetX")])]),t._v(" "),e("td",[t._v("The distance that shadow will be offset horizontally. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowOffsetX",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("shadowOffsetY")])]),t._v(" "),e("td",[t._v("The distance that shadow will be offset vertically. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowOffsetY",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])])])]),t._v(" "),e("h2",{attrs:{id:"label"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#label"}},[t._v("#")]),t._v(" Label")]),t._v(" "),e("p",[t._v("Namespace: "),e("code",[t._v("options.annotations[annotationID].label")]),t._v(", it defines options for the the label of annotation.")]),t._v(" "),e("p",[t._v("All of these options can be "),e("RouterLink",{attrs:{to:"/guide/options.html#scriptable-options"}},[t._v("Scriptable")])],1),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"center"}},[t._v("Default")]),t._v(" "),e("th",[t._v("Notes")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("a",{attrs:{href:"#fonts-and-colors"}},[e("code",[t._v("color")])])]),t._v(" "),e("td",[e("a",{attrs:{href:"../options#color"}},[e("code",[t._v("Color")]),t._v("|"),e("code",[t._v("Color[]")])])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("'black'")])]),t._v(" "),e("td",[t._v("Text color.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("content")])]),t._v(" "),e("td",[e("code",[t._v("string")]),t._v("|"),e("code",[t._v("string[]")]),t._v("|"),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/Image",target:"_blank",rel:"noopener noreferrer"}},[e("code",[t._v("Image")]),e("OutboundLink")],1),t._v("|"),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement",target:"_blank",rel:"noopener noreferrer"}},[e("code",[t._v("HTMLCanvasElement")]),e("OutboundLink")],1)]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("null")])]),t._v(" "),e("td",[t._v("The content to show in the label.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("display")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("false")])]),t._v(" "),e("td",[t._v("Whether or not the label is shown.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("drawTime")])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("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("opacity")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("undefined")])]),t._v(" "),e("td",[t._v("Overrides the opacity of the image or canvas element. Could be set a number in the range 0.0 to 1.0, inclusive. If undefined, uses the opacity of the image or canvas element. It is used only when the content is an image or canvas element.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("padding")])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#padding"}},[e("code",[t._v("Padding")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("6")])]),t._v(" "),e("td",[t._v("The padding to add around the text label.")])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#position"}},[e("code",[t._v("position")])])]),t._v(" "),e("td",[e("code",[t._v("string")]),t._v("|"),e("code",[t._v("{x: string, y: string}")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("'center'")])]),t._v(" "),e("td",[t._v("Anchor position of label in the annotation.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("rotation")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("undefined")])]),t._v(" "),e("td",[t._v("Rotation of label, in degrees. If "),e("code",[t._v("undefined")]),t._v(", the annotation rotation is used.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("textAlign")])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("'start'")])]),t._v(" "),e("td",[t._v("Text alignment of label content when there's more than one line. Possible options are: "),e("code",[t._v("'left'")]),t._v(", "),e("code",[t._v("'start'")]),t._v(", "),e("code",[t._v("'center'")]),t._v(", "),e("code",[t._v("'end'")]),t._v(", "),e("code",[t._v("'right'")]),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("textStrokeColor")])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#color"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("undefined")])]),t._v(" "),e("td",[t._v("The color of the stroke around the text.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("textStrokeWidth")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("0")])]),t._v(" "),e("td",[t._v("Stroke width around the text.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("width")])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v("|"),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("undefined")])]),t._v(" "),e("td",[t._v("Overrides the width of the image or canvas element. Could be set in pixel by a number, or in percentage of current width of image or canvas element by a string. If undefined, uses the width of the image or canvas element. It is used only when the content is an image or canvas element.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("xAdjust")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("0")])]),t._v(" "),e("td",[t._v("Adjustment along x-axis (left-right) of label relative to computed position. Negative values move the label left, positive right.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("yAdjust")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("0")])]),t._v(" "),e("td",[t._v("Adjustment along y-axis (top-bottom) of label relative to computed position. Negative values move the label up, positive down.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("z")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("0")])]),t._v(" "),e("td",[t._v("It determines the drawing stack level of the label element, with same "),e("code",[t._v("drawTime")]),t._v(".")])])])]),t._v(" "),e("h3",{attrs:{id:"position"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#position"}},[t._v("#")]),t._v(" Position")]),t._v(" "),e("p",[t._v("A position can be set in 2 different values types:")]),t._v(" "),e("ol",[e("li",[e("code",[t._v("'start'")]),t._v(", "),e("code",[t._v("'center'")]),t._v(", "),e("code",[t._v("'end'")]),t._v(" which are defining where the label will be located")]),t._v(" "),e("li",[t._v("a "),e("code",[t._v("string")]),t._v(", in percentage format "),e("code",[t._v("'number%'")]),t._v(", is representing the percentage on the size where the label will be located")])]),t._v(" "),e("p",[t._v("If this value is a string (possible options are "),e("code",[t._v("'start'")]),t._v(", "),e("code",[t._v("'center'")]),t._v(", "),e("code",[t._v("'end'")]),t._v(" or a string in percentage format), it is applied to vertical and horizontal position in the annotation.")]),t._v(" "),e("p",[t._v("If this value is an object, the "),e("code",[t._v("x")]),t._v(" property defines the horizontal alignment in the annotation. Similarly, the "),e("code",[t._v("y")]),t._v(" property defines the vertical alignment in the annotation. Possible options for both properties are "),e("code",[t._v("'start'")]),t._v(", "),e("code",[t._v("'center'")]),t._v(", "),e("code",[t._v("'end'")]),t._v(", a string in percentage format. Omitted property have value of the default, "),e("code",[t._v("'center'")]),t._v(".")]),t._v(" "),e("h3",{attrs:{id:"fonts-and-colors"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#fonts-and-colors"}},[t._v("#")]),t._v(" Fonts and colors")]),t._v(" "),e("p",[t._v("When the label to draw has multiple lines, you can use different font and color for each line of the label. This is enabled configuring an array of fonts or colors for those options. When the lines are more than the configured fonts of colors, the last configuration of those options is used for all remaining lines.")]),t._v(" "),e("h2",{attrs:{id:"element"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#element"}},[t._v("#")]),t._v(" Element")]),t._v(" "),e("p",[t._v("The following diagram is showing the element properties about a "),e("code",[t._v("'ellipse'")]),t._v(" annotation:")]),t._v(" "),e("p",[e("img",{attrs:{src:o(262),alt:"ellipse"}})])],1)}),[],!1,null,null,null);e.default=a.exports}}]); \ No newline at end of file diff --git a/master/assets/js/104.ec602c76.js b/master/assets/js/104.5101304a.js similarity index 98% rename from master/assets/js/104.ec602c76.js rename to master/assets/js/104.5101304a.js index 02d26082b..fc0099bfa 100644 --- a/master/assets/js/104.ec602c76.js +++ b/master/assets/js/104.5101304a.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[104],{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([[104],{522:function(n,t,a){"use strict";a.r(t);var o=a(4),e=Object(o.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"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/105.555c801d.js b/master/assets/js/105.0f40cc6c.js similarity index 99% rename from master/assets/js/105.555c801d.js rename to master/assets/js/105.0f40cc6c.js index 7a226ce86..47872bb92 100644 --- a/master/assets/js/105.555c801d.js +++ b/master/assets/js/105.0f40cc6c.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[105],{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([[105],{521: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.96aa9989.js b/master/assets/js/11.b45d9390.js similarity index 99% rename from master/assets/js/11.96aa9989.js rename to master/assets/js/11.b45d9390.js index 631f654e3..95fbc7f07 100644 --- a/master/assets/js/11.96aa9989.js +++ b/master/assets/js/11.b45d9390.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("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'afterDatasetsDraw'")])])]),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("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"},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:"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("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'afterDatasetsDraw'")])])]),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("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.fae4783b.js b/master/assets/js/12.1f0c7a62.js similarity index 99% rename from master/assets/js/12.fae4783b.js rename to master/assets/js/12.1f0c7a62.js index 43d5d8ca8..a2b222363 100644 --- a/master/assets/js/12.fae4783b.js +++ b/master/assets/js/12.1f0c7a62.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[12],{264:function(e,t,o){e.exports=o.p+"assets/img/elementLineProps.67f9d0c4.png"},466: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("td",{staticStyle:{"text-align":"center"}},[e._v("Yes")]),e._v(" "),t("td",[t("code",[e._v("'afterDatasetsDraw'")])])]),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("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("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("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"},467: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("td",{staticStyle:{"text-align":"center"}},[e._v("Yes")]),e._v(" "),t("td",[t("code",[e._v("'afterDatasetsDraw'")])])]),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("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("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("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/16.f328123e.js b/master/assets/js/16.f5c0cafd.js similarity index 94% rename from master/assets/js/16.f328123e.js rename to master/assets/js/16.f5c0cafd.js index 076c33888..c7b2caa53 100644 --- a/master/assets/js/16.f328123e.js +++ b/master/assets/js/16.f5c0cafd.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[16],{425: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/e800389/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/e800389/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/e800389/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("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/e800389/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/e800389/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/e800389/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/e800389/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/e800389/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/e800389/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("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/e800389/types/index.d.ts#L20",target:"_blank",rel:"noopener noreferrer"}},[t._v("index.d.ts:20"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=o.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[16],{425: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/e94475c/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/e94475c/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/e94475c/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("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/e94475c/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/e94475c/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/e94475c/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/e94475c/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/e94475c/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/e94475c/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("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/e94475c/types/index.d.ts#L20",target:"_blank",rel:"noopener noreferrer"}},[t._v("index.d.ts:20"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=o.exports}}]); \ No newline at end of file diff --git a/master/assets/js/17.67b3ed62.js b/master/assets/js/17.eafea8b5.js similarity index 89% rename from master/assets/js/17.67b3ed62.js rename to master/assets/js/17.eafea8b5.js index d51062a4e..a529bb2d9 100644 --- a/master/assets/js/17.67b3ed62.js +++ b/master/assets/js/17.eafea8b5.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[17],{426:function(t,e,r){"use strict";r.r(e);var n=r(4),a=Object(n.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"interface-annotationboxmodel"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-annotationboxmodel"}},[t._v("#")]),t._v(" Interface: AnnotationBoxModel")]),t._v(" "),e("h2",{attrs:{id:"hierarchy"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hierarchy"}},[t._v("#")]),t._v(" Hierarchy")]),t._v(" "),e("ul",[e("li",[e("p",[e("strong",[e("code",[t._v("AnnotationBoxModel")])])]),t._v(" "),e("p",[t._v("↳ "),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationElement.html"}},[e("code",[t._v("AnnotationElement")])])],1)])]),t._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),e("h3",{attrs:{id:"centerx"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#centerx"}},[t._v("#")]),t._v(" centerX")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("centerX")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/e800389/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/e800389/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/e800389/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/e800389/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/e800389/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/e800389/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/e800389/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/e800389/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/e800389/types/element.d.ts#L7",target:"_blank",rel:"noopener noreferrer"}},[t._v("element.d.ts:7"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=a.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[17],{427:function(t,e,r){"use strict";r.r(e);var n=r(4),a=Object(n.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"interface-annotationboxmodel"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-annotationboxmodel"}},[t._v("#")]),t._v(" Interface: AnnotationBoxModel")]),t._v(" "),e("h2",{attrs:{id:"hierarchy"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hierarchy"}},[t._v("#")]),t._v(" Hierarchy")]),t._v(" "),e("ul",[e("li",[e("p",[e("strong",[e("code",[t._v("AnnotationBoxModel")])])]),t._v(" "),e("p",[t._v("↳ "),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationElement.html"}},[e("code",[t._v("AnnotationElement")])])],1)])]),t._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),e("h3",{attrs:{id:"centerx"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#centerx"}},[t._v("#")]),t._v(" centerX")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("centerX")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/e94475c/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/e94475c/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/e94475c/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/e94475c/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/e94475c/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/e94475c/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/e94475c/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/e94475c/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/e94475c/types/element.d.ts#L7",target:"_blank",rel:"noopener noreferrer"}},[t._v("element.d.ts:7"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=a.exports}}]); \ No newline at end of file diff --git a/master/assets/js/18.e35bf20c.js b/master/assets/js/18.c955bee9.js similarity index 92% rename from master/assets/js/18.e35bf20c.js rename to master/assets/js/18.c955bee9.js index e80af5594..ea0933172 100644 --- a/master/assets/js/18.e35bf20c.js +++ b/master/assets/js/18.c955bee9.js @@ -1 +1 @@ -(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/e800389/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/e800389/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/e800389/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/e800389/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/e800389/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/e800389/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/e800389/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/e800389/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/e800389/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/e800389/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/e800389/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],{426:function(t,e,r){"use strict";r.r(e);var n=r(4),a=Object(n.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"interface-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/e94475c/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/e94475c/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/e94475c/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/e94475c/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/e94475c/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/e94475c/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/e94475c/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/e94475c/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/e94475c/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/e94475c/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/e94475c/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.d8195a2f.js b/master/assets/js/19.d05958b3.js similarity index 96% rename from master/assets/js/19.d8195a2f.js rename to master/assets/js/19.d05958b3.js index 94d731158..139804d00 100644 --- a/master/assets/js/19.d8195a2f.js +++ b/master/assets/js/19.d05958b3.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[19],{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-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/e800389/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:"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/e800389/types/events.d.ts#L23",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:23"),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/e800389/types/events.d.ts#L24",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:24"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=r.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[19],{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-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/e94475c/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:"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/e94475c/types/events.d.ts#L23",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:23"),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/e94475c/types/events.d.ts#L24",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:24"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=r.exports}}]); \ No newline at end of file diff --git a/master/assets/js/20.11fc2039.js b/master/assets/js/20.c3deff0a.js similarity index 96% rename from master/assets/js/20.11fc2039.js rename to master/assets/js/20.c3deff0a.js index 047ecc08c..c5b887a74 100644 --- a/master/assets/js/20.11fc2039.js +++ b/master/assets/js/20.c3deff0a.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[20],{429: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/e800389/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/e800389/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],{429: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/e94475c/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/e94475c/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.c40f94cf.js b/master/assets/js/21.2e05b4c5.js similarity index 95% rename from master/assets/js/21.c40f94cf.js rename to master/assets/js/21.2e05b4c5.js index f68ad98f3..0283d6e20 100644 --- a/master/assets/js/21.c40f94cf.js +++ b/master/assets/js/21.2e05b4c5.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[21],{430: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/e800389/types/options.d.ts#L152",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:152"),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/e800389/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:"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/e800389/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:"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/e800389/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:"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/e800389/types/options.d.ts#L156",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:156"),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/e800389/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/e800389/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/e800389/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:"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/e800389/types/events.d.ts#L23",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:23"),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/e800389/types/events.d.ts#L24",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:24"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=r.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[21],{430: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/e94475c/types/options.d.ts#L152",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:152"),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/e94475c/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:"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/e94475c/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:"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/e94475c/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:"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/e94475c/types/options.d.ts#L156",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:156"),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/e94475c/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/e94475c/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/e94475c/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:"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/e94475c/types/events.d.ts#L23",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:23"),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/e94475c/types/events.d.ts#L24",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:24"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=r.exports}}]); \ No newline at end of file diff --git a/master/assets/js/22.e465089a.js b/master/assets/js/22.5ddcb4c0.js similarity index 95% rename from master/assets/js/22.e465089a.js rename to master/assets/js/22.5ddcb4c0.js index ff9789226..cbad8c28d 100644 --- a/master/assets/js/22.e465089a.js +++ b/master/assets/js/22.5ddcb4c0.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[22],{431:function(t,a,e){"use strict";e.r(a);var n=e(4),o=Object(n.a)({},(function(){var t=this,a=t._self._c;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"interface-annotationpointcoordinates"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#interface-annotationpointcoordinates"}},[t._v("#")]),t._v(" Interface: AnnotationPointCoordinates")]),t._v(" "),a("h2",{attrs:{id:"hierarchy"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#hierarchy"}},[t._v("#")]),t._v(" Hierarchy")]),t._v(" "),a("ul",[a("li",[a("p",[a("strong",[a("code",[t._v("AnnotationPointCoordinates")])])]),t._v(" "),a("p",[t._v("↳ "),a("RouterLink",{attrs:{to:"/api/interfaces/PointAnnotationOptions.html"}},[a("code",[t._v("PointAnnotationOptions")])])],1),t._v(" "),a("p",[t._v("↳ "),a("RouterLink",{attrs:{to:"/api/interfaces/LabelAnnotationOptions.html"}},[a("code",[t._v("LabelAnnotationOptions")])])],1),t._v(" "),a("p",[t._v("↳ "),a("RouterLink",{attrs:{to:"/api/interfaces/PolygonAnnotationOptions.html"}},[a("code",[t._v("PolygonAnnotationOptions")])])],1)])]),t._v(" "),a("h2",{attrs:{id:"properties"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),a("h3",{attrs:{id:"xvalue"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#xvalue"}},[t._v("#")]),t._v(" xValue")]),t._v(" "),a("p",[t._v("• "),a("code",[t._v("Optional")]),t._v(" "),a("strong",[t._v("xValue")]),t._v(": "),a("RouterLink",{attrs:{to:"/api/#scriptable"}},[a("code",[t._v("Scriptable")])]),t._v("<"),a("RouterLink",{attrs:{to:"/api/#scalevalue"}},[a("code",[t._v("ScaleValue")])]),t._v(", "),a("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[a("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),a("h4",{attrs:{id:"defined-in"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),a("p",[a("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/e800389/types/options.d.ts#L57",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:57"),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/e800389/types/options.d.ts#L58",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:58"),a("OutboundLink")],1)])])}),[],!1,null,null,null);a.default=o.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[22],{431:function(t,a,e){"use strict";e.r(a);var n=e(4),o=Object(n.a)({},(function(){var t=this,a=t._self._c;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"interface-annotationpointcoordinates"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#interface-annotationpointcoordinates"}},[t._v("#")]),t._v(" Interface: AnnotationPointCoordinates")]),t._v(" "),a("h2",{attrs:{id:"hierarchy"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#hierarchy"}},[t._v("#")]),t._v(" Hierarchy")]),t._v(" "),a("ul",[a("li",[a("p",[a("strong",[a("code",[t._v("AnnotationPointCoordinates")])])]),t._v(" "),a("p",[t._v("↳ "),a("RouterLink",{attrs:{to:"/api/interfaces/PointAnnotationOptions.html"}},[a("code",[t._v("PointAnnotationOptions")])])],1),t._v(" "),a("p",[t._v("↳ "),a("RouterLink",{attrs:{to:"/api/interfaces/LabelAnnotationOptions.html"}},[a("code",[t._v("LabelAnnotationOptions")])])],1),t._v(" "),a("p",[t._v("↳ "),a("RouterLink",{attrs:{to:"/api/interfaces/PolygonAnnotationOptions.html"}},[a("code",[t._v("PolygonAnnotationOptions")])])],1)])]),t._v(" "),a("h2",{attrs:{id:"properties"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),a("h3",{attrs:{id:"xvalue"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#xvalue"}},[t._v("#")]),t._v(" xValue")]),t._v(" "),a("p",[t._v("• "),a("code",[t._v("Optional")]),t._v(" "),a("strong",[t._v("xValue")]),t._v(": "),a("RouterLink",{attrs:{to:"/api/#scriptable"}},[a("code",[t._v("Scriptable")])]),t._v("<"),a("RouterLink",{attrs:{to:"/api/#scalevalue"}},[a("code",[t._v("ScaleValue")])]),t._v(", "),a("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[a("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),a("h4",{attrs:{id:"defined-in"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),a("p",[a("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/e94475c/types/options.d.ts#L57",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:57"),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/e94475c/types/options.d.ts#L58",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:58"),a("OutboundLink")],1)])])}),[],!1,null,null,null);a.default=o.exports}}]); \ No newline at end of file diff --git a/master/assets/js/23.3418c007.js b/master/assets/js/23.6da6e2f9.js similarity index 90% rename from master/assets/js/23.3418c007.js rename to master/assets/js/23.6da6e2f9.js index d62554975..0a0c44d06 100644 --- a/master/assets/js/23.3418c007.js +++ b/master/assets/js/23.6da6e2f9.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[23],{433:function(t,n,e){"use strict";e.r(n);var a=e(4),o=Object(a.a)({},(function(){var t=this,n=t._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[n("h1",{attrs:{id:"interface-annotationtyperegistry"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#interface-annotationtyperegistry"}},[t._v("#")]),t._v(" Interface: AnnotationTypeRegistry")]),t._v(" "),n("h2",{attrs:{id:"properties"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),n("h3",{attrs:{id:"box"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#box"}},[t._v("#")]),t._v(" box")]),t._v(" "),n("p",[t._v("• "),n("strong",[t._v("box")]),t._v(": "),n("RouterLink",{attrs:{to:"/api/interfaces/BoxAnnotationOptions.html"}},[n("code",[t._v("BoxAnnotationOptions")])])],1),t._v(" "),n("h4",{attrs:{id:"defined-in"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),n("p",[n("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/e800389/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/e800389/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/e800389/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/e800389/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/e800389/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/e800389/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/e94475c/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/e94475c/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/e94475c/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/e94475c/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/e94475c/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/e94475c/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.383ea9f5.js b/master/assets/js/24.d7e66a85.js similarity index 93% rename from master/assets/js/24.383ea9f5.js rename to master/assets/js/24.d7e66a85.js index 56169904d..31e898936 100644 --- a/master/assets/js/24.383ea9f5.js +++ b/master/assets/js/24.d7e66a85.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[24],{432: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/e800389/types/options.d.ts#L62",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:62"),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/e800389/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/e800389/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:"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/e800389/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:"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/e800389/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:"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/e800389/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/e800389/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:"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/e800389/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:"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/e800389/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:"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/e800389/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:"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/e800389/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/e800389/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/e800389/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/e800389/types/options.d.ts#L70",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:70"),r("OutboundLink")],1)])])}),[],!1,null,null,null);r.default=o.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[24],{433:function(t,r,e){"use strict";e.r(r);var a=e(4),o=Object(a.a)({},(function(){var t=this,r=t._self._c;return r("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[r("h1",{attrs:{id:"interface-arrowheadoptions"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#interface-arrowheadoptions"}},[t._v("#")]),t._v(" Interface: ArrowHeadOptions")]),t._v(" "),r("h2",{attrs:{id:"hierarchy"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#hierarchy"}},[t._v("#")]),t._v(" Hierarchy")]),t._v(" "),r("ul",[r("li",[r("p",[r("RouterLink",{attrs:{to:"/api/interfaces/ShadowOptions.html"}},[r("code",[t._v("ShadowOptions")])])],1),t._v(" "),r("p",[t._v("↳ "),r("strong",[r("code",[t._v("ArrowHeadOptions")])])]),t._v(" "),r("p",[t._v("↳↳ "),r("RouterLink",{attrs:{to:"/api/interfaces/ArrowHeadsOptions.html"}},[r("code",[t._v("ArrowHeadsOptions")])])],1)])]),t._v(" "),r("h2",{attrs:{id:"properties"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),r("h3",{attrs:{id:"backgroundcolor"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#backgroundcolor"}},[t._v("#")]),t._v(" backgroundColor")]),t._v(" "),r("p",[t._v("• "),r("code",[t._v("Optional")]),t._v(" "),r("strong",[t._v("backgroundColor")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptable"}},[r("code",[t._v("Scriptable")])]),t._v("<"),r("code",[t._v("Color")]),t._v(", "),r("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[r("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),r("h4",{attrs:{id:"defined-in"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/e94475c/types/options.d.ts#L62",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:62"),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/e94475c/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/e94475c/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:"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/e94475c/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:"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/e94475c/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:"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/e94475c/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/e94475c/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:"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/e94475c/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:"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/e94475c/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:"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/e94475c/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:"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/e94475c/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/e94475c/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/e94475c/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/e94475c/types/options.d.ts#L70",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:70"),r("OutboundLink")],1)])])}),[],!1,null,null,null);r.default=o.exports}}]); \ No newline at end of file diff --git a/master/assets/js/25.6a569c47.js b/master/assets/js/25.84fc9513.js similarity index 94% rename from master/assets/js/25.6a569c47.js rename to master/assets/js/25.84fc9513.js index 0e5aecf3a..6ccc0ca64 100644 --- a/master/assets/js/25.6a569c47.js +++ b/master/assets/js/25.84fc9513.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[25],{434:function(t,r,e){"use strict";e.r(r);var a=e(4),o=Object(a.a)({},(function(){var t=this,r=t._self._c;return r("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[r("h1",{attrs:{id:"interface-arrowheadsoptions"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#interface-arrowheadsoptions"}},[t._v("#")]),t._v(" Interface: ArrowHeadsOptions")]),t._v(" "),r("h2",{attrs:{id:"hierarchy"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#hierarchy"}},[t._v("#")]),t._v(" Hierarchy")]),t._v(" "),r("ul",[r("li",[r("p",[r("RouterLink",{attrs:{to:"/api/interfaces/ArrowHeadOptions.html"}},[r("code",[t._v("ArrowHeadOptions")])])],1),t._v(" "),r("p",[t._v("↳ "),r("strong",[r("code",[t._v("ArrowHeadsOptions")])])])])]),t._v(" "),r("h2",{attrs:{id:"properties"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),r("h3",{attrs:{id:"backgroundcolor"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#backgroundcolor"}},[t._v("#")]),t._v(" backgroundColor")]),t._v(" "),r("p",[t._v("• "),r("code",[t._v("Optional")]),t._v(" "),r("strong",[t._v("backgroundColor")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptable"}},[r("code",[t._v("Scriptable")])]),t._v("<"),r("code",[t._v("Color")]),t._v(", "),r("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[r("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),r("h4",{attrs:{id:"inherited-from"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),r("p",[r("RouterLink",{attrs:{to:"/api/interfaces/ArrowHeadOptions.html"}},[t._v("ArrowHeadOptions")]),t._v("."),r("RouterLink",{attrs:{to:"/api/interfaces/ArrowHeadOptions.html#backgroundcolor"}},[t._v("backgroundColor")])],1),t._v(" "),r("h4",{attrs:{id:"defined-in"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/e800389/types/options.d.ts#L62",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:62"),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/e800389/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/e800389/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:"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/e800389/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:"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/e800389/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:"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/e800389/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/e800389/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:"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/e800389/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:"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/e800389/types/options.d.ts#L74",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:74"),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/e800389/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:"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/e800389/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:"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/e800389/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/e800389/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/e800389/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/e800389/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:"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/e800389/types/options.d.ts#L70",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:70"),r("OutboundLink")],1)])])}),[],!1,null,null,null);r.default=o.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[25],{434:function(t,r,e){"use strict";e.r(r);var a=e(4),o=Object(a.a)({},(function(){var t=this,r=t._self._c;return r("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[r("h1",{attrs:{id:"interface-arrowheadsoptions"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#interface-arrowheadsoptions"}},[t._v("#")]),t._v(" Interface: ArrowHeadsOptions")]),t._v(" "),r("h2",{attrs:{id:"hierarchy"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#hierarchy"}},[t._v("#")]),t._v(" Hierarchy")]),t._v(" "),r("ul",[r("li",[r("p",[r("RouterLink",{attrs:{to:"/api/interfaces/ArrowHeadOptions.html"}},[r("code",[t._v("ArrowHeadOptions")])])],1),t._v(" "),r("p",[t._v("↳ "),r("strong",[r("code",[t._v("ArrowHeadsOptions")])])])])]),t._v(" "),r("h2",{attrs:{id:"properties"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),r("h3",{attrs:{id:"backgroundcolor"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#backgroundcolor"}},[t._v("#")]),t._v(" backgroundColor")]),t._v(" "),r("p",[t._v("• "),r("code",[t._v("Optional")]),t._v(" "),r("strong",[t._v("backgroundColor")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptable"}},[r("code",[t._v("Scriptable")])]),t._v("<"),r("code",[t._v("Color")]),t._v(", "),r("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[r("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),r("h4",{attrs:{id:"inherited-from"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),r("p",[r("RouterLink",{attrs:{to:"/api/interfaces/ArrowHeadOptions.html"}},[t._v("ArrowHeadOptions")]),t._v("."),r("RouterLink",{attrs:{to:"/api/interfaces/ArrowHeadOptions.html#backgroundcolor"}},[t._v("backgroundColor")])],1),t._v(" "),r("h4",{attrs:{id:"defined-in"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/e94475c/types/options.d.ts#L62",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:62"),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/e94475c/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/e94475c/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:"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/e94475c/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:"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/e94475c/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:"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/e94475c/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/e94475c/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:"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/e94475c/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:"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/e94475c/types/options.d.ts#L74",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:74"),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/e94475c/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:"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/e94475c/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:"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/e94475c/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/e94475c/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/e94475c/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/e94475c/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:"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/e94475c/types/options.d.ts#L70",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:70"),r("OutboundLink")],1)])])}),[],!1,null,null,null);r.default=o.exports}}]); \ No newline at end of file diff --git a/master/assets/js/26.f448fd15.js b/master/assets/js/26.ab4504f4.js similarity index 95% rename from master/assets/js/26.f448fd15.js rename to master/assets/js/26.ab4504f4.js index 4561b91d1..0c9378690 100644 --- a/master/assets/js/26.f448fd15.js +++ b/master/assets/js/26.ab4504f4.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[26],{436:function(t,e,r){"use strict";r.r(e);var a=r(4),o=Object(a.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"interface-boxannotationoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-boxannotationoptions"}},[t._v("#")]),t._v(" Interface: BoxAnnotationOptions")]),t._v(" "),e("h2",{attrs:{id:"hierarchy"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hierarchy"}},[t._v("#")]),t._v(" Hierarchy")]),t._v(" "),e("ul",[e("li",[e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[e("code",[t._v("CoreAnnotationOptions")])])],1),t._v(" "),e("p",[t._v("↳ "),e("strong",[e("code",[t._v("BoxAnnotationOptions")])])])])]),t._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),e("h3",{attrs:{id:"adjustscalerange"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#adjustscalerange"}},[t._v("#")]),t._v(" adjustScaleRange")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("adjustScaleRange")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("boolean")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#adjustscalerange"}},[t._v("adjustScaleRange")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/e800389/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/e800389/types/options.d.ts#L94",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:94"),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/e800389/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/e800389/types/options.d.ts#L99",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.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/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/e800389/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/e800389/types/options.d.ts#L104",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.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:"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/e800389/types/options.d.ts#L109",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.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-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/e800389/types/options.d.ts#L114",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.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("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/e800389/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:"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/e800389/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/e800389/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/e800389/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/e800389/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:"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-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#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/e800389/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:"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("chart")]),t._v(": "),e("code",[t._v("Chart")]),t._v(", "),e("code",[t._v("properties")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationBoxModel.html"}},[e("code",[t._v("AnnotationBoxModel")])]),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("boolean")]),t._v(" | "),e("code",[t._v("void")]),t._v(" | "),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationElement.html"}},[e("code",[t._v("AnnotationElement")])])],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#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/e800389/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:"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-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/e800389/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:"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-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/e800389/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:"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-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#shadowblur"}},[t._v("shadowBlur")])],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/e800389/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-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#shadowoffsetx"}},[t._v("shadowOffsetX")])],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/e800389/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-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#shadowoffsety"}},[t._v("shadowOffsetY")])],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/e800389/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-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#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/e800389/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:"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-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#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/e800389/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:"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-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#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/e800389/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:"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-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#ymax"}},[t._v("yMax")])],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/e800389/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:"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-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#ymin"}},[t._v("yMin")])],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/e800389/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:"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-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#yscaleid"}},[t._v("yScaleID")])],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/e800389/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:"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-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#z"}},[t._v("z")])],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/e800389/types/options.d.ts#L53",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:53"),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-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#afterdraw"}},[t._v("afterDraw")])],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/e800389/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-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#beforedraw"}},[t._v("beforeDraw")])],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/e800389/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-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#click"}},[t._v("click")])],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/e800389/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:"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-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#enter"}},[t._v("enter")])],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/e800389/types/events.d.ts#L23",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:23"),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-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#leave"}},[t._v("leave")])],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/e800389/types/events.d.ts#L24",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:24"),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,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/e94475c/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/e94475c/types/options.d.ts#L94",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:94"),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/e94475c/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/e94475c/types/options.d.ts#L99",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.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/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/e94475c/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/e94475c/types/options.d.ts#L104",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.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:"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/e94475c/types/options.d.ts#L109",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.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-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/e94475c/types/options.d.ts#L114",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.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("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/e94475c/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:"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/e94475c/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/e94475c/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/e94475c/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/e94475c/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:"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-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#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/e94475c/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:"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("chart")]),t._v(": "),e("code",[t._v("Chart")]),t._v(", "),e("code",[t._v("properties")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationBoxModel.html"}},[e("code",[t._v("AnnotationBoxModel")])]),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("boolean")]),t._v(" | "),e("code",[t._v("void")]),t._v(" | "),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationElement.html"}},[e("code",[t._v("AnnotationElement")])])],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#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/e94475c/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:"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-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/e94475c/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:"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-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/e94475c/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:"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-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#shadowblur"}},[t._v("shadowBlur")])],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/e94475c/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-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#shadowoffsetx"}},[t._v("shadowOffsetX")])],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/e94475c/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-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#shadowoffsety"}},[t._v("shadowOffsetY")])],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/e94475c/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-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#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/e94475c/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:"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-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#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/e94475c/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:"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-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#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/e94475c/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:"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-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#ymax"}},[t._v("yMax")])],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/e94475c/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:"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-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#ymin"}},[t._v("yMin")])],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/e94475c/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:"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-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#yscaleid"}},[t._v("yScaleID")])],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/e94475c/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:"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-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#z"}},[t._v("z")])],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/e94475c/types/options.d.ts#L53",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:53"),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-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#afterdraw"}},[t._v("afterDraw")])],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/e94475c/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-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#beforedraw"}},[t._v("beforeDraw")])],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/e94475c/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-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#click"}},[t._v("click")])],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/e94475c/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:"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-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#enter"}},[t._v("enter")])],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/e94475c/types/events.d.ts#L23",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:23"),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-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#leave"}},[t._v("leave")])],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/e94475c/types/events.d.ts#L24",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:24"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=o.exports}}]); \ No newline at end of file diff --git a/master/assets/js/27.cd9c1f0a.js b/master/assets/js/27.a16ddd12.js similarity index 95% rename from master/assets/js/27.cd9c1f0a.js rename to master/assets/js/27.a16ddd12.js index 43e508fbf..1573e193e 100644 --- a/master/assets/js/27.cd9c1f0a.js +++ b/master/assets/js/27.a16ddd12.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[27],{435: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/e800389/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/e800389/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/e800389/types/label.d.ts#L143",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:143"),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/e800389/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/e800389/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/e800389/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-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/e800389/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-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/e800389/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-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/e800389/types/label.d.ts#L138",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:138"),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-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/e800389/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:"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-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/e800389/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-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/e800389/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-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/e800389/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-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/e800389/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-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/e800389/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-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/e800389/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-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/e800389/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],{436: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/e94475c/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/e94475c/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/e94475c/types/label.d.ts#L143",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:143"),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/e94475c/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/e94475c/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/e94475c/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-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/e94475c/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-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/e94475c/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-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/e94475c/types/label.d.ts#L138",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:138"),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-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/e94475c/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:"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-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/e94475c/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-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/e94475c/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-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/e94475c/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-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/e94475c/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-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/e94475c/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-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/e94475c/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-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/e94475c/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.376e0e52.js b/master/assets/js/28.f1e17ecb.js similarity index 92% rename from master/assets/js/28.376e0e52.js rename to master/assets/js/28.f1e17ecb.js index aa828e80e..1f21c6b51 100644 --- a/master/assets/js/28.376e0e52.js +++ b/master/assets/js/28.f1e17ecb.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[28],{437: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/e800389/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/e800389/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/e800389/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/e800389/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/e800389/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/e800389/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/e800389/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/e800389/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/e800389/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/e800389/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/e800389/types/label.d.ts#L37",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:37"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=n.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[28],{438:function(t,e,a){"use strict";a.r(e);var r=a(4),n=Object(r.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"interface-calloutoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-calloutoptions"}},[t._v("#")]),t._v(" Interface: CalloutOptions")]),t._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),e("h3",{attrs:{id:"bordercapstyle"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#bordercapstyle"}},[t._v("#")]),t._v(" borderCapStyle")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("borderCapStyle")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("CanvasLineCap")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/e94475c/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/e94475c/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/e94475c/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/e94475c/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/e94475c/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/e94475c/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/e94475c/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/e94475c/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/e94475c/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/e94475c/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/e94475c/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.ff6bca11.js b/master/assets/js/29.50a8cabb.js similarity index 93% rename from master/assets/js/29.ff6bca11.js rename to master/assets/js/29.50a8cabb.js index 2f9a72fe9..1b0bae644 100644 --- a/master/assets/js/29.ff6bca11.js +++ b/master/assets/js/29.50a8cabb.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[29],{438:function(t,e,r){"use strict";r.r(e);var a=r(4),o=Object(a.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"interface-containedlabeloptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-containedlabeloptions"}},[t._v("#")]),t._v(" Interface: ContainedLabelOptions")]),t._v(" "),e("h2",{attrs:{id:"hierarchy"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hierarchy"}},[t._v("#")]),t._v(" Hierarchy")]),t._v(" "),e("ul",[e("li",[e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreLabelOptions.html"}},[e("code",[t._v("CoreLabelOptions")])])],1),t._v(" "),e("p",[t._v("↳ "),e("strong",[e("code",[t._v("ContainedLabelOptions")])])]),t._v(" "),e("p",[t._v("↳↳ "),e("RouterLink",{attrs:{to:"/api/interfaces/LabelOptions.html"}},[e("code",[t._v("LabelOptions")])])],1),t._v(" "),e("p",[t._v("↳↳ "),e("RouterLink",{attrs:{to:"/api/interfaces/LabelTypeOptions.html"}},[e("code",[t._v("LabelTypeOptions")])])],1)])]),t._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),e("h3",{attrs:{id:"backgroundcolor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#backgroundcolor"}},[t._v("#")]),t._v(" backgroundColor")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("backgroundColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Color")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/e800389/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/e800389/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/e800389/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/e800389/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/e800389/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/e800389/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/e800389/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/e800389/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/e800389/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/e800389/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/e800389/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/e800389/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/e800389/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/e800389/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/e800389/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/e800389/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/e800389/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/e800389/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/e800389/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/e800389/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/e800389/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/e800389/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/e800389/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],{437: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/e94475c/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/e94475c/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/e94475c/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/e94475c/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/e94475c/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/e94475c/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/e94475c/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/e94475c/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/e94475c/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/e94475c/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/e94475c/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/e94475c/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/e94475c/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/e94475c/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/e94475c/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/e94475c/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/e94475c/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/e94475c/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/e94475c/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/e94475c/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/e94475c/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/e94475c/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/e94475c/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.6c897f9a.js b/master/assets/js/30.6c91ffb6.js similarity index 94% rename from master/assets/js/30.6c897f9a.js rename to master/assets/js/30.6c91ffb6.js index 6e73dec34..12cedff2d 100644 --- a/master/assets/js/30.6c897f9a.js +++ b/master/assets/js/30.6c91ffb6.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[30],{439: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/e800389/types/options.d.ts#L79",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:79"),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/e800389/types/options.d.ts#L80",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:80"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=n.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[30],{439: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/e94475c/types/options.d.ts#L79",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:79"),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/e94475c/types/options.d.ts#L80",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:80"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=n.exports}}]); \ No newline at end of file diff --git a/master/assets/js/31.d17764ad.js b/master/assets/js/31.69668ab0.js similarity index 94% rename from master/assets/js/31.d17764ad.js rename to master/assets/js/31.69668ab0.js index 17ecfc6ed..5113194e4 100644 --- a/master/assets/js/31.d17764ad.js +++ b/master/assets/js/31.69668ab0.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[31],{440: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/e800389/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/e800389/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/e800389/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/e800389/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/e800389/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/e800389/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/e800389/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/e800389/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/e800389/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:"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-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/e800389/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:"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("chart")]),t._v(": "),e("code",[t._v("Chart")]),t._v(", "),e("code",[t._v("properties")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationBoxModel.html"}},[e("code",[t._v("AnnotationBoxModel")])]),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("boolean")]),t._v(" | "),e("code",[t._v("void")]),t._v(" | "),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationElement.html"}},[e("code",[t._v("AnnotationElement")])])],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/e800389/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:"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-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/e800389/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-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/e800389/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-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/e800389/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-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/e800389/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:"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-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/e800389/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:"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-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/e800389/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:"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-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/e800389/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:"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-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/e800389/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:"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-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/e800389/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:"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-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/e800389/types/options.d.ts#L53",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:53"),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-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/e800389/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-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/e800389/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-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/e800389/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:"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-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/e800389/types/events.d.ts#L23",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:23"),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-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/e800389/types/events.d.ts#L24",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:24"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=n.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[31],{440: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/e94475c/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/e94475c/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/e94475c/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/e94475c/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/e94475c/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/e94475c/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/e94475c/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/e94475c/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/e94475c/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:"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-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/e94475c/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:"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("chart")]),t._v(": "),e("code",[t._v("Chart")]),t._v(", "),e("code",[t._v("properties")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationBoxModel.html"}},[e("code",[t._v("AnnotationBoxModel")])]),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("boolean")]),t._v(" | "),e("code",[t._v("void")]),t._v(" | "),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationElement.html"}},[e("code",[t._v("AnnotationElement")])])],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/e94475c/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:"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-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/e94475c/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-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/e94475c/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-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/e94475c/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-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/e94475c/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:"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-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/e94475c/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:"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-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/e94475c/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:"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-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/e94475c/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:"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-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/e94475c/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:"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-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/e94475c/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:"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-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/e94475c/types/options.d.ts#L53",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:53"),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-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/e94475c/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-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/e94475c/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-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/e94475c/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:"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-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/e94475c/types/events.d.ts#L23",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:23"),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-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/e94475c/types/events.d.ts#L24",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:24"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=n.exports}}]); \ No newline at end of file diff --git a/master/assets/js/32.d173807e.js b/master/assets/js/32.6cee5623.js similarity index 93% rename from master/assets/js/32.d173807e.js rename to master/assets/js/32.6cee5623.js index 7dcf308f0..3d29ed45b 100644 --- a/master/assets/js/32.d173807e.js +++ b/master/assets/js/32.6cee5623.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[32],{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-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/e800389/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/e800389/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/e800389/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/e800389/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/e800389/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/e800389/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/e800389/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/e800389/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/e800389/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/e800389/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/e800389/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/e800389/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/e800389/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/e800389/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],{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-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/e94475c/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/e94475c/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/e94475c/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/e94475c/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/e94475c/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/e94475c/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/e94475c/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/e94475c/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/e94475c/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/e94475c/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/e94475c/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/e94475c/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/e94475c/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/e94475c/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.5e143acb.js b/master/assets/js/33.e5b2af7f.js similarity index 94% rename from master/assets/js/33.5e143acb.js rename to master/assets/js/33.e5b2af7f.js index 5d6364106..880415219 100644 --- a/master/assets/js/33.5e143acb.js +++ b/master/assets/js/33.e5b2af7f.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[33],{442: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-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/e800389/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/e800389/types/options.d.ts#L121",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:121"),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/e800389/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/e800389/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/e800389/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/e800389/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/e800389/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/e800389/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/e800389/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/e800389/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:"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-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#id"}},[t._v("id")])],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/e800389/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:"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("chart")]),t._v(": "),e("code",[t._v("Chart")]),t._v(", "),e("code",[t._v("properties")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationBoxModel.html"}},[e("code",[t._v("AnnotationBoxModel")])]),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("boolean")]),t._v(" | "),e("code",[t._v("void")]),t._v(" | "),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationElement.html"}},[e("code",[t._v("AnnotationElement")])])],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#init"}},[t._v("init")])],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/e800389/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:"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-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/e800389/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:"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-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/e800389/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:"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-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#shadowblur"}},[t._v("shadowBlur")])],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/e800389/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-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#shadowoffsetx"}},[t._v("shadowOffsetX")])],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/e800389/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-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#shadowoffsety"}},[t._v("shadowOffsetY")])],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/e800389/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-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#xmax"}},[t._v("xMax")])],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/e800389/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:"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-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#xmin"}},[t._v("xMin")])],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/e800389/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:"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-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#xscaleid"}},[t._v("xScaleID")])],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/e800389/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:"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-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#ymax"}},[t._v("yMax")])],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/e800389/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:"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-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#ymin"}},[t._v("yMin")])],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/e800389/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:"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-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#yscaleid"}},[t._v("yScaleID")])],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/e800389/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:"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-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#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/e800389/types/options.d.ts#L53",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:53"),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-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#afterdraw"}},[t._v("afterDraw")])],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/e800389/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-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#beforedraw"}},[t._v("beforeDraw")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-26"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-26"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/e800389/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-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#click"}},[t._v("click")])],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/e800389/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:"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-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#enter"}},[t._v("enter")])],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/e800389/types/events.d.ts#L23",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:23"),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-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#leave"}},[t._v("leave")])],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/e800389/types/events.d.ts#L24",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:24"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=o.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[33],{442:function(t,e,a){"use strict";a.r(e);var r=a(4),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-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/e94475c/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/e94475c/types/options.d.ts#L121",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:121"),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/e94475c/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/e94475c/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/e94475c/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/e94475c/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/e94475c/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/e94475c/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/e94475c/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/e94475c/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:"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-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#id"}},[t._v("id")])],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/e94475c/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:"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("chart")]),t._v(": "),e("code",[t._v("Chart")]),t._v(", "),e("code",[t._v("properties")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationBoxModel.html"}},[e("code",[t._v("AnnotationBoxModel")])]),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("boolean")]),t._v(" | "),e("code",[t._v("void")]),t._v(" | "),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationElement.html"}},[e("code",[t._v("AnnotationElement")])])],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#init"}},[t._v("init")])],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/e94475c/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:"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-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/e94475c/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:"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-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/e94475c/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:"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-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#shadowblur"}},[t._v("shadowBlur")])],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/e94475c/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-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#shadowoffsetx"}},[t._v("shadowOffsetX")])],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/e94475c/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-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#shadowoffsety"}},[t._v("shadowOffsetY")])],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/e94475c/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-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#xmax"}},[t._v("xMax")])],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/e94475c/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:"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-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#xmin"}},[t._v("xMin")])],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/e94475c/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:"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-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#xscaleid"}},[t._v("xScaleID")])],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/e94475c/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:"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-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#ymax"}},[t._v("yMax")])],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/e94475c/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:"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-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#ymin"}},[t._v("yMin")])],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/e94475c/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:"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-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#yscaleid"}},[t._v("yScaleID")])],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/e94475c/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:"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-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#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/e94475c/types/options.d.ts#L53",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:53"),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-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#afterdraw"}},[t._v("afterDraw")])],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/e94475c/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-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#beforedraw"}},[t._v("beforeDraw")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-26"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-26"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/e94475c/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-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#click"}},[t._v("click")])],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/e94475c/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:"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-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#enter"}},[t._v("enter")])],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/e94475c/types/events.d.ts#L23",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:23"),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-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#leave"}},[t._v("leave")])],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/e94475c/types/events.d.ts#L24",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:24"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=o.exports}}]); \ No newline at end of file diff --git a/master/assets/js/34.2ebfc537.js b/master/assets/js/34.0e5e4765.js similarity index 90% rename from master/assets/js/34.2ebfc537.js rename to master/assets/js/34.0e5e4765.js index 8e486b987..a569cf083 100644 --- a/master/assets/js/34.2ebfc537.js +++ b/master/assets/js/34.0e5e4765.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[34],{443: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-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/e800389/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/e800389/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:"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-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/e800389/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:"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-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/e800389/types/events.d.ts#L8",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:8"),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,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-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/e94475c/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/e94475c/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:"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-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/e94475c/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:"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-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/e94475c/types/events.d.ts#L8",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:8"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=a.exports}}]); \ No newline at end of file diff --git a/master/assets/js/35.b27cffa4.js b/master/assets/js/35.8ed296d8.js similarity index 95% rename from master/assets/js/35.b27cffa4.js rename to master/assets/js/35.8ed296d8.js index cf798e0e4..f230263c3 100644 --- a/master/assets/js/35.b27cffa4.js +++ b/master/assets/js/35.8ed296d8.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[35],{444:function(t,e,a){"use strict";a.r(e);var r=a(4),n=Object(r.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"interface-labelannotationoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-labelannotationoptions"}},[t._v("#")]),t._v(" Interface: LabelAnnotationOptions")]),t._v(" "),e("h2",{attrs:{id:"hierarchy"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hierarchy"}},[t._v("#")]),t._v(" Hierarchy")]),t._v(" "),e("ul",[e("li",[e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[e("code",[t._v("CoreAnnotationOptions")])])],1)]),t._v(" "),e("li",[e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/LabelTypeOptions.html"}},[e("code",[t._v("LabelTypeOptions")])])],1)]),t._v(" "),e("li",[e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationPointCoordinates.html"}},[e("code",[t._v("AnnotationPointCoordinates")])])],1),t._v(" "),e("p",[t._v("↳ "),e("strong",[e("code",[t._v("LabelAnnotationOptions")])])])])]),t._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),e("h3",{attrs:{id:"adjustscalerange"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#adjustscalerange"}},[t._v("#")]),t._v(" adjustScaleRange")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("adjustScaleRange")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("boolean")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html"}},[t._v("CoreAnnotationOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreAnnotationOptions.html#adjustscalerange"}},[t._v("adjustScaleRange")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/e800389/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/e800389/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/e800389/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/e800389/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/e800389/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/e800389/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/e800389/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/e800389/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/e800389/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/e800389/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/e800389/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/e800389/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/e800389/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/e800389/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/e800389/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/e800389/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/e800389/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/e800389/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:"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-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#id"}},[t._v("id")])],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/e800389/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:"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("chart")]),t._v(": "),e("code",[t._v("Chart")]),t._v(", "),e("code",[t._v("properties")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationBoxModel.html"}},[e("code",[t._v("AnnotationBoxModel")])]),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("boolean")]),t._v(" | "),e("code",[t._v("void")]),t._v(" | "),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationElement.html"}},[e("code",[t._v("AnnotationElement")])])],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#init"}},[t._v("init")])],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/e800389/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:"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-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/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-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/e800389/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-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#padding"}},[t._v("padding")])],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/e800389/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-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#position"}},[t._v("position")])],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/e800389/types/label.d.ts#L148",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:148"),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-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/e800389/types/options.d.ts#L136",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:136"),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-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#shadowblur"}},[t._v("shadowBlur")])],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/e800389/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-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#shadowoffsetx"}},[t._v("shadowOffsetX")])],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/e800389/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-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#shadowoffsety"}},[t._v("shadowOffsetY")])],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/e800389/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-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/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-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/e800389/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-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#textstrokecolor"}},[t._v("textStrokeColor")])],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/e800389/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-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#textstrokewidth"}},[t._v("textStrokeWidth")])],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/e800389/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-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#width"}},[t._v("width")])],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/e800389/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-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#xadjust"}},[t._v("xAdjust")])],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/e800389/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-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/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-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/e800389/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:"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-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#xmin"}},[t._v("xMin")])],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/e800389/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:"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-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#xscaleid"}},[t._v("xScaleID")])],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/e800389/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:"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-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/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-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/e800389/types/options.d.ts#L57",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:57"),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-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/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-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/e800389/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-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/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-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/e800389/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:"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-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#ymin"}},[t._v("yMin")])],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/e800389/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:"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-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#yscaleid"}},[t._v("yScaleID")])],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/e800389/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:"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-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/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-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/e800389/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:"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-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/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-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/e800389/types/options.d.ts#L53",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:53"),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-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/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-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/e800389/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-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#beforedraw"}},[t._v("beforeDraw")])],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/e800389/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-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#click"}},[t._v("click")])],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/e800389/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:"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-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#enter"}},[t._v("enter")])],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/e800389/types/events.d.ts#L23",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:23"),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-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#leave"}},[t._v("leave")])],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/e800389/types/events.d.ts#L24",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:24"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=n.exports}}]); \ No newline at end of file +(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/e94475c/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/e94475c/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/e94475c/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/e94475c/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/e94475c/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/e94475c/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/e94475c/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/e94475c/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/e94475c/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/e94475c/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/e94475c/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/e94475c/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/e94475c/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/e94475c/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/e94475c/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/e94475c/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/e94475c/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/e94475c/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:"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-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#id"}},[t._v("id")])],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/e94475c/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:"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("chart")]),t._v(": "),e("code",[t._v("Chart")]),t._v(", "),e("code",[t._v("properties")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationBoxModel.html"}},[e("code",[t._v("AnnotationBoxModel")])]),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("boolean")]),t._v(" | "),e("code",[t._v("void")]),t._v(" | "),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationElement.html"}},[e("code",[t._v("AnnotationElement")])])],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#init"}},[t._v("init")])],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/e94475c/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:"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-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/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-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/e94475c/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-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#padding"}},[t._v("padding")])],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/e94475c/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-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#position"}},[t._v("position")])],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/e94475c/types/label.d.ts#L148",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:148"),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-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/e94475c/types/options.d.ts#L136",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:136"),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-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#shadowblur"}},[t._v("shadowBlur")])],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/e94475c/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-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#shadowoffsetx"}},[t._v("shadowOffsetX")])],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/e94475c/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-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#shadowoffsety"}},[t._v("shadowOffsetY")])],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/e94475c/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-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/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-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/e94475c/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-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#textstrokecolor"}},[t._v("textStrokeColor")])],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/e94475c/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-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#textstrokewidth"}},[t._v("textStrokeWidth")])],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/e94475c/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-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#width"}},[t._v("width")])],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/e94475c/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-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#xadjust"}},[t._v("xAdjust")])],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/e94475c/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-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/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-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/e94475c/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:"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-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#xmin"}},[t._v("xMin")])],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/e94475c/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:"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-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#xscaleid"}},[t._v("xScaleID")])],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/e94475c/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:"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-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/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-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/e94475c/types/options.d.ts#L57",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:57"),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-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/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-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/e94475c/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-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/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-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/e94475c/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:"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-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#ymin"}},[t._v("yMin")])],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/e94475c/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:"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-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#yscaleid"}},[t._v("yScaleID")])],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/e94475c/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:"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-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/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-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/e94475c/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:"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-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/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-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/e94475c/types/options.d.ts#L53",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:53"),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-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/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-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/e94475c/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-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#beforedraw"}},[t._v("beforeDraw")])],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/e94475c/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-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#click"}},[t._v("click")])],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/e94475c/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:"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-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#enter"}},[t._v("enter")])],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/e94475c/types/events.d.ts#L23",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:23"),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-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#leave"}},[t._v("leave")])],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/e94475c/types/events.d.ts#L24",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:24"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=n.exports}}]); \ No newline at end of file diff --git a/master/assets/js/36.ff296e73.js b/master/assets/js/36.a864cfd6.js similarity index 95% rename from master/assets/js/36.ff296e73.js rename to master/assets/js/36.a864cfd6.js index a068c4e30..fc17d1f5f 100644 --- a/master/assets/js/36.ff296e73.js +++ b/master/assets/js/36.a864cfd6.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[36],{445:function(t,e,a){"use strict";a.r(e);var r=a(4),n=Object(r.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"interface-labeloptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-labeloptions"}},[t._v("#")]),t._v(" Interface: LabelOptions")]),t._v(" "),e("h2",{attrs:{id:"hierarchy"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hierarchy"}},[t._v("#")]),t._v(" Hierarchy")]),t._v(" "),e("ul",[e("li",[e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html"}},[e("code",[t._v("ContainedLabelOptions")])])],1)]),t._v(" "),e("li",[e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/ShadowOptions.html"}},[e("code",[t._v("ShadowOptions")])])],1),t._v(" "),e("p",[t._v("↳ "),e("strong",[e("code",[t._v("LabelOptions")])])])])]),t._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),e("h3",{attrs:{id:"backgroundcolor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#backgroundcolor"}},[t._v("#")]),t._v(" backgroundColor")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("backgroundColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Color")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html"}},[t._v("ContainedLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html#backgroundcolor"}},[t._v("backgroundColor")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/e800389/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/e800389/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/e800389/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/e800389/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/e800389/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/e800389/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/e800389/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/e800389/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/e800389/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/e800389/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/e800389/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/e800389/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/e800389/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/e800389/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/e800389/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/e800389/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/e800389/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-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-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/e800389/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-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/e800389/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-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/e800389/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-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/e800389/types/label.d.ts#L134",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:134"),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-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/e800389/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-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/e800389/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-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/e800389/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-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/e800389/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-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/e800389/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-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/e800389/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-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/e800389/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-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/e800389/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-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/e800389/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-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/e800389/types/label.d.ts#L88",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:88"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=n.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[36],{445:function(t,e,a){"use strict";a.r(e);var r=a(4),n=Object(r.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"interface-labeloptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-labeloptions"}},[t._v("#")]),t._v(" Interface: LabelOptions")]),t._v(" "),e("h2",{attrs:{id:"hierarchy"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hierarchy"}},[t._v("#")]),t._v(" Hierarchy")]),t._v(" "),e("ul",[e("li",[e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html"}},[e("code",[t._v("ContainedLabelOptions")])])],1)]),t._v(" "),e("li",[e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/ShadowOptions.html"}},[e("code",[t._v("ShadowOptions")])])],1),t._v(" "),e("p",[t._v("↳ "),e("strong",[e("code",[t._v("LabelOptions")])])])])]),t._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),e("h3",{attrs:{id:"backgroundcolor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#backgroundcolor"}},[t._v("#")]),t._v(" backgroundColor")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("backgroundColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Color")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html"}},[t._v("ContainedLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html#backgroundcolor"}},[t._v("backgroundColor")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/e94475c/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/e94475c/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/e94475c/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/e94475c/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/e94475c/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/e94475c/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/e94475c/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/e94475c/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/e94475c/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/e94475c/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/e94475c/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/e94475c/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/e94475c/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/e94475c/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/e94475c/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/e94475c/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/e94475c/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-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-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/e94475c/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-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/e94475c/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-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/e94475c/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-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/e94475c/types/label.d.ts#L134",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:134"),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-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/e94475c/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-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/e94475c/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-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/e94475c/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-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/e94475c/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-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/e94475c/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-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/e94475c/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-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/e94475c/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-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/e94475c/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-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/e94475c/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-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/e94475c/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.9f773231.js b/master/assets/js/37.97cae8dc.js similarity index 91% rename from master/assets/js/37.9f773231.js rename to master/assets/js/37.97cae8dc.js index 341ab545d..cc94db3a5 100644 --- a/master/assets/js/37.9f773231.js +++ b/master/assets/js/37.97cae8dc.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[37],{446:function(t,e,a){"use strict";a.r(e);var r=a(4),n=Object(r.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"interface-labelpadding"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-labelpadding"}},[t._v("#")]),t._v(" Interface: LabelPadding")]),t._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),e("h3",{attrs:{id:"bottom"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#bottom"}},[t._v("#")]),t._v(" bottom")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("bottom")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/e800389/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/e800389/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/e800389/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/e800389/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/e800389/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/e800389/types/label.d.ts#L23",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:23"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=n.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[37],{446:function(t,e,a){"use strict";a.r(e);var r=a(4),n=Object(r.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"interface-labelpadding"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-labelpadding"}},[t._v("#")]),t._v(" Interface: LabelPadding")]),t._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),e("h3",{attrs:{id:"bottom"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#bottom"}},[t._v("#")]),t._v(" bottom")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("bottom")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/e94475c/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/e94475c/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/e94475c/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/e94475c/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/e94475c/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/e94475c/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.b7373bba.js b/master/assets/js/38.d01e5291.js similarity index 93% rename from master/assets/js/38.b7373bba.js rename to master/assets/js/38.d01e5291.js index ebb8af487..07ba9cd31 100644 --- a/master/assets/js/38.b7373bba.js +++ b/master/assets/js/38.d01e5291.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[38],{447:function(t,e,a){"use strict";a.r(e);var r=a(4),s=Object(r.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"interface-labelpositionobject"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-labelpositionobject"}},[t._v("#")]),t._v(" Interface: LabelPositionObject")]),t._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),e("h3",{attrs:{id:"x"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#x"}},[t._v("#")]),t._v(" x")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("x")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#labelposition"}},[e("code",[t._v("LabelPosition")])])],1),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/e800389/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/e800389/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],{447:function(t,e,a){"use strict";a.r(e);var r=a(4),s=Object(r.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"interface-labelpositionobject"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-labelpositionobject"}},[t._v("#")]),t._v(" Interface: LabelPositionObject")]),t._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),e("h3",{attrs:{id:"x"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#x"}},[t._v("#")]),t._v(" x")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("x")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#labelposition"}},[e("code",[t._v("LabelPosition")])])],1),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/e94475c/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/e94475c/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.f48145cb.js b/master/assets/js/39.f9422108.js similarity index 95% rename from master/assets/js/39.f48145cb.js rename to master/assets/js/39.f9422108.js index 2ffffcb21..28bf16db9 100644 --- a/master/assets/js/39.f48145cb.js +++ b/master/assets/js/39.f9422108.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[39],{449:function(t,e,a){"use strict";a.r(e);var r=a(4),n=Object(r.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"interface-labeltypeoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-labeltypeoptions"}},[t._v("#")]),t._v(" Interface: LabelTypeOptions")]),t._v(" "),e("h2",{attrs:{id:"hierarchy"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hierarchy"}},[t._v("#")]),t._v(" Hierarchy")]),t._v(" "),e("ul",[e("li",[e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html"}},[e("code",[t._v("ContainedLabelOptions")])])],1),t._v(" "),e("p",[t._v("↳ "),e("strong",[e("code",[t._v("LabelTypeOptions")])])]),t._v(" "),e("p",[t._v("↳↳ "),e("RouterLink",{attrs:{to:"/api/interfaces/LabelAnnotationOptions.html"}},[e("code",[t._v("LabelAnnotationOptions")])])],1)])]),t._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),e("h3",{attrs:{id:"backgroundcolor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#backgroundcolor"}},[t._v("#")]),t._v(" backgroundColor")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("backgroundColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Color")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html"}},[t._v("ContainedLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html#backgroundcolor"}},[t._v("backgroundColor")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/e800389/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/e800389/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/e800389/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/e800389/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/e800389/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/e800389/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/e800389/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/e800389/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/e800389/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/e800389/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/e800389/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/e800389/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/e800389/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/e800389/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/e800389/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/e800389/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/e800389/types/label.d.ts#L148",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:148"),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/e800389/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/e800389/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/e800389/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/e800389/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/e800389/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/e800389/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/e800389/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],{448:function(t,e,a){"use strict";a.r(e);var r=a(4),n=Object(r.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"interface-labeltypeoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-labeltypeoptions"}},[t._v("#")]),t._v(" Interface: LabelTypeOptions")]),t._v(" "),e("h2",{attrs:{id:"hierarchy"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hierarchy"}},[t._v("#")]),t._v(" Hierarchy")]),t._v(" "),e("ul",[e("li",[e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html"}},[e("code",[t._v("ContainedLabelOptions")])])],1),t._v(" "),e("p",[t._v("↳ "),e("strong",[e("code",[t._v("LabelTypeOptions")])])]),t._v(" "),e("p",[t._v("↳↳ "),e("RouterLink",{attrs:{to:"/api/interfaces/LabelAnnotationOptions.html"}},[e("code",[t._v("LabelAnnotationOptions")])])],1)])]),t._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),e("h3",{attrs:{id:"backgroundcolor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#backgroundcolor"}},[t._v("#")]),t._v(" backgroundColor")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("backgroundColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Color")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PartialEventContext.html"}},[e("code",[t._v("PartialEventContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html"}},[t._v("ContainedLabelOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ContainedLabelOptions.html#backgroundcolor"}},[t._v("backgroundColor")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/e94475c/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/e94475c/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/e94475c/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/e94475c/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/e94475c/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/e94475c/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/e94475c/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/e94475c/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/e94475c/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/e94475c/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/e94475c/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/e94475c/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/e94475c/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/e94475c/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/e94475c/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/e94475c/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/e94475c/types/label.d.ts#L148",target:"_blank",rel:"noopener noreferrer"}},[t._v("label.d.ts:148"),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/e94475c/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/e94475c/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/e94475c/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/e94475c/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/e94475c/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/e94475c/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/e94475c/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.282b301c.js b/master/assets/js/40.ef3f5f72.js similarity index 94% rename from master/assets/js/40.282b301c.js rename to master/assets/js/40.ef3f5f72.js index 657f96feb..e699e0832 100644 --- a/master/assets/js/40.282b301c.js +++ b/master/assets/js/40.ef3f5f72.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/e800389/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/e800389/types/options.d.ts#L84",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:84"),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/e800389/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/e800389/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/e800389/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/e800389/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/e800389/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/e800389/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/e800389/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:"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/e800389/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:"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/e800389/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/e800389/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/e800389/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:"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-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#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/e800389/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:"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("chart")]),t._v(": "),e("code",[t._v("Chart")]),t._v(", "),e("code",[t._v("properties")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationBoxModel.html"}},[e("code",[t._v("AnnotationBoxModel")])]),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("boolean")]),t._v(" | "),e("code",[t._v("void")]),t._v(" | "),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationElement.html"}},[e("code",[t._v("AnnotationElement")])])],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#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/e800389/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:"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-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/e800389/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:"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-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/e800389/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:"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-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#shadowblur"}},[t._v("shadowBlur")])],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/e800389/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-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#shadowoffsetx"}},[t._v("shadowOffsetX")])],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/e800389/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-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#shadowoffsety"}},[t._v("shadowOffsetY")])],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/e800389/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-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/e800389/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:"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-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#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/e800389/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:"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-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#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/e800389/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:"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-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#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/e800389/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:"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-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#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/e800389/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:"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-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#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/e800389/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:"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-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#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/e800389/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:"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-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#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/e800389/types/options.d.ts#L53",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:53"),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-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#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/e800389/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-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#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/e800389/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-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#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/e800389/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:"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-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#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/e800389/types/events.d.ts#L23",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:23"),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-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#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/e800389/types/events.d.ts#L24",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:24"),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/e94475c/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/e94475c/types/options.d.ts#L84",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:84"),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/e94475c/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/e94475c/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/e94475c/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/e94475c/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/e94475c/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/e94475c/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/e94475c/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:"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/e94475c/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:"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/e94475c/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/e94475c/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/e94475c/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:"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-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#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/e94475c/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:"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("chart")]),t._v(": "),e("code",[t._v("Chart")]),t._v(", "),e("code",[t._v("properties")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationBoxModel.html"}},[e("code",[t._v("AnnotationBoxModel")])]),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("boolean")]),t._v(" | "),e("code",[t._v("void")]),t._v(" | "),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationElement.html"}},[e("code",[t._v("AnnotationElement")])])],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#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/e94475c/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:"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-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/e94475c/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:"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-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/e94475c/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:"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-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#shadowblur"}},[t._v("shadowBlur")])],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/e94475c/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-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#shadowoffsetx"}},[t._v("shadowOffsetX")])],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/e94475c/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-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#shadowoffsety"}},[t._v("shadowOffsetY")])],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/e94475c/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-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/e94475c/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:"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-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#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/e94475c/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:"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-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#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/e94475c/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:"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-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#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/e94475c/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:"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-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#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/e94475c/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:"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-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#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/e94475c/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:"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-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#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/e94475c/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:"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-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#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/e94475c/types/options.d.ts#L53",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:53"),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-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#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/e94475c/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-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#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/e94475c/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-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#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/e94475c/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:"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-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#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/e94475c/types/events.d.ts#L23",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:23"),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-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#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/e94475c/types/events.d.ts#L24",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:24"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=n.exports}}]); \ No newline at end of file diff --git a/master/assets/js/41.c625e5c5.js b/master/assets/js/41.11763ca7.js similarity index 93% rename from master/assets/js/41.c625e5c5.js rename to master/assets/js/41.11763ca7.js index 61ba29923..551d2fc0b 100644 --- a/master/assets/js/41.c625e5c5.js +++ b/master/assets/js/41.11763ca7.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[41],{450:function(t,e,n){"use strict";n.r(e);var a=n(4),r=Object(a.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"interface-partialeventcontext"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-partialeventcontext"}},[t._v("#")]),t._v(" Interface: PartialEventContext")]),t._v(" "),e("p",[t._v("Some scriptable options may be called with during the chart's initial\ndisplay, when the element isn't fully initialized.")]),t._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),e("h3",{attrs:{id:"chart"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#chart"}},[t._v("#")]),t._v(" chart")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("chart")]),t._v(": "),e("code",[t._v("Chart")]),t._v("")]),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/e800389/types/events.d.ts#L16",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:16"),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/e800389/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:"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-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/e800389/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:"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-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/e800389/types/events.d.ts#L19",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:19"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=r.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[41],{450:function(t,e,n){"use strict";n.r(e);var a=n(4),r=Object(a.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"interface-partialeventcontext"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-partialeventcontext"}},[t._v("#")]),t._v(" Interface: PartialEventContext")]),t._v(" "),e("p",[t._v("Some scriptable options may be called with during the chart's initial\ndisplay, when the element isn't fully initialized.")]),t._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),e("h3",{attrs:{id:"chart"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#chart"}},[t._v("#")]),t._v(" chart")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("chart")]),t._v(": "),e("code",[t._v("Chart")]),t._v("")]),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/blob/e94475c/types/events.d.ts#L16",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:16"),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/e94475c/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:"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-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/e94475c/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:"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-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/e94475c/types/events.d.ts#L19",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:19"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=r.exports}}]); \ No newline at end of file diff --git a/master/assets/js/42.f1b5596e.js b/master/assets/js/42.29eec7b1.js similarity index 95% rename from master/assets/js/42.f1b5596e.js rename to master/assets/js/42.29eec7b1.js index 2f7e4b821..5b2adf9e8 100644 --- a/master/assets/js/42.f1b5596e.js +++ b/master/assets/js/42.29eec7b1.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[42],{451:function(t,e,a){"use strict";a.r(e);var r=a(4),n=Object(r.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"interface-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/e800389/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/e800389/types/options.d.ts#L127",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:127"),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/e800389/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/e800389/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/e800389/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/e800389/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/e800389/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/e800389/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/e800389/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/e800389/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:"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-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#id"}},[t._v("id")])],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/e800389/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:"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("chart")]),t._v(": "),e("code",[t._v("Chart")]),t._v(", "),e("code",[t._v("properties")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationBoxModel.html"}},[e("code",[t._v("AnnotationBoxModel")])]),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("boolean")]),t._v(" | "),e("code",[t._v("void")]),t._v(" | "),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationElement.html"}},[e("code",[t._v("AnnotationElement")])])],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#init"}},[t._v("init")])],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/e800389/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:"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-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/e800389/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:"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-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/e800389/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:"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/e800389/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:"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-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#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/e800389/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-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#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/e800389/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-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#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/e800389/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-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/e800389/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:"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-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#xmax"}},[t._v("xMax")])],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/e800389/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:"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-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#xmin"}},[t._v("xMin")])],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/e800389/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:"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-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#xscaleid"}},[t._v("xScaleID")])],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/e800389/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:"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-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/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-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/e800389/types/options.d.ts#L57",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:57"),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-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/e800389/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:"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-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/e800389/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:"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-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/e800389/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:"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-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/e800389/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:"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-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/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-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/e800389/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:"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/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/e800389/types/options.d.ts#L53",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:53"),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-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#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/e800389/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-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#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/e800389/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-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#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/e800389/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:"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-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#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/e800389/types/events.d.ts#L23",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:23"),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-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#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/e800389/types/events.d.ts#L24",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:24"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=n.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[42],{451:function(t,e,a){"use strict";a.r(e);var r=a(4),n=Object(r.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"interface-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/e94475c/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/e94475c/types/options.d.ts#L127",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:127"),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/e94475c/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/e94475c/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/e94475c/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/e94475c/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/e94475c/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/e94475c/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/e94475c/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/e94475c/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:"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-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#id"}},[t._v("id")])],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/e94475c/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:"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("chart")]),t._v(": "),e("code",[t._v("Chart")]),t._v(", "),e("code",[t._v("properties")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationBoxModel.html"}},[e("code",[t._v("AnnotationBoxModel")])]),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("boolean")]),t._v(" | "),e("code",[t._v("void")]),t._v(" | "),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationElement.html"}},[e("code",[t._v("AnnotationElement")])])],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#init"}},[t._v("init")])],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/e94475c/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:"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-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/e94475c/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:"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-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/e94475c/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:"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/e94475c/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:"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-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#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/e94475c/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-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#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/e94475c/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-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#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/e94475c/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-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/e94475c/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:"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-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#xmax"}},[t._v("xMax")])],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/e94475c/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:"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-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#xmin"}},[t._v("xMin")])],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/e94475c/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:"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-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#xscaleid"}},[t._v("xScaleID")])],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/e94475c/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:"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-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/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-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/e94475c/types/options.d.ts#L57",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:57"),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-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/e94475c/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:"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-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/e94475c/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:"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-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/e94475c/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:"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-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/e94475c/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:"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-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/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-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/e94475c/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:"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/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/e94475c/types/options.d.ts#L53",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:53"),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-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#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/e94475c/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-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#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/e94475c/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-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#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/e94475c/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:"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-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#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/e94475c/types/events.d.ts#L23",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:23"),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-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#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/e94475c/types/events.d.ts#L24",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:24"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=n.exports}}]); \ No newline at end of file diff --git a/master/assets/js/43.0aa3be4c.js b/master/assets/js/43.8ff6eec9.js similarity index 94% rename from master/assets/js/43.0aa3be4c.js rename to master/assets/js/43.8ff6eec9.js index 9a6e61858..b3fb15e9a 100644 --- a/master/assets/js/43.0aa3be4c.js +++ b/master/assets/js/43.8ff6eec9.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/e800389/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/e800389/types/options.d.ts#L140",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:140"),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/e800389/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/e800389/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:"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/e800389/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/e800389/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/e800389/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/e800389/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:"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/e800389/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/e800389/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/e800389/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/e800389/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:"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-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#id"}},[t._v("id")])],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/e800389/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:"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("chart")]),t._v(": "),e("code",[t._v("Chart")]),t._v(", "),e("code",[t._v("properties")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationBoxModel.html"}},[e("code",[t._v("AnnotationBoxModel")])]),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("boolean")]),t._v(" | "),e("code",[t._v("void")]),t._v(" | "),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationElement.html"}},[e("code",[t._v("AnnotationElement")])])],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#init"}},[t._v("init")])],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/e800389/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:"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-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/e800389/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:"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-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/e800389/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:"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-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/e800389/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:"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-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#shadowblur"}},[t._v("shadowBlur")])],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/e800389/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-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#shadowoffsetx"}},[t._v("shadowOffsetX")])],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/e800389/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-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#shadowoffsety"}},[t._v("shadowOffsetY")])],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/e800389/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-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/e800389/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:"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-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/e800389/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:"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-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#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/e800389/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:"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-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#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/e800389/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:"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-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#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/e800389/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:"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-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/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-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/e800389/types/options.d.ts#L57",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:57"),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-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/e800389/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:"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-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/e800389/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:"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-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/e800389/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:"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-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/e800389/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:"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-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/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-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/e800389/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:"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/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-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/e800389/types/options.d.ts#L53",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:53"),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-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#afterdraw"}},[t._v("afterDraw")])],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/e800389/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-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#beforedraw"}},[t._v("beforeDraw")])],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/e800389/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-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#click"}},[t._v("click")])],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/e800389/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:"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-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#enter"}},[t._v("enter")])],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/e800389/types/events.d.ts#L23",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:23"),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-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#leave"}},[t._v("leave")])],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/e800389/types/events.d.ts#L24",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:24"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=n.exports}}]); \ No newline at end of file +(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/e94475c/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/e94475c/types/options.d.ts#L140",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:140"),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/e94475c/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/e94475c/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:"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/e94475c/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/e94475c/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/e94475c/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/e94475c/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:"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/e94475c/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/e94475c/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/e94475c/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/e94475c/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:"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-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#id"}},[t._v("id")])],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/e94475c/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:"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("chart")]),t._v(": "),e("code",[t._v("Chart")]),t._v(", "),e("code",[t._v("properties")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationBoxModel.html"}},[e("code",[t._v("AnnotationBoxModel")])]),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("boolean")]),t._v(" | "),e("code",[t._v("void")]),t._v(" | "),e("RouterLink",{attrs:{to:"/api/interfaces/AnnotationElement.html"}},[e("code",[t._v("AnnotationElement")])])],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#init"}},[t._v("init")])],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/e94475c/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:"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-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/e94475c/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:"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-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/e94475c/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:"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-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/e94475c/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:"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-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#shadowblur"}},[t._v("shadowBlur")])],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/e94475c/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-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#shadowoffsetx"}},[t._v("shadowOffsetX")])],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/e94475c/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-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#shadowoffsety"}},[t._v("shadowOffsetY")])],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/e94475c/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-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/e94475c/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:"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-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/e94475c/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:"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-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#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/e94475c/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:"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-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#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/e94475c/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:"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-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#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/e94475c/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:"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-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/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-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/e94475c/types/options.d.ts#L57",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:57"),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-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/e94475c/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:"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-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/e94475c/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:"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-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/e94475c/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:"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-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/e94475c/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:"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-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/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-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/e94475c/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:"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/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-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/e94475c/types/options.d.ts#L53",target:"_blank",rel:"noopener noreferrer"}},[t._v("options.d.ts:53"),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-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#afterdraw"}},[t._v("afterDraw")])],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/e94475c/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-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#beforedraw"}},[t._v("beforeDraw")])],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/e94475c/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-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#click"}},[t._v("click")])],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/e94475c/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:"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-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#enter"}},[t._v("enter")])],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/e94475c/types/events.d.ts#L23",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:23"),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-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#leave"}},[t._v("leave")])],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/e94475c/types/events.d.ts#L24",target:"_blank",rel:"noopener noreferrer"}},[t._v("events.d.ts:24"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=n.exports}}]); \ No newline at end of file diff --git a/master/assets/js/44.c3095a76.js b/master/assets/js/44.96c17f3a.js similarity index 94% rename from master/assets/js/44.c3095a76.js rename to master/assets/js/44.96c17f3a.js index 0c434a4b6..4c28dd53c 100644 --- a/master/assets/js/44.c3095a76.js +++ b/master/assets/js/44.96c17f3a.js @@ -1 +1 @@ -(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/e800389/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/e800389/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/e800389/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/e800389/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/e800389/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 +(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/e94475c/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/e94475c/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/e94475c/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/e94475c/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/e94475c/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/46.f8b5889c.js b/master/assets/js/46.09418de2.js similarity index 98% rename from master/assets/js/46.f8b5889c.js rename to master/assets/js/46.09418de2.js index 191af124c..47f340502 100644 --- a/master/assets/js/46.f8b5889c.js +++ b/master/assets/js/46.09418de2.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[46],{457:function(e,t,r){"use strict";r.r(t);var s=r(4),a=Object(s.a)({},(function(){var e=this,t=e._self._c;return t("ContentSlotsDistributor",{attrs:{"slot-key":e.$parent.slotKey}},[t("p",[e._v("Contributions to Chart.js are welcome and encouraged, but please have a look through the guidelines in this document before raising an issue, or writing code for the project.")]),e._v(" "),t("h2",{attrs:{id:"using-issues"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#using-issues"}},[e._v("#")]),e._v(" Using issues")]),e._v(" "),t("p",[e._v("The "),t("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/issues",target:"_blank",rel:"noopener noreferrer"}},[e._v("issue tracker"),t("OutboundLink")],1),e._v(" is the preferred channel for reporting bugs, requesting new features and submitting pull requests.")]),e._v(" "),t("p",[e._v("Please do not use issues for support requests. For help using the annotation plugin, please take a look at the "),t("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/discussions",target:"_blank",rel:"noopener noreferrer"}},[e._v("GitHub Discussions"),t("OutboundLink")],1),e._v(" page.")]),e._v(" "),t("h2",{attrs:{id:"reporting-bugs"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#reporting-bugs"}},[e._v("#")]),e._v(" Reporting bugs")]),e._v(" "),t("p",[e._v("Well structured, detailed bug reports are hugely valuable for the project.")]),e._v(" "),t("p",[e._v("Guidlines for reporting bugs:")]),e._v(" "),t("ul",[t("li",[e._v("Check the issue search to see if it has already been reported")]),e._v(" "),t("li",[e._v("Isolate the problem to a simple test case")]),e._v(" "),t("li",[e._v("Provide a demonstration of the problem on "),t("a",{attrs:{href:"http://jsbin.com",target:"_blank",rel:"noopener noreferrer"}},[e._v("JS Bin"),t("OutboundLink")],1),e._v(" or similar")])]),e._v(" "),t("p",[e._v("Please provide any additional details associated with the bug, if it's browser or screen density specific, or only happens with a certain configuration or data.")]),e._v(" "),t("h2",{attrs:{id:"local-development"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#local-development"}},[e._v("#")]),e._v(" Local development")]),e._v(" "),t("p",[e._v("Run "),t("code",[e._v("npm ci")]),e._v(" to install all the libraries, then run "),t("code",[e._v("npm run dev")]),e._v(" to build and run tests as you make changes.")]),e._v(" "),t("h2",{attrs:{id:"pull-requests"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#pull-requests"}},[e._v("#")]),e._v(" Pull requests")]),e._v(" "),t("p",[e._v("Clear, concise pull requests are excellent at continuing the project's community driven growth. But please review "),t("a",{attrs:{href:"https://github.com/blog/1943-how-to-write-the-perfect-pull-request",target:"_blank",rel:"noopener noreferrer"}},[e._v("these guidelines"),t("OutboundLink")],1),e._v(" and the guidelines below before starting work on the project.")]),e._v(" "),t("p",[e._v("Guidelines:")]),e._v(" "),t("ul",[t("li",[e._v("Please create an issue first:\n"),t("ul",[t("li",[e._v("For bugs, we can discuss the fixing approach")]),e._v(" "),t("li",[e._v("For enhancements, we can discuss if it is within the project scope and avoid duplicate effort")])])]),e._v(" "),t("li",[e._v("Please make changes to the files in "),t("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/tree/master/src",target:"_blank",rel:"noopener noreferrer"}},[t("code",[e._v("/src")]),t("OutboundLink")],1)]),e._v(" "),t("li",[e._v("Please add tests in "),t("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/tree/master/test",target:"_blank",rel:"noopener noreferrer"}},[t("code",[e._v("/test")]),t("OutboundLink")],1)]),e._v(" "),t("li",[e._v("Spaces for indentation, not tabs please")]),e._v(" "),t("li",[e._v("If adding new functionality, please also update the relevant "),t("code",[e._v(".md")]),e._v(" file in "),t("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/tree/master/docs",target:"_blank",rel:"noopener noreferrer"}},[t("code",[e._v("/docs")]),t("OutboundLink")],1)]),e._v(" "),t("li",[e._v("Please make your commits in logical sections with clear commit messages")])]),e._v(" "),t("h2",{attrs:{id:"license"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#license"}},[e._v("#")]),e._v(" License")]),e._v(" "),t("p",[e._v("By contributing your code, you agree to license your contribution under the "),t("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/master/LICENSE.md",target:"_blank",rel:"noopener noreferrer"}},[e._v("MIT license"),t("OutboundLink")],1),e._v(".")])])}),[],!1,null,null,null);t.default=a.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[46],{456:function(e,t,r){"use strict";r.r(t);var s=r(4),a=Object(s.a)({},(function(){var e=this,t=e._self._c;return t("ContentSlotsDistributor",{attrs:{"slot-key":e.$parent.slotKey}},[t("p",[e._v("Contributions to Chart.js are welcome and encouraged, but please have a look through the guidelines in this document before raising an issue, or writing code for the project.")]),e._v(" "),t("h2",{attrs:{id:"using-issues"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#using-issues"}},[e._v("#")]),e._v(" Using issues")]),e._v(" "),t("p",[e._v("The "),t("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/issues",target:"_blank",rel:"noopener noreferrer"}},[e._v("issue tracker"),t("OutboundLink")],1),e._v(" is the preferred channel for reporting bugs, requesting new features and submitting pull requests.")]),e._v(" "),t("p",[e._v("Please do not use issues for support requests. For help using the annotation plugin, please take a look at the "),t("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/discussions",target:"_blank",rel:"noopener noreferrer"}},[e._v("GitHub Discussions"),t("OutboundLink")],1),e._v(" page.")]),e._v(" "),t("h2",{attrs:{id:"reporting-bugs"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#reporting-bugs"}},[e._v("#")]),e._v(" Reporting bugs")]),e._v(" "),t("p",[e._v("Well structured, detailed bug reports are hugely valuable for the project.")]),e._v(" "),t("p",[e._v("Guidlines for reporting bugs:")]),e._v(" "),t("ul",[t("li",[e._v("Check the issue search to see if it has already been reported")]),e._v(" "),t("li",[e._v("Isolate the problem to a simple test case")]),e._v(" "),t("li",[e._v("Provide a demonstration of the problem on "),t("a",{attrs:{href:"http://jsbin.com",target:"_blank",rel:"noopener noreferrer"}},[e._v("JS Bin"),t("OutboundLink")],1),e._v(" or similar")])]),e._v(" "),t("p",[e._v("Please provide any additional details associated with the bug, if it's browser or screen density specific, or only happens with a certain configuration or data.")]),e._v(" "),t("h2",{attrs:{id:"local-development"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#local-development"}},[e._v("#")]),e._v(" Local development")]),e._v(" "),t("p",[e._v("Run "),t("code",[e._v("npm ci")]),e._v(" to install all the libraries, then run "),t("code",[e._v("npm run dev")]),e._v(" to build and run tests as you make changes.")]),e._v(" "),t("h2",{attrs:{id:"pull-requests"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#pull-requests"}},[e._v("#")]),e._v(" Pull requests")]),e._v(" "),t("p",[e._v("Clear, concise pull requests are excellent at continuing the project's community driven growth. But please review "),t("a",{attrs:{href:"https://github.com/blog/1943-how-to-write-the-perfect-pull-request",target:"_blank",rel:"noopener noreferrer"}},[e._v("these guidelines"),t("OutboundLink")],1),e._v(" and the guidelines below before starting work on the project.")]),e._v(" "),t("p",[e._v("Guidelines:")]),e._v(" "),t("ul",[t("li",[e._v("Please create an issue first:\n"),t("ul",[t("li",[e._v("For bugs, we can discuss the fixing approach")]),e._v(" "),t("li",[e._v("For enhancements, we can discuss if it is within the project scope and avoid duplicate effort")])])]),e._v(" "),t("li",[e._v("Please make changes to the files in "),t("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/tree/master/src",target:"_blank",rel:"noopener noreferrer"}},[t("code",[e._v("/src")]),t("OutboundLink")],1)]),e._v(" "),t("li",[e._v("Please add tests in "),t("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/tree/master/test",target:"_blank",rel:"noopener noreferrer"}},[t("code",[e._v("/test")]),t("OutboundLink")],1)]),e._v(" "),t("li",[e._v("Spaces for indentation, not tabs please")]),e._v(" "),t("li",[e._v("If adding new functionality, please also update the relevant "),t("code",[e._v(".md")]),e._v(" file in "),t("a",{attrs:{href:"https://github.com/chartjs/chartjs-plugin-annotation/tree/master/docs",target:"_blank",rel:"noopener noreferrer"}},[t("code",[e._v("/docs")]),t("OutboundLink")],1)]),e._v(" "),t("li",[e._v("Please make your commits in logical sections with clear commit messages")])]),e._v(" "),t("h2",{attrs:{id:"license"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#license"}},[e._v("#")]),e._v(" License")]),e._v(" "),t("p",[e._v("By contributing your code, you agree to license your contribution under the "),t("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/master/LICENSE.md",target:"_blank",rel:"noopener noreferrer"}},[e._v("MIT license"),t("OutboundLink")],1),e._v(".")])])}),[],!1,null,null,null);t.default=a.exports}}]); \ No newline at end of file diff --git a/master/assets/js/47.66c8a706.js b/master/assets/js/47.bc3971ca.js similarity index 98% rename from master/assets/js/47.66c8a706.js rename to master/assets/js/47.bc3971ca.js index 76cda2fba..614474e33 100644 --- a/master/assets/js/47.66c8a706.js +++ b/master/assets/js/47.bc3971ca.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[47],{456: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("var")]),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([[47],{455: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("var")]),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.1e219b11.js b/master/assets/js/49.8b3239bf.js similarity index 95% rename from master/assets/js/49.1e219b11.js rename to master/assets/js/49.8b3239bf.js index d86c6ca17..979112a21 100644 --- a/master/assets/js/49.1e219b11.js +++ b/master/assets/js/49.8b3239bf.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[49],{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 +(window.webpackJsonp=window.webpackJsonp||[]).push([[49],{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 diff --git a/master/assets/js/51.6fd24c25.js b/master/assets/js/51.48bec0ce.js similarity index 99% rename from master/assets/js/51.6fd24c25.js rename to master/assets/js/51.48bec0ce.js index 969d48742..6bd669090 100644 --- a/master/assets/js/51.6fd24c25.js +++ b/master/assets/js/51.48bec0ce.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[51],{461: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("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("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([[51],{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("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("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/52.3e978a14.js b/master/assets/js/52.b0c055a1.js similarity index 99% rename from master/assets/js/52.3e978a14.js rename to master/assets/js/52.b0c055a1.js index 8cd958ce6..accf4fded 100644 --- a/master/assets/js/52.3e978a14.js +++ b/master/assets/js/52.b0c055a1.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[52],{462:function(t,e,d){"use strict";d.r(e);var v=d(4),_=Object(v.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h3",{attrs:{id:"common-options-to-all-annotations"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#common-options-to-all-annotations"}},[t._v("#")]),t._v(" Common options to all annotations")]),t._v(" "),e("p",[t._v("The following options are available for all annotations.")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"center"}},[e("RouterLink",{attrs:{to:"/guide/options.html#scriptable-options"}},[t._v("Scriptable")])],1),t._v(" "),e("th",[t._v("Default")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("adjustScaleRange")])])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("true")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("backgroundColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#color"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("options.color")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#color"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("options.color")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderDash")])])]),t._v(" "),e("td",[e("code",[t._v("number[]")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("[]")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderDashOffset")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderShadowColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#color"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'transparent'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("display")])])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("true")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("drawTime")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'afterDatasetsDraw'")])])]),t._v(" "),e("tr",[e("td",[e("RouterLink",{attrs:{to:"/guide/configuration.html#common"}},[e("code",[t._v("init")])])],1),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("RouterLink",{attrs:{to:"/guide/configuration.html#initial-animation"}},[t._v("See initial animation")])],1),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("id")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("No")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("shadowBlur")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("shadowOffsetX")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("shadowOffsetY")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("xMax")])])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v(" | "),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("xMin")])])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v(" | "),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("xScaleID")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("yMin")])])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v(" | "),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("yMax")])])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v(" | "),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("yScaleID")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("z")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])])])])])}),[],!1,null,null,null);e.default=_.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[52],{463:function(t,e,d){"use strict";d.r(e);var v=d(4),_=Object(v.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h3",{attrs:{id:"common-options-to-all-annotations"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#common-options-to-all-annotations"}},[t._v("#")]),t._v(" Common options to all annotations")]),t._v(" "),e("p",[t._v("The following options are available for all annotations.")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"center"}},[e("RouterLink",{attrs:{to:"/guide/options.html#scriptable-options"}},[t._v("Scriptable")])],1),t._v(" "),e("th",[t._v("Default")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("adjustScaleRange")])])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("true")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("backgroundColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#color"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("options.color")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#color"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("options.color")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderDash")])])]),t._v(" "),e("td",[e("code",[t._v("number[]")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("[]")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderDashOffset")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderShadowColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/guide/options.html#color"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'transparent'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("display")])])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("true")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("drawTime")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'afterDatasetsDraw'")])])]),t._v(" "),e("tr",[e("td",[e("RouterLink",{attrs:{to:"/guide/configuration.html#common"}},[e("code",[t._v("init")])])],1),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("RouterLink",{attrs:{to:"/guide/configuration.html#initial-animation"}},[t._v("See initial animation")])],1),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("id")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("No")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("shadowBlur")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("shadowOffsetX")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("shadowOffsetY")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("xMax")])])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v(" | "),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("xMin")])])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v(" | "),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("xScaleID")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("yMin")])])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v(" | "),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("yMax")])])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v(" | "),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("yScaleID")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("z")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])])])])])}),[],!1,null,null,null);e.default=_.exports}}]); \ No newline at end of file diff --git a/master/assets/js/53.9f86675a.js b/master/assets/js/53.8bc9ce85.js similarity index 95% rename from master/assets/js/53.9f86675a.js rename to master/assets/js/53.8bc9ce85.js index 2c08a065a..eb5933c20 100644 --- a/master/assets/js/53.9f86675a.js +++ b/master/assets/js/53.8bc9ce85.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[53],{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([[53],{470: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/54.852ccadd.js b/master/assets/js/54.aaf14ea5.js similarity index 77% rename from master/assets/js/54.852ccadd.js rename to master/assets/js/54.aaf14ea5.js index 4974adfca..7ecab47ac 100644 --- a/master/assets/js/54.852ccadd.js +++ b/master/assets/js/54.aaf14ea5.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[54],{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([[54],{471: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/55.c102eb0d.js b/master/assets/js/55.7018c954.js similarity index 97% rename from master/assets/js/55.c102eb0d.js rename to master/assets/js/55.7018c954.js index 5d5b3be6e..683cc17c4 100644 --- a/master/assets/js/55.c102eb0d.js +++ b/master/assets/js/55.7018c954.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[55],{470:function(n,t,a){"use strict";a.r(t);var o=a(4),i=Object(o.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"basic"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#basic"}},[this._v("#")]),this._v(" Basic")]),this._v(" "),n("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 8;\nconst MIN = [0, 50];\nconst MAX = [50, 100];\n\nUtils.srand(8);\n\nconst data = {\n datasets: [{\n data: Utils.points({count: DATA_COUNT, min: MIN[0], max: MAX[0]})\n }, {\n data: Utils.points({count: DATA_COUNT, min: MIN[1], max: MAX[1]})\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'box',\n backgroundColor: 'rgba(0, 150, 0, 0.02)',\n borderColor: 'rgba(0, 150, 0, 0.2)',\n borderRadius: 4,\n borderWidth: 1,\n xMax: (ctx) => max(ctx, 0, 'x') + 2,\n xMin: (ctx) => min(ctx, 0, 'x') - 2,\n yMax: (ctx) => max(ctx, 0, 'y') + 2,\n yMin: (ctx) => min(ctx, 0, 'y') - 2\n};\n// \n\n// \nconst annotation2 = {\n type: 'box',\n backgroundColor: 'rgba(150, 0, 0, 0.02)',\n borderColor: 'rgba(150, 0, 0, 0.2)',\n borderRadius: 4,\n borderWidth: 1,\n xMax: (ctx) => max(ctx, 1, 'x') + 2,\n xMin: (ctx) => min(ctx, 1, 'x') - 2,\n yMax: (ctx) => max(ctx, 1, 'y') + 2,\n yMin: (ctx) => min(ctx, 1, 'y') - 2\n};\n// \n\n/* */\nconst config = {\n type: 'scatter',\n data,\n options: {\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction min(ctx, datasetIndex, prop) {\n const dataset = ctx.chart.data.datasets[datasetIndex];\n return dataset.data.reduce((v, point) => Math.min(point[prop], v), Infinity);\n}\n\nfunction max(ctx, datasetIndex, prop) {\n const dataset = ctx.chart.data.datasets[datasetIndex];\n return dataset.data.reduce((v, point) => Math.max(point[prop], v), -Infinity);\n}\n\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.forEach(p => {\n p.x = Utils.rand(MIN[i], MAX[i]);\n p.y = Utils.rand(MIN[i], MAX[i]);\n });\n });\n chart.update();\n }\n },\n {\n name: 'Add data',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.push({x: Utils.rand(MIN[i], MAX[i]), y: Utils.rand(MIN[i], MAX[i])});\n });\n chart.update();\n }\n },\n {\n name: 'Remove data',\n handler: function(chart) {\n chart.data.labels.shift();\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.shift();\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n"}})],1)}),[],!1,null,null,null);t.default=i.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[55],{474:function(n,t,a){"use strict";a.r(t);var o=a(4),i=Object(o.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"basic"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#basic"}},[this._v("#")]),this._v(" Basic")]),this._v(" "),n("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 8;\nconst MIN = [0, 50];\nconst MAX = [50, 100];\n\nUtils.srand(8);\n\nconst data = {\n datasets: [{\n data: Utils.points({count: DATA_COUNT, min: MIN[0], max: MAX[0]})\n }, {\n data: Utils.points({count: DATA_COUNT, min: MIN[1], max: MAX[1]})\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'box',\n backgroundColor: 'rgba(0, 150, 0, 0.02)',\n borderColor: 'rgba(0, 150, 0, 0.2)',\n borderRadius: 4,\n borderWidth: 1,\n xMax: (ctx) => max(ctx, 0, 'x') + 2,\n xMin: (ctx) => min(ctx, 0, 'x') - 2,\n yMax: (ctx) => max(ctx, 0, 'y') + 2,\n yMin: (ctx) => min(ctx, 0, 'y') - 2\n};\n// \n\n// \nconst annotation2 = {\n type: 'box',\n backgroundColor: 'rgba(150, 0, 0, 0.02)',\n borderColor: 'rgba(150, 0, 0, 0.2)',\n borderRadius: 4,\n borderWidth: 1,\n xMax: (ctx) => max(ctx, 1, 'x') + 2,\n xMin: (ctx) => min(ctx, 1, 'x') - 2,\n yMax: (ctx) => max(ctx, 1, 'y') + 2,\n yMin: (ctx) => min(ctx, 1, 'y') - 2\n};\n// \n\n/* */\nconst config = {\n type: 'scatter',\n data,\n options: {\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction min(ctx, datasetIndex, prop) {\n const dataset = ctx.chart.data.datasets[datasetIndex];\n return dataset.data.reduce((v, point) => Math.min(point[prop], v), Infinity);\n}\n\nfunction max(ctx, datasetIndex, prop) {\n const dataset = ctx.chart.data.datasets[datasetIndex];\n return dataset.data.reduce((v, point) => Math.max(point[prop], v), -Infinity);\n}\n\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.forEach(p => {\n p.x = Utils.rand(MIN[i], MAX[i]);\n p.y = Utils.rand(MIN[i], MAX[i]);\n });\n });\n chart.update();\n }\n },\n {\n name: 'Add data',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.push({x: Utils.rand(MIN[i], MAX[i]), y: Utils.rand(MIN[i], MAX[i])});\n });\n chart.update();\n }\n },\n {\n name: 'Remove data',\n handler: function(chart) {\n chart.data.labels.shift();\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.shift();\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n"}})],1)}),[],!1,null,null,null);t.default=i.exports}}]); \ No newline at end of file diff --git a/master/assets/js/56.17e730da.js b/master/assets/js/56.c7b3695f.js similarity index 97% rename from master/assets/js/56.17e730da.js rename to master/assets/js/56.c7b3695f.js index 80040c3c2..3c1339eb1 100644 --- a/master/assets/js/56.17e730da.js +++ b/master/assets/js/56.c7b3695f.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[56],{473: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-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 = 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"}})],1)}),[],!1,null,null,null);t.default=s.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[56],{472: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-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 = 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"}})],1)}),[],!1,null,null,null);t.default=s.exports}}]); \ No newline at end of file diff --git a/master/assets/js/57.24ba4984.js b/master/assets/js/57.9aea6fa9.js similarity index 96% rename from master/assets/js/57.24ba4984.js rename to master/assets/js/57.9aea6fa9.js index fcde33217..9d0123025 100644 --- a/master/assets/js/57.24ba4984.js +++ b/master/assets/js/57.9aea6fa9.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[57],{474: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([[57],{473: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/62.c781838d.js b/master/assets/js/62.ee56a773.js similarity index 97% rename from master/assets/js/62.c781838d.js rename to master/assets/js/62.ee56a773.js index 317ca8c00..ca1942c77 100644 --- a/master/assets/js/62.c781838d.js +++ b/master/assets/js/62.ee56a773.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[62],{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 +(window.webpackJsonp=window.webpackJsonp||[]).push([[62],{479: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/63.b0e5d707.js b/master/assets/js/63.bde9899c.js similarity index 97% rename from master/assets/js/63.b0e5d707.js rename to master/assets/js/63.bde9899c.js index 82137302a..537f0edf0 100644 --- a/master/assets/js/63.b0e5d707.js +++ b/master/assets/js/63.bde9899c.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[63],{479: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([[63],{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 diff --git a/master/assets/js/71.d1354760.js b/master/assets/js/71.e1318e40.js similarity index 98% rename from master/assets/js/71.d1354760.js rename to master/assets/js/71.e1318e40.js index 8ab1aac09..ef36e62f2 100644 --- a/master/assets/js/71.d1354760.js +++ b/master/assets/js/71.e1318e40.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[71],{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([[71],{488: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/72.ea80b800.js b/master/assets/js/72.a00b62f2.js similarity index 97% rename from master/assets/js/72.ea80b800.js rename to master/assets/js/72.a00b62f2.js index f87b81c3c..43acc5787 100644 --- a/master/assets/js/72.ea80b800.js +++ b/master/assets/js/72.a00b62f2.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[72],{488: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([[72],{492: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/73.9d1bb715.js b/master/assets/js/73.e808293f.js similarity index 97% rename from master/assets/js/73.9d1bb715.js rename to master/assets/js/73.e808293f.js index 6d381c340..ece8c97ab 100644 --- a/master/assets/js/73.9d1bb715.js +++ b/master/assets/js/73.e808293f.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[73],{490: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([[73],{489: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/74.4cb032d3.js b/master/assets/js/74.841f1459.js similarity index 97% rename from master/assets/js/74.4cb032d3.js rename to master/assets/js/74.841f1459.js index 935c2b0e3..dd60dd3c9 100644 --- a/master/assets/js/74.4cb032d3.js +++ b/master/assets/js/74.841f1459.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[74],{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([[74],{490: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/75.983fa753.js b/master/assets/js/75.050bee7f.js similarity index 97% rename from master/assets/js/75.983fa753.js rename to master/assets/js/75.050bee7f.js index 103a4228b..9f6c82a2b 100644 --- a/master/assets/js/75.983fa753.js +++ b/master/assets/js/75.050bee7f.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[75],{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([[75],{491:function(n,t,a){"use strict";a.r(t);var e=a(4),o=Object(e.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"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/8.7e5c64da.js b/master/assets/js/8.46fbfbbd.js similarity index 97% rename from master/assets/js/8.7e5c64da.js rename to master/assets/js/8.46fbfbbd.js index 594f4aea9..acfecd64b 100644 --- a/master/assets/js/8.7e5c64da.js +++ b/master/assets/js/8.46fbfbbd.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"},457: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.6d80f13d.js b/master/assets/js/80.118ff43a.js similarity index 98% rename from master/assets/js/80.6d80f13d.js rename to master/assets/js/80.118ff43a.js index 79764a7f7..6063fb920 100644 --- a/master/assets/js/80.6d80f13d.js +++ b/master/assets/js/80.118ff43a.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[80],{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([[80],{498:function(n,t,a){"use strict";a.r(t);var o=a(4),s=Object(o.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"lower-and-upper-bounds-labels"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#lower-and-upper-bounds-labels"}},[this._v("#")]),this._v(" Lower and upper bounds labels")]),this._v(" "),n("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 8;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(8);\n\nconst labels = [];\nfor (let i = 0; i < DATA_COUNT; ++i) {\n labels.push('' + i);\n}\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: labels,\n datasets: [{\n data: Utils.numbers(numberCfg)\n }, {\n data: Utils.numbers(numberCfg)\n }, {\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'label',\n content: (ctx) => 'Lower bound: ' + minValue(ctx).toFixed(3),\n position: {\n x: 'start',\n y: 'end'\n },\n xScaleID: 'x',\n xValue: 2,\n yScaleID: 'y',\n yValue: minValue\n};\n// \n\n// \nconst annotation2 = {\n type: 'label',\n content: (ctx) => 'Upper bound: ' + maxValue(ctx).toFixed(3),\n position: {\n x: 'start',\n y: 'start'\n },\n xScaleID: 'x',\n xValue: 2,\n yScaleID: 'y',\n yValue: maxValue\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n y: {\n stacked: true\n }\n },\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction minValue(ctx) {\n const dataset = ctx.chart.data.datasets[0];\n const min = dataset.data.reduce((max, point) => Math.min(point, max), Infinity);\n return isFinite(min) ? min : 0;\n}\n\nfunction maxValue(ctx) {\n const datasets = ctx.chart.data.datasets;\n const count = datasets[0].data.length;\n let max = 0;\n for (let i = 0; i < count; i++) {\n let sum = 0;\n for (const dataset of datasets) {\n sum += dataset.data[i];\n }\n max = Math.max(max, sum);\n }\n return max;\n}\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Add data',\n handler: function(chart) {\n chart.data.labels.push(chart.data.labels.length);\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.push(Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Remove data',\n handler: function(chart) {\n chart.data.labels.shift();\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.shift();\n });\n chart.update();\n }\n },\n {\n name: 'Cycle x-position',\n handler: function(chart) {\n const annotations = chart.options.plugins.annotation.annotations;\n if (annotations.annotation1.position.x === 'start') {\n annotations.annotation1.position.x = 'end';\n annotations.annotation2.position.x = 'end';\n } else if (annotations.annotation1.position.x === 'center') {\n annotations.annotation1.position.x = 'start';\n annotations.annotation2.position.x = 'start';\n } else {\n annotations.annotation1.position.x = 'center';\n annotations.annotation2.position.x = 'center';\n }\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n"}})],1)}),[],!1,null,null,null);t.default=s.exports}}]); \ No newline at end of file diff --git a/master/assets/js/81.aa451056.js b/master/assets/js/81.8158d6d6.js similarity index 97% rename from master/assets/js/81.aa451056.js rename to master/assets/js/81.8158d6d6.js index 4f9442253..19ff5b02e 100644 --- a/master/assets/js/81.aa451056.js +++ b/master/assets/js/81.8158d6d6.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[81],{500:function(n,t,a){"use strict";a.r(t);var o=a(4),e=Object(o.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"point"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#point"}},[this._v("#")]),this._v(" Point")]),this._v(" "),n("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 12;\nconst MIN = 0;\nconst MAX = 100;\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'label',\n backgroundColor: 'rgba(245, 245, 245, 0.5)',\n content: (ctx) => 'Maximum value is ' + maxValue(ctx).toFixed(2),\n font: {\n size: 16\n },\n padding: {\n top: 6,\n left: 6,\n right: 6,\n bottom: 12\n },\n position: {\n x: (ctx) => maxIndex(ctx) <= 3 ? 'start' : maxIndex(ctx) >= 10 ? 'end' : 'center',\n y: 'end'\n },\n xValue: (ctx) => maxLabel(ctx),\n yAdjust: -6,\n yValue: (ctx) => maxValue(ctx)\n};\n// \n\n// \nconst annotation2 = {\n type: 'point',\n backgroundColor: 'transparent',\n borderColor: (ctx) => ctx.chart.data.datasets[0].borderColor,\n pointStyle: 'rectRounded',\n radius: 10,\n xValue: (ctx) => maxLabel(ctx),\n yValue: (ctx) => maxValue(ctx)\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n layout: {\n padding: {\n right: 10\n },\n },\n scales: {\n y: {\n beginAtZero: true,\n max: 120,\n min: 0\n }\n },\n plugins: {\n annotation: {\n clip: false,\n annotations: {\n annotation1,\n annotation2\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction maxValue(ctx) {\n let max = 0;\n const dataset = ctx.chart.data.datasets[0];\n dataset.data.forEach(function(el) {\n max = Math.max(max, el);\n });\n return max;\n}\n\nfunction maxIndex(ctx) {\n const max = maxValue(ctx);\n const dataset = ctx.chart.data.datasets[0];\n return dataset.data.indexOf(max);\n}\n\nfunction maxLabel(ctx) {\n return ctx.chart.data.labels[maxIndex(ctx)];\n}\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n"}})],1)}),[],!1,null,null,null);t.default=e.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[81],{497: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.edfa67eb.js b/master/assets/js/83.357407de.js similarity index 97% rename from master/assets/js/83.edfa67eb.js rename to master/assets/js/83.357407de.js index d0d74ee12..19cc896c4 100644 --- a/master/assets/js/83.edfa67eb.js +++ b/master/assets/js/83.357407de.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[83],{498: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([[83],{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 diff --git a/master/assets/js/84.7a2dd8e8.js b/master/assets/js/84.fe249dd5.js similarity index 96% rename from master/assets/js/84.7a2dd8e8.js rename to master/assets/js/84.fe249dd5.js index d52ff680b..6f924fe50 100644 --- a/master/assets/js/84.7a2dd8e8.js +++ b/master/assets/js/84.fe249dd5.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[84],{502:function(n,t,a){"use strict";a.r(t);var s=a(4),o=Object(s.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"basic"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#basic"}},[this._v("#")]),this._v(" Basic")]),this._v(" "),n("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 8;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(8);\n\nconst labels = [];\nfor (let i = 0; i < DATA_COUNT; ++i) {\n labels.push('' + i);\n}\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: labels,\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation = {\n type: 'line',\n borderColor: 'black',\n borderWidth: 3,\n scaleID: 'y',\n value: 50\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n y: {\n stacked: true\n }\n },\n plugins: {\n annotation: {\n annotations: {\n annotation\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Add data',\n handler: function(chart) {\n chart.data.labels.push(chart.data.labels.length);\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.push(Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Remove data',\n handler: function(chart) {\n chart.data.labels.shift();\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.shift();\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config\n};\n"}})],1)}),[],!1,null,null,null);t.default=o.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[84],{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 diff --git a/master/assets/js/85.84677553.js b/master/assets/js/85.fd17969a.js similarity index 98% rename from master/assets/js/85.84677553.js rename to master/assets/js/85.fd17969a.js index f3cf1a9ea..d68092695 100644 --- a/master/assets/js/85.84677553.js +++ b/master/assets/js/85.fd17969a.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[85],{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:"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([[85],{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 diff --git a/master/assets/js/9.a0cc4369.js b/master/assets/js/9.08430bf8.js similarity index 99% rename from master/assets/js/9.a0cc4369.js rename to master/assets/js/9.08430bf8.js index 868b81278..d6e14c0d6 100644 --- a/master/assets/js/9.a0cc4369.js +++ b/master/assets/js/9.08430bf8.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[9],{261:function(t,e,o){t.exports=o.p+"assets/img/elementBoxProps.645c7c00.png"},464: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("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'afterDatasetsDraw'")])])]),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("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("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("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"},466: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("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'afterDatasetsDraw'")])])]),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("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("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("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/91.ed0b1057.js b/master/assets/js/91.7b6d4ae9.js similarity index 98% rename from master/assets/js/91.ed0b1057.js rename to master/assets/js/91.7b6d4ae9.js index a59c1bb1d..a1655c696 100644 --- a/master/assets/js/91.ed0b1057.js +++ b/master/assets/js/91.7b6d4ae9.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[91],{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([[91],{508:function(n,t,a){"use strict";a.r(t);var e=a(4),o=Object(e.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"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/92.710b251d.js b/master/assets/js/92.539d4868.js similarity index 97% rename from master/assets/js/92.710b251d.js rename to master/assets/js/92.539d4868.js index 74ed2f20b..bc8c09de7 100644 --- a/master/assets/js/92.710b251d.js +++ b/master/assets/js/92.539d4868.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[92],{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:"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([[92],{509: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.0a9acb4b.js b/master/assets/js/94.2418dfb1.js similarity index 98% rename from master/assets/js/94.0a9acb4b.js rename to master/assets/js/94.2418dfb1.js index 3557fe6cb..5778578d2 100644 --- a/master/assets/js/94.0a9acb4b.js +++ b/master/assets/js/94.2418dfb1.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:"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([[94],{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/95.a140cb26.js b/master/assets/js/95.02022b42.js similarity index 97% rename from master/assets/js/95.a140cb26.js rename to master/assets/js/95.02022b42.js index 1959855de..2781d158a 100644 --- a/master/assets/js/95.a140cb26.js +++ b/master/assets/js/95.02022b42.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[95],{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([[95],{511:function(n,t,a){"use strict";a.r(t);var i=a(4),s=Object(i.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"line-visibility"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#line-visibility"}},[this._v("#")]),this._v(" Line visibility")]),this._v(" "),n("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 6;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(8);\nconst jointValue = Utils.rand(MIN, MAX);\n\nconst dataCfg = Utils.numbers({count: DATA_COUNT, min: MIN, max: MAX});\ndataCfg.push(jointValue, NaN, NaN, NaN, NaN, NaN, NaN);\n\nconst futureCfg = Utils.numbers({count: DATA_COUNT - 1, min: MIN, max: MAX});\nfutureCfg.splice(0, 0, NaN, NaN, NaN, NaN, NaN, NaN, jointValue);\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: dataCfg\n }, {\n data: futureCfg,\n borderDash: [6, 6]\n }]\n};\n// \n\n// \nconst annotation = {\n type: 'line',\n borderColor: 'black',\n borderWidth: 1,\n display: (ctx) => ctx.chart.isDatasetVisible(1),\n label: {\n display: true,\n content: 'Now',\n position: 'start'\n },\n scaleID: 'x',\n value: 'July'\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n plugins: {\n annotation: {\n annotations: {\n annotation\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Toggle annotation',\n handler: function(chart) {\n const visible = chart.isDatasetVisible(1);\n if (visible) {\n chart.options.scales.x.max = 'July';\n } else {\n chart.options.scales.x.max = undefined;\n }\n chart.setDatasetVisibility(1, !visible);\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n"}})],1)}),[],!1,null,null,null);t.default=s.exports}}]); \ No newline at end of file diff --git a/master/assets/js/app.82cdbf94.js b/master/assets/js/app.a1465989.js similarity index 77% rename from master/assets/js/app.82cdbf94.js rename to master/assets/js/app.a1465989.js index 3cd0f9440..f41bc76af 100644 --- a/master/assets/js/app.82cdbf94.js +++ b/master/assets/js/app.a1465989.js @@ -1,4 +1,4 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[0],[]]);!function(n){function t(t){for(var o,r,s=t[0],l=t[1],c=t[2],u=0,h=[];u=n.length?{done:!0}:{done:!1,value:n[o++]}},e:function(n){throw n},f:a}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var i,r=!0,s=!1;return{s:function(){e=e.call(n)},n:function(){var n=e.next();return r=n.done,n},e:function(n){s=!0,i=n},f:function(){try{r||null==e.return||e.return()}finally{if(s)throw i}}}}function d(n,t){if(n){if("string"==typeof n)return u(n,t);var e=Object.prototype.toString.call(n).slice(8,-1);return"Object"===e&&n.constructor&&(e=n.constructor.name),"Map"===e||"Set"===e?Array.from(n):"Arguments"===e||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e)?u(n,t):void 0}}function u(n,t){(null==t||t>n.length)&&(t=n.length);for(var e=0,o=new Array(t);e=n.length?{done:!0}:{done:!1,value:n[o++]}},e:function(n){throw n},f:a}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var i,r=!0,s=!1;return{s:function(){e=e.call(n)},n:function(){var n=e.next();return r=n.done,n},e:function(n){s=!0,i=n},f:function(){try{r||null==e.return||e.return()}finally{if(s)throw i}}}}function d(n,t){if(n){if("string"==typeof n)return u(n,t);var e=Object.prototype.toString.call(n).slice(8,-1);return"Object"===e&&n.constructor&&(e=n.constructor.name),"Map"===e||"Set"===e?Array.from(n):"Arguments"===e||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e)?u(n,t):void 0}}function u(n,t){(null==t||t>n.length)&&(t=n.length);for(var e=0,o=new Array(t);eM * vue-router v3.6.5 * (c) 2022 Evan You * @license MIT - */function s(n,t){for(var e in t)n[e]=t[e];return n}var l=/[!'()*]/g,c=function(n){return"%"+n.charCodeAt(0).toString(16)},d=/%2C/g,u=function(n){return encodeURIComponent(n).replace(l,c).replace(d,",")};function h(n){try{return decodeURIComponent(n)}catch(n){0}return n}var f=function(n){return null==n||"object"==typeof n?n:String(n)};function p(n){var t={};return(n=n.trim().replace(/^(\?|#|&)/,""))?(n.split("&").forEach((function(n){var e=n.replace(/\+/g," ").split("="),o=h(e.shift()),a=e.length>0?h(e.join("=")):null;void 0===t[o]?t[o]=a:Array.isArray(t[o])?t[o].push(a):t[o]=[t[o],a]})),t):t}function b(n){var t=n?Object.keys(n).map((function(t){var e=n[t];if(void 0===e)return"";if(null===e)return u(t);if(Array.isArray(e)){var o=[];return e.forEach((function(n){void 0!==n&&(null===n?o.push(u(t)):o.push(u(t)+"="+u(n)))})),o.join("&")}return u(t)+"="+u(e)})).filter((function(n){return n.length>0})).join("&"):null;return t?"?"+t:""}var v=/\/?$/;function g(n,t,e,o){var a=o&&o.options.stringifyQuery,i=t.query||{};try{i=m(i)}catch(n){}var r={name:t.name||n&&n.name,meta:n&&n.meta||{},path:t.path||"/",hash:t.hash||"",query:i,params:t.params||{},fullPath:w(t,a),matched:n?x(n):[]};return e&&(r.redirectedFrom=w(e,a)),Object.freeze(r)}function m(n){if(Array.isArray(n))return n.map(m);if(n&&"object"==typeof n){var t={};for(var e in n)t[e]=m(n[e]);return t}return n}var y=g(null,{path:"/"});function x(n){for(var t=[];n;)t.unshift(n),n=n.parent;return t}function w(n,t){var e=n.path,o=n.query;void 0===o&&(o={});var a=n.hash;return void 0===a&&(a=""),(e||"/")+(t||b)(o)+a}function O(n,t,e){return t===y?n===t:!!t&&(n.path&&t.path?n.path.replace(v,"")===t.path.replace(v,"")&&(e||n.hash===t.hash&&C(n.query,t.query)):!(!n.name||!t.name)&&(n.name===t.name&&(e||n.hash===t.hash&&C(n.query,t.query)&&C(n.params,t.params))))}function C(n,t){if(void 0===n&&(n={}),void 0===t&&(t={}),!n||!t)return n===t;var e=Object.keys(n).sort(),o=Object.keys(t).sort();return e.length===o.length&&e.every((function(e,a){var i=n[e];if(o[a]!==e)return!1;var r=t[e];return null==i||null==r?i===r:"object"==typeof i&&"object"==typeof r?C(i,r):String(i)===String(r)}))}function k(n){for(var t=0;t=0&&(t=n.slice(o),n=n.slice(0,o));var a=n.indexOf("?");return a>=0&&(e=n.slice(a+1),n=n.slice(0,a)),{path:n,query:e,hash:t}}(a.path||""),d=t&&t.path||"/",u=c.path?D(c.path,d,e||a.append):d,h=function(n,t,e){void 0===t&&(t={});var o,a=e||p;try{o=a(n||"")}catch(n){o={}}for(var i in t){var r=t[i];o[i]=Array.isArray(r)?r.map(f):f(r)}return o}(c.query,a.query,o&&o.options.parseQuery),b=a.hash||c.hash;return b&&"#"!==b.charAt(0)&&(b="#"+b),{_normalized:!0,path:u,query:h,hash:b}}var J,q=function(){},G={name:"RouterLink",props:{to:{type:[String,Object],required:!0},tag:{type:String,default:"a"},custom:Boolean,exact:Boolean,exactPath:Boolean,append:Boolean,replace:Boolean,activeClass:String,exactActiveClass:String,ariaCurrentValue:{type:String,default:"page"},event:{type:[String,Array],default:"click"}},render:function(n){var t=this,e=this.$router,o=this.$route,a=e.resolve(this.to,o,this.append),i=a.location,r=a.route,l=a.href,c={},d=e.options.linkActiveClass,u=e.options.linkExactActiveClass,h=null==d?"router-link-active":d,f=null==u?"router-link-exact-active":u,p=null==this.activeClass?h:this.activeClass,b=null==this.exactActiveClass?f:this.exactActiveClass,m=r.redirectedFrom?g(null,H(r.redirectedFrom),null,e):r;c[b]=O(o,m,this.exactPath),c[p]=this.exact||this.exactPath?c[b]:function(n,t){return 0===n.path.replace(v,"/").indexOf(t.path.replace(v,"/"))&&(!t.hash||n.hash===t.hash)&&function(n,t){for(var e in t)if(!(e in n))return!1;return!0}(n.query,t.query)}(o,m);var y=c[b]?this.ariaCurrentValue:null,x=function(n){K(n)&&(t.replace?e.replace(i,q):e.push(i,q))},w={click:K};Array.isArray(this.event)?this.event.forEach((function(n){w[n]=x})):w[this.event]=x;var C={class:c},k=!this.$scopedSlots.$hasNormal&&this.$scopedSlots.default&&this.$scopedSlots.default({href:l,route:r,navigate:x,isActive:c[p],isExactActive:c[b]});if(k){if(1===k.length)return k[0];if(k.length>1||!k.length)return 0===k.length?n():n("span",{},k)}if("a"===this.tag)C.on=w,C.attrs={href:l,"aria-current":y};else{var _=function n(t){var e;if(t)for(var o=0;o-1&&(s.params[h]=e.params[h]);return s.path=X(d.path,s.params),l(d,s,r)}if(s.path){s.params={};for(var f=0;f-1}function An(n,t){return Mn(n)&&n._isRouter&&(null==t||n.type===t)}function Pn(n,t,e){var o=function(a){a>=n.length?e():n[a]?t(n[a],(function(){o(a+1)})):o(a+1)};o(0)}function jn(n){return function(t,e,o){var a=!1,i=0,r=null;In(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 In(n,t){return Tn(n.map((function(n){return Object.keys(n.components).map((function(e){return t(n.components[e],n.instances[e],n,e)}))})))}function Tn(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=In(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 Tn(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){Yn(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?Yn(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 $n(n){var t=window.location.href,e=t.indexOf("#");return(e>=0?t.slice(0,e):t)+"#"+n}function Yn(n){xn?wn($n(n)):window.location.hash=n}function Xn(n){xn?On($n(n)):window.location.replace($n(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,421)),Layout:()=>Promise.all([e.e(0),e.e(2)]).then(e.bind(null,419))},Qn={"v-4a62f668":()=>e.e(16).then(e.bind(null,425)),"v-3b83533d":()=>e.e(17).then(e.bind(null,426)),"v-2d43a12f":()=>e.e(18).then(e.bind(null,427)),"v-19fc5046":()=>e.e(19).then(e.bind(null,428)),"v-2bdf7887":()=>e.e(20).then(e.bind(null,429)),"v-d5f286de":()=>e.e(21).then(e.bind(null,430)),"v-25f1271d":()=>e.e(22).then(e.bind(null,431)),"v-bc74aa06":()=>e.e(24).then(e.bind(null,432)),"v-1c40ad9d":()=>e.e(23).then(e.bind(null,433)),"v-15088ca1":()=>e.e(25).then(e.bind(null,434)),"v-1915dd1f":()=>e.e(27).then(e.bind(null,435)),"v-2e4ca05d":()=>e.e(26).then(e.bind(null,436)),"v-ec8d56c6":()=>e.e(28).then(e.bind(null,437)),"v-7fae43e2":()=>e.e(29).then(e.bind(null,438)),"v-6b2059b3":()=>e.e(30).then(e.bind(null,439)),"v-4b4d89e9":()=>e.e(31).then(e.bind(null,440)),"v-c42c2106":()=>e.e(32).then(e.bind(null,441)),"v-49180d06":()=>e.e(33).then(e.bind(null,442)),"v-29e3487d":()=>e.e(34).then(e.bind(null,443)),"v-f13aec06":()=>e.e(35).then(e.bind(null,444)),"v-3e5dcf1d":()=>e.e(36).then(e.bind(null,445)),"v-35d1c17d":()=>e.e(37).then(e.bind(null,446)),"v-361cec5e":()=>e.e(38).then(e.bind(null,447)),"v-42745613":()=>e.e(40).then(e.bind(null,448)),"v-07090646":()=>e.e(39).then(e.bind(null,449)),"v-16482446":()=>e.e(41).then(e.bind(null,450)),"v-5dd3097d":()=>e.e(42).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-1b86f686":()=>e.e(47).then(e.bind(null,456)),"v-54682062":()=>e.e(46).then(e.bind(null,457)),"v-51daecc6":()=>e.e(48).then(e.bind(null,458)),"v-121872fd":()=>e.e(4).then(e.bind(null,459)),"v-15f8e6fd":()=>e.e(50).then(e.bind(null,460)),"v-0db22306":()=>e.e(51).then(e.bind(null,461)),"v-67fac0e2":()=>e.e(52).then(e.bind(null,462)),"v-4d1e5c5d":()=>e.e(49).then(e.bind(null,463)),"v-5b88421d":()=>e.e(9).then(e.bind(null,464)),"v-26692906":()=>e.e(10).then(e.bind(null,465)),"v-37e66462":()=>e.e(12).then(e.bind(null,466)),"v-49aea27d":()=>e.e(11).then(e.bind(null,467)),"v-90c1ce06":()=>e.e(13).then(e.bind(null,468)),"v-33db82fd":()=>e.e(14).then(e.bind(null,469)),"v-54f14cdd":()=>e.e(55).then(e.bind(null,470)),"v-942110c6":()=>e.e(53).then(e.bind(null,471)),"v-ebb19754":()=>e.e(54).then(e.bind(null,472)),"v-43e4cf76":()=>e.e(56).then(e.bind(null,473)),"v-366650ca":()=>e.e(57).then(e.bind(null,474)),"v-fac884d6":()=>e.e(58).then(e.bind(null,475)),"v-f46f9a86":()=>e.e(59).then(e.bind(null,476)),"v-b3a5649a":()=>e.e(60).then(e.bind(null,477)),"v-a827b1b2":()=>e.e(61).then(e.bind(null,478)),"v-1ac7de46":()=>e.e(63).then(e.bind(null,479)),"v-2215247d":()=>e.e(64).then(e.bind(null,480)),"v-f0a8046a":()=>e.e(62).then(e.bind(null,481)),"v-06766846":()=>e.e(65).then(e.bind(null,482)),"v-475451bd":()=>e.e(66).then(e.bind(null,483)),"v-14c8b49f":()=>e.e(67).then(e.bind(null,484)),"v-532157ca":()=>e.e(68).then(e.bind(null,485)),"v-de7917b6":()=>e.e(69).then(e.bind(null,486)),"v-0f11953d":()=>e.e(70).then(e.bind(null,487)),"v-4f17a19d":()=>e.e(72).then(e.bind(null,488)),"v-8f774586":()=>e.e(71).then(e.bind(null,489)),"v-ffcf4406":()=>e.e(73).then(e.bind(null,490)),"v-ed85c306":()=>e.e(74).then(e.bind(null,491)),"v-188d5d06":()=>e.e(75).then(e.bind(null,492)),"v-79f854d2":()=>e.e(76).then(e.bind(null,493)),"v-a53ecf06":()=>e.e(77).then(e.bind(null,494)),"v-224dfd1d":()=>e.e(78).then(e.bind(null,495)),"v-e1c46312":()=>e.e(79).then(e.bind(null,496)),"v-4dd91745":()=>e.e(80).then(e.bind(null,497)),"v-fe2fae0e":()=>e.e(83).then(e.bind(null,498)),"v-25be76ab":()=>e.e(82).then(e.bind(null,499)),"v-5cbaa4bd":()=>e.e(81).then(e.bind(null,500)),"v-0d73d593":()=>e.e(85).then(e.bind(null,501)),"v-14b16052":()=>e.e(84).then(e.bind(null,502)),"v-9e862306":()=>e.e(86).then(e.bind(null,503)),"v-22325356":()=>e.e(87).then(e.bind(null,504)),"v-c5c24e7a":()=>e.e(88).then(e.bind(null,505)),"v-76c7a746":()=>e.e(89).then(e.bind(null,506)),"v-19c0057d":()=>e.e(90).then(e.bind(null,507)),"v-2f3a8d3f":()=>e.e(92).then(e.bind(null,508)),"v-940803b2":()=>e.e(91).then(e.bind(null,509)),"v-5f6c329d":()=>e.e(93).then(e.bind(null,510)),"v-bc3af7aa":()=>e.e(94).then(e.bind(null,511)),"v-13db7dfd":()=>e.e(96).then(e.bind(null,512)),"v-5eb79d3d":()=>e.e(95).then(e.bind(null,513)),"v-21782935":()=>e.e(97).then(e.bind(null,514)),"v-246c16bd":()=>e.e(98).then(e.bind(null,515)),"v-dd2b401a":()=>e.e(99).then(e.bind(null,516)),"v-3ae674fd":()=>e.e(101).then(e.bind(null,517)),"v-0fc2653f":()=>e.e(100).then(e.bind(null,518)),"v-39b04a87":()=>e.e(102).then(e.bind(null,519)),"v-45140bd3":()=>e.e(103).then(e.bind(null,520)),"v-f2852e62":()=>e.e(104).then(e.bind(null,521)),"v-4719da06":()=>e.e(105).then(e.bind(null,522))};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})}},It=e(12),Tt=e.n(It),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=Tt.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}${Tt.a.base}`;return o.startsWith(a)?o.substring(a.length)+"/":o}function $t(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 Yt(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(...$t({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=Yt(Tt.a,Tt.a.versions||[]);r.a.set(Xt,"dropdown",n)}try{const n=await Object(Lt.fetchNpmVersions)(fetch,Tt.a.name),t=Yt(Tt.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 Tt.a.menu.locations){const e={item:Xt.dropdown},o=new Wt({router:n,propsData:e}).$mount();Object(Et.injectElement)(this.$el,o.$el,t)}Xt.inserted=!0}}}],Jt={name:"GlobalLayout",computed:{layout(){const n=this.getLayout();return gt("layout",n),r.a.component(n)}},methods:{getLayout(){if(this.$page.path){const n=this.$page.frontmatter.layout;return n&&(this.$vuepress.getLayoutAsyncComponent(n)||this.$vuepress.getVueComponent(n))?n:"Layout"}return"NotFound"}}},qt=Object(zt.a)(Jt,(function(){return(0,this._self._c)(this.layout,{tag:"component"})}),[],!1,null,null,null).exports;!function(n,t,e){switch(t){case"components":n[t]||(n[t]={}),Object.assign(n[t],e);break;case"mixins":n[t]||(n[t]=[]),n[t].push(...e);break;default:throw new Error("Unknown option name.")}}(qt,"mixins",Ht);const Gt=[{name:"v-4a62f668",path:"/api/",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-4a62f668").then(e)}},{path:"/api/index.html",redirect:"/api/"},{name:"v-3b83533d",path:"/api/interfaces/AnnotationBoxModel.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-3b83533d").then(e)}},{name:"v-2d43a12f",path:"/api/interfaces/AnnotationElement.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-2d43a12f").then(e)}},{name:"v-19fc5046",path:"/api/interfaces/AnnotationEvents.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-19fc5046").then(e)}},{name:"v-2bdf7887",path:"/api/interfaces/AnnotationHooks.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-2bdf7887").then(e)}},{name:"v-d5f286de",path:"/api/interfaces/AnnotationPluginOptions.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-d5f286de").then(e)}},{name:"v-25f1271d",path:"/api/interfaces/AnnotationPointCoordinates.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-25f1271d").then(e)}},{name:"v-bc74aa06",path:"/api/interfaces/ArrowHeadOptions.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-bc74aa06").then(e)}},{name:"v-1c40ad9d",path:"/api/interfaces/AnnotationTypeRegistry.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-1c40ad9d").then(e)}},{name:"v-15088ca1",path:"/api/interfaces/ArrowHeadsOptions.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-15088ca1").then(e)}},{name:"v-1915dd1f",path:"/api/interfaces/BoxLabelOptions.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-1915dd1f").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-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-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-1b86f686",path:"/guide/integration.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-1b86f686").then(e)}},{name:"v-54682062",path:"/guide/contributing.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-54682062").then(e)}},{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-15f8e6fd",path:"/guide/options.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-15f8e6fd").then(e)}},{name:"v-0db22306",path:"/guide/types/_commonInnerLabel.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-0db22306").then(e)}},{name:"v-67fac0e2",path:"/guide/types/_commonOptions.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-67fac0e2").then(e)}},{name:"v-4d1e5c5d",path:"/guide/migrationV3.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-4d1e5c5d").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-37e66462",path:"/guide/types/line.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-37e66462").then(e)}},{name:"v-49aea27d",path:"/guide/types/label.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-49aea27d").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-54f14cdd",path:"/samples/box/basic.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-54f14cdd").then(e)}},{name:"v-942110c6",path:"/guide/usage.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-942110c6").then(e)}},{name:"v-ebb19754",path:"/",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-ebb19754").then(e)}},{path:"/index.html",redirect:"/"},{name:"v-43e4cf76",path:"/samples/box/canvas.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-43e4cf76").then(e)}},{name:"v-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-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-f0a8046a",path:"/samples/charts/bar.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-f0a8046a").then(e)}},{name:"v-06766846",path:"/samples/ellipse/image.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-06766846").then(e)}},{name:"v-475451bd",path:"/samples/ellipse/label.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-475451bd").then(e)}},{name:"v-14c8b49f",path:"/samples/ellipse/rotation.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-14c8b49f").then(e)}},{name:"v-532157ca",path:"/samples/interaction/cartesianplane.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-532157ca").then(e)}},{name:"v-de7917b6",path:"/samples/interaction/dragging.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-de7917b6").then(e)}},{name:"v-0f11953d",path:"/samples/interaction/interaction.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-0f11953d").then(e)}},{name:"v-4f17a19d",path:"/samples/intro.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-4f17a19d").then(e)}},{name:"v-8f774586",path:"/samples/interaction/selection.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-8f774586").then(e)}},{name:"v-ffcf4406",path:"/samples/label/autoscaling.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-ffcf4406").then(e)}},{name:"v-ed85c306",path:"/samples/label/basic.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-ed85c306").then(e)}},{name:"v-188d5d06",path:"/samples/label/callout.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-188d5d06").then(e)}},{name:"v-79f854d2",path:"/samples/label/canvas.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-79f854d2").then(e)}},{name:"v-a53ecf06",path:"/samples/label/fontsColors.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-a53ecf06").then(e)}},{name:"v-224dfd1d",path:"/samples/label/image.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-224dfd1d").then(e)}},{name:"v-e1c46312",path:"/samples/label/innerChart.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-e1c46312").then(e)}},{name:"v-4dd91745",path:"/samples/label/lowerUpper.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-4dd91745").then(e)}},{name:"v-fe2fae0e",path:"/samples/line/average.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-fe2fae0e").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-0d73d593",path:"/samples/line/callout.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-0d73d593").then(e)}},{name:"v-14b16052",path:"/samples/line/basic.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-14b16052").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-2f3a8d3f",path:"/samples/line/limited.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-2f3a8d3f").then(e)}},{name:"v-940803b2",path:"/samples/line/labelVisibility.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-940803b2").then(e)}},{name:"v-5f6c329d",path:"/samples/line/lowerUpper.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-5f6c329d").then(e)}},{name:"v-bc3af7aa",path:"/samples/line/standardDeviation.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-bc3af7aa").then(e)}},{name:"v-13db7dfd",path:"/samples/point/basic.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-13db7dfd").then(e)}},{name:"v-5eb79d3d",path:"/samples/line/visibility.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-5eb79d3d").then(e)}},{name:"v-21782935",path:"/samples/point/combined.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-21782935").then(e)}},{name:"v-246c16bd",path:"/samples/point/initAnim.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-246c16bd").then(e)}},{name:"v-dd2b401a",path:"/samples/point/outsideChartArea.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-dd2b401a").then(e)}},{name:"v-3ae674fd",path:"/samples/polygon/basic.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-3ae674fd").then(e)}},{name:"v-0fc2653f",path:"/samples/point/shadow.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-0fc2653f").then(e)}},{name:"v-39b04a87",path:"/samples/polygon/outsideChartArea.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-39b04a87").then(e)}},{name:"v-45140bd3",path:"/samples/polygon/shadow.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-45140bd3").then(e)}},{name:"v-f2852e62",path:"/samples/polygon/stop.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-f2852e62").then(e)}},{name:"v-4719da06",path:"/samples/utils.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-4719da06").then(e)}},{path:"*",component:qt}],Kt={title:"chartjs-plugin-annotation",description:"Annotations for Chart.js",base:"/chartjs-plugin-annotation/master/",headTags:[["link",{rel:"icon",href:"/chartjs-plugin-annotation/master/favicon.png"}]],pages:[{title:"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" \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 \n Defined in \n index.d.ts:20 \n'},{title:"Interface: AnnotationBoxModel",frontmatter:{},regularPath:"/api/interfaces/AnnotationBoxModel.html",relativePath:"api/interfaces/AnnotationBoxModel.md",key:"v-3b83533d",path:"/api/interfaces/AnnotationBoxModel.html",headers:[{level:2,title:"Hierarchy",slug:"hierarchy"},{level:2,title:"Properties",slug:"properties"},{level:3,title:"centerX",slug:"centerx"},{level:3,title:"centerY",slug:"centery"},{level:3,title:"height",slug:"height"},{level:3,title:"radius",slug:"radius"},{level:3,title:"width",slug:"width"},{level:3,title:"x",slug:"x"},{level:3,title:"x2",slug:"x2"},{level:3,title:"y",slug:"y"},{level:3,title:"y2",slug:"y2"}],content:" Interface: AnnotationBoxModel \n Hierarchy \n \n \n AnnotationBoxModel \n ↳ AnnotationElement \n Properties \n centerX \n • centerX : number \n Defined in \n element.d.ts:8 \n centerY \n • centerY : number \n Defined in \n element.d.ts:9 \n height \n • height : number \n Defined in \n element.d.ts:10 \n radius \n • Optional radius : number \n Defined in \n element.d.ts:12 \n width \n • width : number \n Defined in \n element.d.ts:11 \n x \n • x : number \n Defined in \n element.d.ts:4 \n x2 \n • x2 : number \n Defined in \n element.d.ts:6 \n y \n • y : number \n Defined in \n element.d.ts:5 \n y2 \n • y2 : number \n Defined in \n element.d.ts:7 \n"},{title:"Interface: AnnotationElement",frontmatter:{},regularPath:"/api/interfaces/AnnotationElement.html",relativePath:"api/interfaces/AnnotationElement.md",key:"v-2d43a12f",path:"/api/interfaces/AnnotationElement.html",headers:[{level:2,title:"Hierarchy",slug:"hierarchy"},{level:2,title:"Properties",slug:"properties"},{level:3,title:"centerX",slug:"centerx"},{level:3,title:"centerY",slug:"centery"},{level:3,title:"height",slug:"height"},{level:3,title:"label",slug:"label"},{level:3,title:"options",slug:"options"},{level:3,title:"radius",slug:"radius"},{level:3,title:"width",slug:"width"},{level:3,title:"x",slug:"x"},{level:3,title:"x2",slug:"x2"},{level:3,title:"y",slug:"y"},{level:3,title:"y2",slug:"y2"}],content:" Interface: AnnotationElement \n Hierarchy \n \n \n AnnotationBoxModel \n ↳ AnnotationElement \n Properties \n centerX \n • centerX : number \n Inherited from \n AnnotationBoxModel . centerX \n Defined in \n element.d.ts:8 \n centerY \n • centerY : number \n Inherited from \n AnnotationBoxModel . centerY \n Defined in \n element.d.ts:9 \n height \n • height : number \n Inherited from \n AnnotationBoxModel . height \n Defined in \n element.d.ts:10 \n label \n • Optional label : AnnotationElement \n Defined in \n element.d.ts:16 \n options \n • options : AnnotationOptions \n Defined in \n element.d.ts:17 \n radius \n • Optional radius : number \n Inherited from \n AnnotationBoxModel . radius \n Defined in \n element.d.ts:12 \n width \n • width : number \n Inherited from \n AnnotationBoxModel . width \n Defined in \n element.d.ts:11 \n x \n • x : number \n Inherited from \n AnnotationBoxModel . x \n Defined in \n element.d.ts:4 \n x2 \n • x2 : number \n Inherited from \n AnnotationBoxModel . x2 \n Defined in \n element.d.ts:6 \n y \n • y : number \n Inherited from \n AnnotationBoxModel . y \n Defined in \n element.d.ts:5 \n y2 \n • y2 : number \n Inherited from \n AnnotationBoxModel . y2 \n Defined in \n element.d.ts:7 \n"},{title:"Interface: AnnotationEvents",frontmatter:{},regularPath:"/api/interfaces/AnnotationEvents.html",relativePath:"api/interfaces/AnnotationEvents.md",key:"v-19fc5046",path:"/api/interfaces/AnnotationEvents.html",headers:[{level:2,title:"Hierarchy",slug:"hierarchy"},{level:2,title:"Methods",slug:"methods"},{level:3,title:"click",slug:"click"},{level:3,title:"enter",slug:"enter"},{level:3,title:"leave",slug:"leave"}],content:" Interface: AnnotationEvents \n Hierarchy \n \n \n AnnotationEvents \n ↳ CoreAnnotationOptions \n ↳ AnnotationPluginOptions \n Methods \n click \n ▸ Optional click ( context , event ): boolean | void \n Parameters \n \n \n \n Name \n Type \n \n \n \n \n context \n EventContext \n \n \n event \n ChartEvent \n Returns \n boolean | void \n Defined in \n events.d.ts:25 \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:23 \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:24 \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:152 \n annotations \n • annotations : Record < string , AnnotationOptions > | AnnotationOptions [] \n Defined in \n options.d.ts:153 \n clip \n • Optional clip : boolean \n Defined in \n options.d.ts:154 \n common \n • Optional common : BoxAnnotationOptions | EllipseAnnotationOptions | LabelAnnotationOptions | LineAnnotationOptions | PointAnnotationOptions | PolygonAnnotationOptions \n Defined in \n options.d.ts:155 \n interaction \n • Optional interaction : CoreInteractionOptions \n Defined in \n options.d.ts:156 \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:25 \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:23 \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:24 \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:57 \n yValue \n • Optional yValue : Scriptable < ScaleValue , PartialEventContext > \n Defined in \n options.d.ts:58 \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:62 \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:63 \n borderDash \n • Optional borderDash : Scriptable < number [], PartialEventContext > \n Defined in \n options.d.ts:64 \n borderDashOffset \n • Optional borderDashOffset : Scriptable < number , PartialEventContext > \n Defined in \n options.d.ts:65 \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:66 \n display \n • Optional display : Scriptable < boolean , PartialEventContext > \n Defined in \n options.d.ts:67 \n fill \n • Optional fill : Scriptable < boolean , PartialEventContext > \n Defined in \n options.d.ts:68 \n length \n • Optional length : Scriptable < number , PartialEventContext > \n Defined in \n options.d.ts:69 \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:70 \n"},{title:"Interface: AnnotationTypeRegistry",frontmatter:{},regularPath:"/api/interfaces/AnnotationTypeRegistry.html",relativePath:"api/interfaces/AnnotationTypeRegistry.md",key:"v-1c40ad9d",path:"/api/interfaces/AnnotationTypeRegistry.html",headers:[{level:2,title:"Properties",slug:"properties"},{level:3,title:"box",slug:"box"},{level:3,title:"ellipse",slug:"ellipse"},{level:3,title:"label",slug:"label"},{level:3,title:"line",slug:"line"},{level:3,title:"point",slug:"point"},{level:3,title:"polygon",slug:"polygon"}],content:" Interface: AnnotationTypeRegistry \n Properties \n box \n • box : BoxAnnotationOptions \n Defined in \n options.d.ts:9 \n ellipse \n • ellipse : EllipseAnnotationOptions \n Defined in \n options.d.ts:10 \n label \n • label : LabelAnnotationOptions \n Defined in \n options.d.ts:11 \n line \n • line : LineAnnotationOptions \n Defined in \n options.d.ts:12 \n point \n • point : PointAnnotationOptions \n Defined in \n options.d.ts:13 \n polygon \n • polygon : PolygonAnnotationOptions \n Defined in \n options.d.ts:14 \n"},{title:"Interface: ArrowHeadsOptions",frontmatter:{},regularPath:"/api/interfaces/ArrowHeadsOptions.html",relativePath:"api/interfaces/ArrowHeadsOptions.md",key:"v-15088ca1",path:"/api/interfaces/ArrowHeadsOptions.html",headers:[{level:2,title:"Hierarchy",slug:"hierarchy"},{level:2,title:"Properties",slug:"properties"},{level:3,title:"backgroundColor",slug:"backgroundcolor"},{level:3,title:"backgroundShadowColor",slug:"backgroundshadowcolor"},{level:3,title:"borderColor",slug:"bordercolor"},{level:3,title:"borderDash",slug:"borderdash"},{level:3,title:"borderDashOffset",slug:"borderdashoffset"},{level:3,title:"borderShadowColor",slug:"bordershadowcolor"},{level:3,title:"borderWidth",slug:"borderwidth"},{level:3,title:"display",slug:"display"},{level:3,title:"end",slug:"end"},{level:3,title:"fill",slug:"fill"},{level:3,title:"length",slug:"length"},{level:3,title:"shadowBlur",slug:"shadowblur"},{level:3,title:"shadowOffsetX",slug:"shadowoffsetx"},{level:3,title:"shadowOffsetY",slug:"shadowoffsety"},{level:3,title:"start",slug:"start"},{level:3,title:"width",slug:"width"}],content:" Interface: ArrowHeadsOptions \n Hierarchy \n \n \n ArrowHeadOptions \n ↳ ArrowHeadsOptions \n Properties \n backgroundColor \n • Optional backgroundColor : Scriptable < Color , PartialEventContext > \n Inherited from \n ArrowHeadOptions . backgroundColor \n Defined in \n options.d.ts:62 \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:63 \n borderDash \n • Optional borderDash : Scriptable < number [], PartialEventContext > \n Inherited from \n ArrowHeadOptions . borderDash \n Defined in \n options.d.ts:64 \n borderDashOffset \n • Optional borderDashOffset : Scriptable < number , PartialEventContext > \n Inherited from \n ArrowHeadOptions . borderDashOffset \n Defined in \n options.d.ts:65 \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:66 \n display \n • Optional display : Scriptable < boolean , PartialEventContext > \n Inherited from \n ArrowHeadOptions . display \n Defined in \n options.d.ts:67 \n end \n • Optional end : ArrowHeadOptions \n Defined in \n options.d.ts:74 \n fill \n • Optional fill : Scriptable < boolean , PartialEventContext > \n Inherited from \n ArrowHeadOptions . fill \n Defined in \n options.d.ts:68 \n length \n • Optional length : Scriptable < number , PartialEventContext > \n Inherited from \n ArrowHeadOptions . length \n Defined in \n options.d.ts:69 \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:75 \n width \n • Optional width : Scriptable < number , PartialEventContext > \n Inherited from \n ArrowHeadOptions . width \n Defined in \n options.d.ts:70 \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:"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:143 \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 position \n • Optional position : Scriptable < LabelPosition | LabelPositionObject , PartialEventContext > \n Defined in \n label.d.ts:138 \n rotation \n • Optional rotation : Scriptable < number , PartialEventContext > \n Defined in \n label.d.ts:144 \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: 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:"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:94 \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:99 \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:104 \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:109 \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:114 \n borderRadius \n • Optional borderRadius : Scriptable < number | BorderRadius , PartialEventContext > \n Defined in \n options.d.ts:115 \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 id \n • Optional id : string \n Inherited from \n CoreAnnotationOptions . id \n Defined in \n options.d.ts:46 \n init \n • Optional init : boolean | ( chart : Chart , properties : AnnotationBoxModel , options : AnnotationOptions ) => boolean | void | AnnotationElement \n Inherited from \n CoreAnnotationOptions . init \n Defined in \n options.d.ts:45 \n label \n • Optional label : BoxLabelOptions \n Defined in \n options.d.ts:116 \n rotation \n • Optional rotation : Scriptable < number , PartialEventContext > \n Defined in \n options.d.ts:117 \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:47 \n xMin \n • Optional xMin : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . xMin \n Defined in \n options.d.ts:48 \n xScaleID \n • Optional xScaleID : Scriptable < string , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . xScaleID \n Defined in \n options.d.ts:49 \n yMax \n • Optional yMax : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . yMax \n Defined in \n options.d.ts:50 \n yMin \n • Optional yMin : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . yMin \n Defined in \n options.d.ts:51 \n yScaleID \n • Optional yScaleID : Scriptable < string , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . yScaleID \n Defined in \n options.d.ts:52 \n z \n • Optional z : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . z \n Defined in \n options.d.ts:53 \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:25 \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:23 \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:24 \n"},{title:"Interface: CalloutOptions",frontmatter:{},regularPath:"/api/interfaces/CalloutOptions.html",relativePath:"api/interfaces/CalloutOptions.md",key:"v-ec8d56c6",path:"/api/interfaces/CalloutOptions.html",headers:[{level:2,title:"Properties",slug:"properties"},{level:3,title:"borderCapStyle",slug:"bordercapstyle"},{level:3,title:"borderColor",slug:"bordercolor"},{level:3,title:"borderDash",slug:"borderdash"},{level:3,title:"borderDashOffset",slug:"borderdashoffset"},{level:3,title:"borderJoinStyle",slug:"borderjoinstyle"},{level:3,title:"borderWidth",slug:"borderwidth"},{level:3,title:"display",slug:"display"},{level:3,title:"margin",slug:"margin"},{level:3,title:"position",slug:"position"},{level:3,title:"side",slug:"side"},{level:3,title:"start",slug:"start"}],content:" Interface: CalloutOptions \n Properties \n borderCapStyle \n • Optional borderCapStyle : Scriptable < CanvasLineCap , PartialEventContext > \n Defined in \n label.d.ts:27 \n borderColor \n • Optional borderColor : Scriptable < Color , PartialEventContext > \n Defined in \n label.d.ts:28 \n borderDash \n • Optional borderDash : Scriptable < number [], PartialEventContext > \n Defined in \n label.d.ts:29 \n borderDashOffset \n • Optional borderDashOffset : Scriptable < number , PartialEventContext > \n Defined in \n label.d.ts:30 \n borderJoinStyle \n • Optional borderJoinStyle : Scriptable < CanvasLineJoin , PartialEventContext > \n Defined in \n label.d.ts:31 \n borderWidth \n • Optional borderWidth : Scriptable < number , PartialEventContext > \n Defined in \n label.d.ts:32 \n display \n • Optional display : Scriptable < boolean , PartialEventContext > \n Defined in \n label.d.ts:33 \n margin \n • Optional margin : Scriptable < number , PartialEventContext > \n Defined in \n label.d.ts:34 \n position \n • Optional position : Scriptable < CalloutPosition , PartialEventContext > \n Defined in \n label.d.ts:35 \n side \n • Optional side : Scriptable < number , PartialEventContext > \n Defined in \n label.d.ts:36 \n start \n • Optional start : Scriptable < string | number , PartialEventContext > \n Defined in \n label.d.ts:37 \n"},{title:"Interface: ContainedLabelOptions",frontmatter:{},regularPath:"/api/interfaces/ContainedLabelOptions.html",relativePath:"api/interfaces/ContainedLabelOptions.md",key:"v-7fae43e2",path:"/api/interfaces/ContainedLabelOptions.html",headers:[{level:2,title:"Hierarchy",slug:"hierarchy"},{level:2,title:"Properties",slug:"properties"},{level:3,title:"backgroundColor",slug:"backgroundcolor"},{level:3,title:"borderCapStyle",slug:"bordercapstyle"},{level:3,title:"borderColor",slug:"bordercolor"},{level:3,title:"borderDash",slug:"borderdash"},{level:3,title:"borderDashOffset",slug:"borderdashoffset"},{level:3,title:"borderJoinStyle",slug:"borderjoinstyle"},{level:3,title:"borderRadius",slug:"borderradius"},{level:3,title:"borderWidth",slug:"borderwidth"},{level:3,title:"callout",slug:"callout"},{level:3,title:"color",slug:"color"},{level:3,title:"content",slug:"content"},{level:3,title:"drawTime",slug:"drawtime"},{level:3,title:"font",slug:"font"},{level:3,title:"height",slug:"height"},{level:3,title:"opacity",slug:"opacity"},{level:3,title:"padding",slug:"padding"},{level:3,title:"textAlign",slug:"textalign"},{level:3,title:"textStrokeColor",slug:"textstrokecolor"},{level:3,title:"textStrokeWidth",slug:"textstrokewidth"},{level:3,title:"width",slug:"width"},{level:3,title:"xAdjust",slug:"xadjust"},{level:3,title:"yAdjust",slug:"yadjust"},{level:3,title:"z",slug:"z"}],content:" Interface: ContainedLabelOptions \n Hierarchy \n \n \n CoreLabelOptions \n ↳ ContainedLabelOptions \n ↳↳ LabelOptions \n ↳↳ LabelTypeOptions \n Properties \n backgroundColor \n • Optional backgroundColor : Scriptable < Color , PartialEventContext > \n Defined in \n label.d.ts:92 \n borderCapStyle \n • Optional borderCapStyle : Scriptable < CanvasLineCap , PartialEventContext > \n Border line cap style. See MDN. \n Default \n 'butt' \n Defined in \n label.d.ts:99 \n borderColor \n • Optional borderColor : Scriptable < Color , PartialEventContext > \n Defined in \n label.d.ts:94 \n borderDash \n • Optional borderDash : Scriptable < number [], PartialEventContext > \n Border line dash. See MDN. \n Default \n [] \n Defined in \n label.d.ts:104 \n borderDashOffset \n • Optional borderDashOffset : Scriptable < number , PartialEventContext > \n Border line dash offset. See MDN. \n Default \n 0.0 \n Defined in \n label.d.ts:109 \n borderJoinStyle \n • Optional borderJoinStyle : Scriptable < CanvasLineJoin , PartialEventContext > \n Border line join style. See MDN. \n Default \n 'miter' \n Defined in \n label.d.ts:114 \n borderRadius \n • Optional borderRadius : Scriptable < number | BorderRadius , PartialEventContext > \n Border radius of the label rectangle \n Default \n 6 \n Defined in \n label.d.ts:119 \n borderWidth \n • Optional borderWidth : Scriptable < number , PartialEventContext > \n Defined in \n label.d.ts:93 \n callout \n • Optional callout : CalloutOptions \n Defined in \n label.d.ts:120 \n color \n • Optional color : Scriptable < Color | Color [], PartialEventContext > \n Inherited from \n CoreLabelOptions . color \n Defined in \n label.d.ts:43 \n content \n • content : Scriptable < string | string [] | HTMLCanvasElement | HTMLImageElement , PartialEventContext > \n Text to display in label. Provide an array to display multiple lines \n Inherited from \n CoreLabelOptions . content \n Defined in \n label.d.ts:73 \n drawTime \n • Optional drawTime : Scriptable < DrawTime , PartialEventContext > \n Inherited from \n CoreLabelOptions . drawTime \n Defined in \n label.d.ts:41 \n font \n • Optional font : Scriptable < Partial < FontSpec > | Partial < FontSpec >[], PartialEventContext > \n Inherited from \n CoreLabelOptions . font \n Defined in \n label.d.ts:42 \n height \n • Optional height : Scriptable < number | `${number}%`, PartialEventContext > \n Overrides the height of the image. Could be set in pixel by a number,\nor in percentage of current height of image by a string \n Inherited from \n CoreLabelOptions . height \n Defined in \n label.d.ts:83 \n opacity \n • Optional opacity : Scriptable < number , PartialEventContext > \n Overrides the opacity of the image. \n Inherited from \n CoreLabelOptions . opacity \n Defined in \n label.d.ts:87 \n padding \n • Optional padding : Scriptable < number | LabelPadding , PartialEventContext > \n Padding of label \n Default \n 6 \n Inherited from \n CoreLabelOptions . padding \n Defined in \n label.d.ts:48 \n textAlign \n • Optional textAlign : Scriptable < LabelTextAlign , PartialEventContext > \n Text alignment when the content of the label is multi-line. \n Default \n 'center' \n Inherited from \n CoreLabelOptions . textAlign \n Defined in \n label.d.ts:53 \n textStrokeColor \n • Optional textStrokeColor : Scriptable < Color , PartialEventContext > \n Inherited from \n CoreLabelOptions . textStrokeColor \n Defined in \n label.d.ts:54 \n textStrokeWidth \n • Optional textStrokeWidth : Scriptable < number , PartialEventContext > \n Inherited from \n CoreLabelOptions . textStrokeWidth \n Defined in \n label.d.ts:55 \n width \n • Optional width : Scriptable < number | `${number}%`, PartialEventContext > \n Overrides the width of the image. Could be set in pixel by a number,\nor in percentage of current width of image by a string \n Inherited from \n CoreLabelOptions . width \n Defined in \n label.d.ts:78 \n xAdjust \n • Optional xAdjust : Scriptable < number , PartialEventContext > \n Adjustment along x-axis (left-right) of label relative to above number (can be negative)\nFor horizontal lines positioned left or right, negative values move\nthe label toward the edge, and positive values toward the center. \n Default \n 0 \n Inherited from \n CoreLabelOptions . xAdjust \n Defined in \n label.d.ts:62 \n yAdjust \n • Optional yAdjust : Scriptable < number , PartialEventContext > \n Adjustment along y-axis (top-bottom) of label relative to above number (can be negative)\nFor vertical lines positioned top or bottom, negative values move\nthe label toward the edge, and positive values toward the center. \n Default \n 0 \n Inherited from \n CoreLabelOptions . yAdjust \n Defined in \n label.d.ts:69 \n z \n • Optional z : Scriptable < number , PartialEventContext > \n Inherited from \n CoreLabelOptions . z \n Defined in \n label.d.ts:88 \n"},{title:"Interface: ControlPointOptions",frontmatter:{},regularPath:"/api/interfaces/ControlPointOptions.html",relativePath:"api/interfaces/ControlPointOptions.md",key:"v-6b2059b3",path:"/api/interfaces/ControlPointOptions.html",headers:[{level:2,title:"Properties",slug:"properties"},{level:3,title:"x",slug:"x"},{level:3,title:"y",slug:"y"}],content:" Interface: ControlPointOptions \n Properties \n x \n • Optional x : Scriptable < string | number , PartialEventContext > \n Defined in \n options.d.ts:79 \n y \n • Optional y : Scriptable < string | number , PartialEventContext > \n Defined in \n options.d.ts:80 \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:"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 id \n • Optional id : string \n Defined in \n options.d.ts:46 \n init \n • Optional init : boolean | ( chart : Chart , properties : AnnotationBoxModel , options : AnnotationOptions ) => boolean | void | AnnotationElement \n Defined in \n options.d.ts:45 \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:47 \n xMin \n • Optional xMin : Scriptable < ScaleValue , PartialEventContext > \n Defined in \n options.d.ts:48 \n xScaleID \n • Optional xScaleID : Scriptable < string , PartialEventContext > \n Defined in \n options.d.ts:49 \n yMax \n • Optional yMax : Scriptable < ScaleValue , PartialEventContext > \n Defined in \n options.d.ts:50 \n yMin \n • Optional yMin : Scriptable < ScaleValue , PartialEventContext > \n Defined in \n options.d.ts:51 \n yScaleID \n • Optional yScaleID : Scriptable < string , PartialEventContext > \n Defined in \n options.d.ts:52 \n z \n • Optional z : Scriptable < number , PartialEventContext > \n Defined in \n options.d.ts:53 \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:25 \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:23 \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:24 \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:"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:121 \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 id \n • Optional id : string \n Inherited from \n CoreAnnotationOptions . id \n Defined in \n options.d.ts:46 \n init \n • Optional init : boolean | ( chart : Chart , properties : AnnotationBoxModel , options : AnnotationOptions ) => boolean | void | AnnotationElement \n Inherited from \n CoreAnnotationOptions . init \n Defined in \n options.d.ts:45 \n label \n • Optional label : BoxLabelOptions \n Defined in \n options.d.ts:122 \n rotation \n • Optional rotation : Scriptable < number , PartialEventContext > \n Defined in \n options.d.ts:123 \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:47 \n xMin \n • Optional xMin : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . xMin \n Defined in \n options.d.ts:48 \n xScaleID \n • Optional xScaleID : Scriptable < string , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . xScaleID \n Defined in \n options.d.ts:49 \n yMax \n • Optional yMax : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . yMax \n Defined in \n options.d.ts:50 \n yMin \n • Optional yMin : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . yMin \n Defined in \n options.d.ts:51 \n yScaleID \n • Optional yScaleID : Scriptable < string , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . yScaleID \n Defined in \n options.d.ts:52 \n z \n • Optional z : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . z \n Defined in \n options.d.ts:53 \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:25 \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:23 \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:24 \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:"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 id \n • id : string \n Defined in \n events.d.ts:7 \n type \n • type : string \n Defined in \n events.d.ts:8 \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:"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 id \n • Optional id : string \n Inherited from \n CoreAnnotationOptions . id \n Defined in \n options.d.ts:46 \n init \n • Optional init : boolean | ( chart : Chart , properties : AnnotationBoxModel , options : AnnotationOptions ) => boolean | void | AnnotationElement \n Inherited from \n CoreAnnotationOptions . init \n Defined in \n options.d.ts:45 \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:148 \n rotation \n • Optional rotation : Scriptable < number , PartialEventContext > \n Defined in \n options.d.ts:136 \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:47 \n xMin \n • Optional xMin : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . xMin \n Defined in \n options.d.ts:48 \n xScaleID \n • Optional xScaleID : Scriptable < string , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . xScaleID \n Defined in \n options.d.ts:49 \n xValue \n • Optional xValue : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n AnnotationPointCoordinates . xValue \n Defined in \n options.d.ts:57 \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:50 \n yMin \n • Optional yMin : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . yMin \n Defined in \n options.d.ts:51 \n yScaleID \n • Optional yScaleID : Scriptable < string , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . yScaleID \n Defined in \n options.d.ts:52 \n yValue \n • Optional yValue : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n AnnotationPointCoordinates . yValue \n Defined in \n options.d.ts:58 \n z \n • Optional z : Scriptable < number , PartialEventContext > \n Inherited from \n LabelTypeOptions . z \n Defined in \n options.d.ts:53 \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:25 \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:23 \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:24 \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:"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 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:134 \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:"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:84 \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:86 \n curve \n • Optional curve : Scriptable < boolean , PartialEventContext > \n Defined in \n options.d.ts:85 \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:87 \n id \n • Optional id : string \n Inherited from \n CoreAnnotationOptions . id \n Defined in \n options.d.ts:46 \n init \n • Optional init : boolean | ( chart : Chart , properties : AnnotationBoxModel , options : AnnotationOptions ) => boolean | void | AnnotationElement \n Inherited from \n CoreAnnotationOptions . init \n Defined in \n options.d.ts:45 \n label \n • Optional label : LabelOptions \n Defined in \n options.d.ts:88 \n scaleID \n • Optional scaleID : Scriptable < string , PartialEventContext > \n Defined in \n options.d.ts:89 \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:90 \n xMax \n • Optional xMax : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . xMax \n Defined in \n options.d.ts:47 \n xMin \n • Optional xMin : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . xMin \n Defined in \n options.d.ts:48 \n xScaleID \n • Optional xScaleID : Scriptable < string , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . xScaleID \n Defined in \n options.d.ts:49 \n yMax \n • Optional yMax : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . yMax \n Defined in \n options.d.ts:50 \n yMin \n • Optional yMin : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . yMin \n Defined in \n options.d.ts:51 \n yScaleID \n • Optional yScaleID : Scriptable < string , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . yScaleID \n Defined in \n options.d.ts:52 \n z \n • Optional z : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . z \n Defined in \n options.d.ts:53 \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:25 \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:23 \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:24 \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:148 \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:"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:16 \n element \n • Optional element : Partial < AnnotationElement > \n Defined in \n events.d.ts:17 \n id \n • Optional id : string \n Defined in \n events.d.ts:18 \n type \n • Optional type : string \n Defined in \n events.d.ts:19 \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:"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:127 \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 id \n • Optional id : string \n Inherited from \n CoreAnnotationOptions . id \n Defined in \n options.d.ts:46 \n init \n • Optional init : boolean | ( chart : Chart , properties : AnnotationBoxModel , options : AnnotationOptions ) => boolean | void | AnnotationElement \n Inherited from \n CoreAnnotationOptions . init \n Defined in \n options.d.ts:45 \n pointStyle \n • Optional pointStyle : Scriptable < PointStyle , PartialEventContext > \n Defined in \n options.d.ts:128 \n radius \n • Optional radius : Scriptable < number , PartialEventContext > \n Defined in \n options.d.ts:129 \n rotation \n • Optional rotation : Scriptable < number , PartialEventContext > \n Defined in \n options.d.ts:130 \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:131 \n xMax \n • Optional xMax : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . xMax \n Defined in \n options.d.ts:47 \n xMin \n • Optional xMin : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . xMin \n Defined in \n options.d.ts:48 \n xScaleID \n • Optional xScaleID : Scriptable < string , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . xScaleID \n Defined in \n options.d.ts:49 \n xValue \n • Optional xValue : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n AnnotationPointCoordinates . xValue \n Defined in \n options.d.ts:57 \n yAdjust \n • Optional yAdjust : Scriptable < number , PartialEventContext > \n Defined in \n options.d.ts:132 \n yMax \n • Optional yMax : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . yMax \n Defined in \n options.d.ts:50 \n yMin \n • Optional yMin : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . yMin \n Defined in \n options.d.ts:51 \n yScaleID \n • Optional yScaleID : Scriptable < string , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . yScaleID \n Defined in \n options.d.ts:52 \n yValue \n • Optional yValue : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n AnnotationPointCoordinates . yValue \n Defined in \n options.d.ts:58 \n z \n • Optional z : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . z \n Defined in \n options.d.ts:53 \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:25 \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:23 \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:24 \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:"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:140 \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:141 \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:142 \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 id \n • Optional id : string \n Inherited from \n CoreAnnotationOptions . id \n Defined in \n options.d.ts:46 \n init \n • Optional init : boolean | ( chart : Chart , properties : AnnotationBoxModel , options : AnnotationOptions ) => boolean | void | AnnotationElement \n Inherited from \n CoreAnnotationOptions . init \n Defined in \n options.d.ts:45 \n point \n • Optional point : PointAnnotationOptions \n Defined in \n options.d.ts:143 \n radius \n • Optional radius : Scriptable < number , PartialEventContext > \n Defined in \n options.d.ts:144 \n rotation \n • Optional rotation : Scriptable < number , PartialEventContext > \n Defined in \n options.d.ts:145 \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:146 \n xAdjust \n • Optional xAdjust : Scriptable < number , PartialEventContext > \n Defined in \n options.d.ts:147 \n xMax \n • Optional xMax : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . xMax \n Defined in \n options.d.ts:47 \n xMin \n • Optional xMin : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . xMin \n Defined in \n options.d.ts:48 \n xScaleID \n • Optional xScaleID : Scriptable < string , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . xScaleID \n Defined in \n options.d.ts:49 \n xValue \n • Optional xValue : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n AnnotationPointCoordinates . xValue \n Defined in \n options.d.ts:57 \n yAdjust \n • Optional yAdjust : Scriptable < number , PartialEventContext > \n Defined in \n options.d.ts:148 \n yMax \n • Optional yMax : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . yMax \n Defined in \n options.d.ts:50 \n yMin \n • Optional yMin : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . yMin \n Defined in \n options.d.ts:51 \n yScaleID \n • Optional yScaleID : Scriptable < string , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . yScaleID \n Defined in \n options.d.ts:52 \n yValue \n • Optional yValue : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n AnnotationPointCoordinates . yValue \n Defined in \n options.d.ts:58 \n z \n • Optional z : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . z \n Defined in \n options.d.ts:53 \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:25 \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:23 \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:24 \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:"4/10/2024, 6:20:43 AM",lastUpdatedTimestamp:1712730043e3,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 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 \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:"4/10/2024, 6:20:43 AM",lastUpdatedTimestamp:1712730043e3,content:" Getting Started \n DANGER \n This plugin needs to be registered. It does not function as inline plugin. \n \n An annotation plugin for Chart.js >= 4.0.0 \n This plugin draws lines, boxes, labels, points, polygons and ellipses on the chart area. Annotations work with line, bar, scatter and bubble charts that use linear, logarithmic, time, or category scales. Annotations will not work on any chart that does not have exactly two axes, including pie, radar, and polar area charts. \n Installation \n > npm install chartjs-plugin-annotation\n \n Important Note \n For Chart.js 3.7.0 to 3.9.1 support, use version 2.2.1 of this plugin \n For Chart.js 3.0.0 to 3.6.2 support, use version 1.4.0 of this plugin \n For Chart.js 2.4.0 to 2.9.x support, use version 0.5.7 of this plugin \n Documentation for v0.5.7 can be found on GitHub . \n \n"},{title:"Integration",frontmatter:{title:"Integration"},regularPath:"/guide/integration.html",relativePath:"guide/integration.md",key:"v-1b86f686",path:"/guide/integration.html",headers:[{level:2,title:"Script Tag",slug:"script-tag"},{level:2,title:"Bundlers (Webpack, Rollup, etc.)",slug:"bundlers-webpack-rollup-etc"}],lastUpdated:"4/10/2024, 6:20:43 AM",lastUpdatedTimestamp:1712730043e3,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 var 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:"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:"4/10/2024, 6:20:43 AM",lastUpdatedTimestamp:1712730043e3,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:"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:"4/10/2024, 6:20:43 AM",lastUpdatedTimestamp:1712730043e3,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:"4/10/2024, 6:20:43 AM",lastUpdatedTimestamp:1712730043e3,content:" 2.x Migration Guide \n chartjs-plugin-annotation plugin version 2 introduces a number of breaking changes. In order to improve performance, offer new features, and improve maintainability, it was necessary to break backwards compatibility, but we aimed to do so only when worth the benefit. \n Chart.js version \n The annotation plugin requires at least version 3.7.0 to work because of some bug fixes that happened within chart.js itself. \n Options \n A number of changes were made to the configuration options passed to the plugin configuration. Those changes are documented below. \n \n xScaleID option default has been changed, now set to undefined . If the option is missing, the plugin will try to use the first scale of the chart, configured as 'x' axis. If more than one scale has been defined in the chart as 'x' axis, the option is mandatory to select the right scale. \n yScaleID option default has been changed, now set to undefined . If the option is missing, the plugin will try to use the first scale of the chart, configured as 'y' axis. If more than one scale has been defined in the chart as 'y' axis, the option is mandatory to select the right scale. \n When stacked scales are used, instead of the whole chart area, the designated scale area is used as fallback for xMin , xMax , yMin , yMax , xValue or yValue options. \n position for the label of the line annotation changes the behavior when start or end is set, and when the line annotation location is defined by xMin , xMax , yMin , and yMax options.\n \n in the previous version 1.x, if the position was set to start or end , it was calculated using chart area dimension (when start using top or left , when end using bottom or right ). \n in version 2.x, if the position is set to start , it is the point where the line starts being drawn, and when set to end , it is the point where the line ends drawing. The xMin , xMax , yMin , and yMax options are not related to the chart area anymore but are related to the values sequence (and their order) on the associated scale. \n \n \n cornerRadius option was replaced by borderRadius in the box annotation configuration and in the label configuration of line annotation to align with Chart.js options. \n xPadding and yPadding options were merged into a single padding object in the label configuration of line annotation to align with Chart.js options. \n enabled option was replaced by display in the callout configuration of label annotation, in the label configuration of line and box annotations and in the arrow heads configuration of line annotation to have the same option on all elements. \n dblClickSpeed option was removed from the plugin options because dblclick event hook is not available anymore. \n drawTime option at top level plugin configuration is moved to new common object in the plugin annotation options, which contains options to apply to all annotations: \n \n plugins : { \n annotation : { \n common : { \n drawTime : 'afterDraw' \n } , \n annotations : [ \n ... \n ] \n } \n } \n Elements \n In chartjs-plugin-annotation plugin version 2 the label of box and line annotations is a sub-element. This has changed how to access to the label options. Now the label options are at element.label.options . The following example shows how to show and hide the label when the mouse is hovering the box: \n type : 'box' , // or 'line' \n enter : function ( { element } ) { \n element . label . options . display = true ; \n return true ; \n } , \n leave : function ( { element } ) { \n element . label . options . display = false ; \n return true ; \n } , \n \n chartjs-plugin-annotation plugin version 2 removes the clipping of the label to the box annotation size. \n chartjs-plugin-annotation plugin version 2 hides the following methods in the line annotation element because they should be used only internally: \n \n intersects \n isOnLabel \n \n chartjs-plugin-annotation plugin version 2 normalizes the properties of the annotation elements in order to be based on common box model. \n Box annotation \n The following diagram is showing the element properties about a 'box' annotation: \n \n The label of a box annotation is described as a label annotation and accessible by element.label . \n Ellipse annotation \n The following diagram is showing the element properties about a 'ellipse' annotation: \n Label annotation \n The following diagram is showing the element properties about a 'label' annotation: \n Line annotation \n The following diagram is showing the element properties about a 'line' annotation: \n \n The label of a line annotation is described as a label annotation and accessible by element.label . \n Point annotation \n The following diagram is showing the element properties about a 'point' annotation: \n Polygon annotation \n The following diagram is showing the element properties about a 'polygon' annotation: \n Events \n chartjs-plugin-annotation plugin version 2 introduces the interaction options, to configure which events trigger annotation interactions. By default, the plugin uses the chart interaction configuration . \n \n When scatter charts are used, the interaction default mode in Chart.js is point , while, in the previous plugin version, the default was nearest . \n \n The dblclick event hook was removed from annotations options because, being executed asynchronously, it can not enable the chart re-rendering, automatically after processing the event completely. This is important when the user requires re-draws. It gets slow and messy if every event hook does the draw (or update!). \n Types \n chartjs-plugin-annotation plugin version 2 removes the compatibility with TypeScript versions less than 4.1 which is the minimum supported one. \n"},{title:"Options",frontmatter:{},regularPath:"/guide/options.html",relativePath:"guide/options.md",key:"v-15f8e6fd",path:"/guide/options.html",headers:[{level:2,title:"Color",slug:"color"},{level:2,title:"Font",slug:"font"},{level:2,title:"Padding",slug:"padding"},{level:2,title:"Point Style",slug:"point-style"},{level:2,title:"Interaction",slug:"interaction"},{level:2,title:"Scriptable Options",slug:"scriptable-options"},{level:2,title:"Draw Time",slug:"draw-time"},{level:2,title:"Option Context",slug:"option-context"},{level:3,title:"chart",slug:"chart"},{level:3,title:"annotation",slug:"annotation"}],lastUpdated:"4/10/2024, 6:20:43 AM",lastUpdatedTimestamp:1712730043e3,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 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 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 type : 'annotation' \n \n The annotation option context is passed to scriptable options in all other cases, except when resolving id , type or adjusting scale ranges. The same values resolved in afterDataLimits with chart context are again evaluated in afterUpdate with annotation context. \n Note that the annotation element may be undefined or partially uninitialized, since scriptable options may be invoked during the initial chart display, before everything's been resolved and initialized. \n"},{title:"Label",frontmatter:{},regularPath:"/guide/types/_commonInnerLabel.html",relativePath:"guide/types/_commonInnerLabel.md",key:"v-0db22306",path:"/guide/types/_commonInnerLabel.html",headers:[{level:2,title:"Label",slug:"label"},{level:3,title:"Position",slug:"position"},{level:3,title:"Fonts and colors",slug:"fonts-and-colors"}],lastUpdated:"4/10/2024, 6:20:43 AM",lastUpdatedTimestamp:1712730043e3,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 \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 opacity \n number \n undefined \n Overrides the opacity of the image or canvas element. Could be set a number in the range 0.0 to 1.0, inclusive. If undefined, uses the opacity of the image or canvas element. It is used only when the content is an image or canvas element. \n \n \n padding \n Padding \n 6 \n The padding to add around the text label. \n \n \n position \n string | {x: string, y: string} \n 'center' \n Anchor position of label in the annotation. \n \n \n rotation \n number \n undefined \n Rotation of label, in degrees. If undefined , the annotation rotation is used. \n \n \n textAlign \n string \n 'start' \n Text alignment of label content when there's more than one line. Possible options are: 'left' , 'start' , 'center' , 'end' , 'right' . \n \n \n textStrokeColor \n Color \n undefined \n The color of the stroke around the text. \n \n \n textStrokeWidth \n number \n 0 \n Stroke width around the text. \n \n \n width \n number | string \n undefined \n Overrides the width of the image or canvas element. Could be set in pixel by a number, or in percentage of current width of image or canvas element by a string. If undefined, uses the width of the image or canvas element. It is used only when the content is an image or canvas element. \n \n \n xAdjust \n number \n 0 \n Adjustment along x-axis (left-right) of label relative to computed position. Negative values move the label left, positive right. \n \n \n yAdjust \n number \n 0 \n Adjustment along y-axis (top-bottom) of label relative to computed position. Negative values move the label up, positive down. \n \n \n z \n number \n 0 \n It determines the drawing stack level of the label element, with same drawTime . \n Position \n A position can be set in 2 different values types: \n \n 'start' , 'center' , 'end' which are defining where the label will be located \n a string , in percentage format 'number%' , is representing the percentage on the size where the label will be located \n \n If this value is a string (possible options are 'start' , 'center' , 'end' or a string in percentage format), it is applied to vertical and horizontal position in the annotation. \n If this value is an object, the x property defines the horizontal alignment in the annotation. Similarly, the y property defines the vertical alignment in the annotation. Possible options for both properties are 'start' , 'center' , 'end' , a string in percentage format. Omitted property have value of the default, 'center' . \n Fonts and colors \n When the label to draw has multiple lines, you can use different font and color for each line of the label. This is enabled configuring an array of fonts or colors for those options. When the lines are more than the configured fonts of colors, the last configuration of those options is used for all remaining lines. \n"},{title:"Common options to all annotations",frontmatter:{},regularPath:"/guide/types/_commonOptions.html",relativePath:"guide/types/_commonOptions.md",key:"v-67fac0e2",path:"/guide/types/_commonOptions.html",headers:[{level:3,title:"Common options to all annotations",slug:"common-options-to-all-annotations"}],lastUpdated:"4/10/2024, 6:20:43 AM",lastUpdatedTimestamp:1712730043e3,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 \n Yes \n 'afterDatasetsDraw' \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:"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:"4/10/2024, 6:20:43 AM",lastUpdatedTimestamp:1712730043e3,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:"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:"4/10/2024, 6:20:43 AM",lastUpdatedTimestamp:1712730043e3,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 \n Yes \n 'afterDatasetsDraw' \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 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 \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 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:"4/10/2024, 6:20:43 AM",lastUpdatedTimestamp:1712730043e3,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 \n Yes \n 'afterDatasetsDraw' \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 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 \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 opacity \n number \n undefined \n Overrides the opacity of the image or canvas element. Could be set a number in the range 0.0 to 1.0, inclusive. If undefined, uses the opacity of the image or canvas element. It is used only when the content is an image or canvas element. \n \n \n padding \n Padding \n 6 \n The padding to add around the text label. \n \n \n position \n string | {x: string, y: string} \n 'center' \n Anchor position of label in the annotation. \n \n \n rotation \n number \n undefined \n Rotation of label, in degrees. If undefined , the annotation rotation is used. \n \n \n textAlign \n string \n 'start' \n Text alignment of label content when there's more than one line. Possible options are: 'left' , 'start' , 'center' , 'end' , 'right' . \n \n \n textStrokeColor \n Color \n undefined \n The color of the stroke around the text. \n \n \n textStrokeWidth \n number \n 0 \n Stroke width around the text. \n \n \n width \n number | string \n undefined \n Overrides the width of the image or canvas element. Could be set in pixel by a number, or in percentage of current width of image or canvas element by a string. If undefined, uses the width of the image or canvas element. It is used only when the content is an image or canvas element. \n \n \n xAdjust \n number \n 0 \n Adjustment along x-axis (left-right) of label relative to computed position. Negative values move the label left, positive right. \n \n \n yAdjust \n number \n 0 \n Adjustment along y-axis (top-bottom) of label relative to computed position. Negative values move the label up, positive down. \n \n \n z \n number \n 0 \n It determines the drawing stack level of the label element, with same drawTime . \n Position \n A position can be set in 2 different values types: \n \n 'start' , 'center' , 'end' which are defining where the label will be located \n a string , in percentage format 'number%' , is representing the percentage on the size where the label will be located \n \n If this value is a string (possible options are 'start' , 'center' , 'end' or a string in percentage format), it is applied to vertical and horizontal position in the annotation. \n If this value is an object, the x property defines the horizontal alignment in the annotation. Similarly, the y property defines the vertical alignment in the annotation. Possible options for both properties are 'start' , 'center' , 'end' , a string in percentage format. Omitted property have value of the default, 'center' . \n Fonts and colors \n When the label to draw has multiple lines, you can use different font and color for each line of the label. This is enabled configuring an array of fonts or colors for those options. When the lines are more than the configured fonts of colors, the last configuration of those options is used for all remaining lines. \n Element \n The following diagram is showing the element properties about a 'ellipse' annotation: \n \n"},{title:"Line Annotations",frontmatter:{},regularPath:"/guide/types/line.html",relativePath:"guide/types/line.md",key:"v-37e66462",path:"/guide/types/line.html",headers:[{level:2,title:"Configuration",slug:"configuration"},{level:3,title:"Line annotation specific options",slug:"line-annotation-specific-options"},{level:3,title:"Common options to all annotations",slug:"common-options-to-all-annotations"},{level:3,title:"General",slug:"general"},{level:3,title:"Styling",slug:"styling"},{level:2,title:"Label",slug:"label"},{level:3,title:"borderRadius",slug:"borderradius"},{level:3,title:"Fonts and colors",slug:"fonts-and-colors"},{level:3,title:"Callout",slug:"callout"},{level:2,title:"Arrow heads",slug:"arrow-heads"},{level:3,title:"Arrow head configuration",slug:"arrow-head-configuration"},{level:2,title:"Element",slug:"element"}],lastUpdated:"4/10/2024, 6:20:43 AM",lastUpdatedTimestamp:1712730043e3,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 \n Yes \n 'afterDatasetsDraw' \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 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 \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 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:"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:"4/10/2024, 6:20:43 AM",lastUpdatedTimestamp:1712730043e3,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 \n Yes \n 'afterDatasetsDraw' \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 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:"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:"4/10/2024, 6:20:43 AM",lastUpdatedTimestamp:1712730043e3,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 \n Yes \n 'afterDatasetsDraw' \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 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:"4/10/2024, 6:20:43 AM",lastUpdatedTimestamp:1712730043e3,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 \n Yes \n 'afterDatasetsDraw' \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 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:"Basic",frontmatter:{},regularPath:"/samples/box/basic.html",relativePath:"samples/box/basic.md",key:"v-54f14cdd",path:"/samples/box/basic.html",lastUpdated:"4/10/2024, 6:20:43 AM",lastUpdatedTimestamp:1712730043e3,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:"Usage",frontmatter:{},regularPath:"/guide/usage.html",relativePath:"guide/usage.md",key:"v-942110c6",path:"/guide/usage.html",lastUpdated:"4/10/2024, 6:20:43 AM",lastUpdatedTimestamp:1712730043e3,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:"4/10/2024, 6:20:43 AM",lastUpdatedTimestamp:1712730043e3,content:""},{title:"Using canvas as labels",frontmatter:{},regularPath:"/samples/box/canvas.html",relativePath:"samples/box/canvas.md",key:"v-43e4cf76",path:"/samples/box/canvas.html",lastUpdated:"4/10/2024, 6:20:43 AM",lastUpdatedTimestamp:1712730043e3,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:"4/10/2024, 6:20:43 AM",lastUpdatedTimestamp:1712730043e3,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:"4/10/2024, 6:20:43 AM",lastUpdatedTimestamp:1712730043e3,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:"4/10/2024, 6:20:43 AM",lastUpdatedTimestamp:1712730043e3,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:"4/10/2024, 6:20:43 AM",lastUpdatedTimestamp:1712730043e3,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:"4/10/2024, 6:20:43 AM",lastUpdatedTimestamp:1712730043e3,content:" Yearly quarters \n \nconst DATA_COUNT = 12;\nconst MIN = 10;\nconst MAX = 100;\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'box',\n backgroundColor: 'rgba(255, 245, 157, 0.2)',\n borderWidth: 0,\n xMax: 2.5,\n xMin: -0.5,\n label: {\n drawTime: 'afterDraw',\n display: true,\n content: 'First quarter',\n position: {\n x: 'center',\n y: 'start'\n }\n }\n};\n// \n\n// \nconst annotation2 = {\n type: 'box',\n backgroundColor: 'rgba(188, 170, 164, 0.2)',\n borderWidth: 0,\n xMax: 5.5,\n xMin: 2.5,\n label: {\n drawTime: 'afterDraw',\n display: true,\n content: 'Second quarter',\n position: {\n x: 'center',\n y: 'start'\n }\n }\n};\n// \n\n// \nconst annotation3 = {\n type: 'box',\n backgroundColor: 'rgba(165, 214, 167, 0.2)',\n borderWidth: 0,\n xMax: 8.5,\n xMin: 5.5,\n label: {\n drawTime: 'afterDraw',\n display: true,\n content: 'Third quarter',\n position: {\n x: 'center',\n y: 'start'\n }\n }\n};\n// \n\n// \nconst annotation4 = {\n type: 'box',\n backgroundColor: 'rgba(159, 168, 218, 0.2)',\n borderWidth: 0,\n xMin: 8.5,\n label: {\n drawTime: 'afterDraw',\n display: true,\n content: 'Fourth quarter',\n position: {\n x: 'center',\n y: 'start'\n }\n }\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n y: {\n beginAtZero: true,\n max: 120,\n min: 0\n }\n },\n plugins: {\n annotation: {\n common: {\n drawTime: 'beforeDraw'\n },\n annotations: {\n annotation1,\n annotation2,\n annotation3,\n annotation4\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Line Chart",frontmatter:{},regularPath:"/samples/charts/line.html",relativePath:"samples/charts/line.md",key:"v-1ac7de46",path:"/samples/charts/line.html",lastUpdated:"4/10/2024, 6:20:43 AM",lastUpdatedTimestamp:1712730043e3,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:"4/10/2024, 6:20:43 AM",lastUpdatedTimestamp:1712730043e3,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:"Bar Chart",frontmatter:{},regularPath:"/samples/charts/bar.html",relativePath:"samples/charts/bar.md",key:"v-f0a8046a",path:"/samples/charts/bar.html",lastUpdated:"4/10/2024, 6:20:43 AM",lastUpdatedTimestamp:1712730043e3,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:"Using images as labels",frontmatter:{},regularPath:"/samples/ellipse/image.html",relativePath:"samples/ellipse/image.md",key:"v-06766846",path:"/samples/ellipse/image.html",lastUpdated:"4/10/2024, 6:20:43 AM",lastUpdatedTimestamp:1712730043e3,content:" Using images as labels \n \nconst DATA_COUNT = 12;\nconst MIN = 10;\nconst MAX = 100;\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation = {\n type: 'ellipse',\n backgroundColor: 'rgba(0, 0, 0, 0.2)',\n borderWidth: 1,\n borderColor: '#F27173',\n yMin: 30,\n yMax: 80,\n xMax: 2,\n xMin: 5,\n label: {\n display: true,\n content: Utils.getImage(),\n width: 150,\n height: 150,\n position: 'center'\n }\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n y: {\n beginAtZero: true\n }\n },\n plugins: {\n annotation: {\n annotations: {\n annotation\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config\n};\n`\"/>"},{title:"Labeling",frontmatter:{},regularPath:"/samples/ellipse/label.html",relativePath:"samples/ellipse/label.md",key:"v-475451bd",path:"/samples/ellipse/label.html",lastUpdated:"4/10/2024, 6:20:43 AM",lastUpdatedTimestamp:1712730043e3,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:"4/10/2024, 6:20:43 AM",lastUpdatedTimestamp:1712730043e3,content:" Rotation \n \nconst DATA_COUNT = 8;\nconst MIN = [25, 65];\nconst MAX = [35, 75];\n\nUtils.srand(8);\n\nconst data = {\n datasets: [{\n data: Utils.points({count: DATA_COUNT, min: MIN[0], max: MAX[0]})\n }, {\n data: Utils.points({count: DATA_COUNT, min: MIN[1], max: MAX[1]})\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'ellipse',\n backgroundColor: 'rgba(0, 150, 0, 0.02)',\n borderColor: 'rgba(0, 150, 0, 0.2)',\n borderWidth: 1,\n rotation: 90,\n xMax: (ctx) => max(ctx, 0, 'x') + 10,\n xMin: (ctx) => min(ctx, 0, 'x') - 10,\n yMax: (ctx) => max(ctx, 0, 'y') + 10,\n yMin: (ctx) => min(ctx, 0, 'y') - 10\n};\n// \n\n// \nconst annotation2 = {\n type: 'ellipse',\n backgroundColor: 'rgba(150, 0, 0, 0.02)',\n borderColor: 'rgba(150, 0, 0, 0.2)',\n borderWidth: 1,\n rotation: 90,\n xMax: (ctx) => max(ctx, 1, 'x') + 10,\n xMin: (ctx) => min(ctx, 1, 'x') - 10,\n yMax: (ctx) => max(ctx, 1, 'y') + 10,\n yMin: (ctx) => min(ctx, 1, 'y') - 10\n};\n// \n\n/* */\nconst config = {\n type: 'scatter',\n data,\n options: {\n scales: {\n x: {\n beginAtZero: true,\n max: 100,\n min: 0\n },\n y: {\n beginAtZero: true,\n max: 100,\n min: 0\n }\n },\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction min(ctx, datasetIndex, prop) {\n const dataset = ctx.chart.data.datasets[datasetIndex];\n return dataset.data.reduce((v, point) => Math.min(point[prop], v), Infinity);\n}\n\nfunction max(ctx, datasetIndex, prop) {\n const dataset = ctx.chart.data.datasets[datasetIndex];\n return dataset.data.reduce((v, point) => Math.max(point[prop], v), -Infinity);\n}\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.forEach(p => {\n p.x = Utils.rand(MIN[i], MAX[i]);\n p.y = Utils.rand(MIN[i], MAX[i]);\n });\n });\n chart.update();\n }\n },\n {\n name: 'Add data',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.push({x: Utils.rand(MIN[i], MAX[i]), y: Utils.rand(MIN[i], MAX[i])});\n });\n chart.update();\n }\n },\n {\n name: 'Remove data',\n handler: function(chart) {\n chart.data.labels.shift();\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.shift();\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Cartesian plane",frontmatter:{},regularPath:"/samples/interaction/cartesianplane.html",relativePath:"samples/interaction/cartesianplane.md",key:"v-532157ca",path:"/samples/interaction/cartesianplane.html",lastUpdated:"4/10/2024, 6:20:43 AM",lastUpdatedTimestamp:1712730043e3,content:" Cartesian plane \n \nlet rect;\nconst MIN = -10;\nconst MAX = 10;\n// \n\n// \nconst yAxis = {\n type: 'line',\n value: 0,\n scaleID: 'x',\n borderColor: 'lightGray',\n afterDraw({chart, element}) {\n const scale = chart.scales.y;\n const labelItems = scale.getLabelItems().filter((item) => Number.isInteger(parseFloat(item.label)));\n drawTicks(chart, scale, {\n labelItems,\n align: 'right',\n xy: (translation) => ({x: element.x - scale.options.ticks.padding, y: translation[1]})\n });\n }\n};\nconst xAxis = {\n type: 'line',\n value: 0,\n scaleID: 'y',\n borderColor: 'lightGray',\n afterDraw({chart, element}) {\n const scale = chart.scales.x;\n const labelItems = scale.getLabelItems().filter((item) => Number.isInteger(parseFloat(item.label)) && parseFloat(item.label) !== 0);\n drawTicks(chart, scale, {\n labelItems,\n baseline: 'top',\n xy: (translation) => ({x: translation[0], y: element.y2 + scale.options.ticks.padding})\n });\n }\n};\n// \n\n// \nconst box = {\n type: 'box',\n display: () => !!rect,\n backgroundColor: 'rgba(255, 174, 201, 0.2)',\n borderColor: 'red',\n borderDash: [4, 4],\n xMin: () => rect ? rect.left : undefined,\n xMax: () => rect ? rect.right : undefined,\n yMin: () => rect ? rect.bottom : undefined,\n yMax: () => rect ? rect.top : undefined,\n z: -1\n};\nconst A = {\n type: 'label',\n content: 'A',\n position: {\n x: 'end',\n y: 'end'\n },\n xValue: () => rect ? rect.left : undefined,\n yValue: () => rect ? rect.top : undefined\n};\nconst B = {\n type: 'label',\n content: 'B',\n position: {\n x: 'start',\n y: 'end'\n },\n xValue: () => rect ? rect.right : undefined,\n yValue: () => rect ? rect.top : undefined\n};\nconst C = {\n type: 'label',\n content: 'C',\n position: {\n x: 'end',\n y: 'start'\n },\n xValue: () => rect ? rect.left : undefined,\n yValue: () => rect ? rect.bottom : undefined\n};\nconst D = {\n type: 'label',\n content: 'D',\n position: {\n x: 'start',\n y: 'start'\n },\n xValue: () => rect ? rect.right : undefined,\n yValue: () => rect ? rect.bottom : undefined\n};\n// \n\n// \nconst summary = {\n type: 'label',\n display: () => !!rect,\n drawTime: 'afterDraw',\n backgroundColor: 'white',\n borderColor: 'silver',\n borderWidth: 1,\n borderRadius: 6,\n content() {\n if (rect) {\n const result = [];\n result.push('A: (' + rect.left.toFixed(2) + ', ' + rect.top.toFixed(2) + ')');\n result.push('B: (' + rect.right.toFixed(2) + ', ' + rect.top.toFixed(2) + ')');\n result.push('C: (' + rect.left.toFixed(2) + ', ' + rect.bottom.toFixed(2) + ')');\n result.push('D: (' + rect.right.toFixed(2) + ', ' + rect.bottom.toFixed(2) + ')');\n const AB = Math.abs(rect.right - rect.left);\n const AC = Math.abs(rect.bottom - rect.top);\n result.push('AB = CD = ' + AB.toFixed(2));\n result.push('AC = BD = ' + AC.toFixed(2));\n result.push('AD = BC = ' + Math.sqrt(Math.pow(AB, 2) + Math.pow(AC, 2)).toFixed(2));\n result.push('Perimeter = ' + ((AB + AC) * 2).toFixed(2));\n result.push('Area = ' + (AB * AC).toFixed(2));\n return result;\n }\n },\n font: {\n size: 12,\n family: 'Courier'\n },\n padding: 5,\n position: {\n x: () => rect && rect.left rect && rect.top rect && rect.left rect && rect.left rect && rect.top \n\n// \nfunction calculateBox(e, chart) {\n const xValue = chart.scales.x.getValueForPixel(e.x);\n const yValue = chart.scales.y.getValueForPixel(e.y);\n return {\n left: xValue > 0 ? 0 : xValue,\n right: xValue > 0 ? xValue : 0,\n top: yValue > 0 ? yValue : 0,\n bottom: yValue > 0 ? 0 : yValue\n };\n}\n\nfunction drawTicks(chart, scale, {labelItems, align, baseline, xy}) {\n const ctx = chart.ctx;\n ctx.save();\n ctx.beginPath();\n for (const item of labelItems) {\n const {font, label, options} = item;\n const {textAlign, textBaseline, translation} = options;\n const point = xy(translation);\n ctx.beginPath();\n ctx.font = font.string;\n ctx.textAlign = align || textAlign;\n ctx.textBaseline = baseline || textBaseline;\n ctx.fillStyle = 'silver';\n ctx.fillText(parseFloat(label).toFixed(0), point.x, point.y);\n ctx.fill();\n }\n ctx.restore();\n}\n// \n\n/* */\nconst config = {\n type: 'scatter',\n options: {\n layout: {\n padding: {\n top: 20,\n left: 20,\n right: 20\n }\n },\n onClick(e, elements, chart) {\n rect = calculateBox(e, chart);\n chart.update();\n },\n elements: {\n labelAnnotation: {\n display: () => !!rect,\n borderWidth: 0,\n padding: 0,\n font: {\n size: 20,\n style: 'oblique'\n }\n }\n },\n scales: {\n x: {\n min: MIN,\n max: MAX,\n grid: {\n drawTicks: false\n },\n ticks: {\n display: false,\n stepSize: 0.5\n }\n },\n y: {\n min: MIN,\n max: MAX,\n grid: {\n drawTicks: false\n },\n ticks: {\n display: false,\n stepSize: 0.5\n }\n }\n },\n plugins: {\n annotation: {\n clip: false,\n common: {\n drawTime: 'beforeDraw'\n },\n annotations: {\n xAxis,\n yAxis,\n box,\n A, B, C, D,\n summary\n }\n },\n title: {\n display: true,\n text: 'Click on the chart to set the point to build the rectangle',\n position: 'bottom',\n padding: {\n top: 16,\n bottom: 0\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Reset',\n handler: function(chart) {\n rect = undefined;\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Dragging annotations",frontmatter:{},regularPath:"/samples/interaction/dragging.html",relativePath:"samples/interaction/dragging.md",key:"v-de7917b6",path:"/samples/interaction/dragging.html",lastUpdated:"4/10/2024, 6:20:43 AM",lastUpdatedTimestamp:1712730043e3,content:" Dragging annotations \n \nUtils.srand(8);\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\n datasets: [{\n type: 'line',\n label: 'Dataset 1',\n borderColor: 'rgb(54, 162, 235)',\n borderWidth: 2,\n fill: false,\n data: Utils.numbers({count: 7, min: 0, max: 100}),\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'box',\n backgroundColor: 'rgba(165, 214, 167, 0.2)',\n borderColor: 'rgb(165, 214, 167)',\n borderWidth: 2,\n label: {\n display: true,\n content: ['Box annotation', 'to drag'],\n textAlign: 'center'\n },\n xMax: 'May',\n xMin: 'April',\n xScaleID: 'x',\n yMax: 75,\n yMin: 25,\n yScaleID: 'y'\n};\n// \n\n// \nconst annotation2 = {\n type: 'label',\n backgroundColor: 'rgba(255, 99, 132, 0.25)',\n borderWidth: 3,\n borderColor: 'black',\n content: ['Label annotation', 'to drag'],\n callout: {\n display: true,\n borderColor: 'black',\n },\n xValue: 1,\n yValue: 40\n};\n// \n\n// \nconst annotation3 = {\n type: 'point',\n backgroundColor: 'rgba(0, 255, 255, 0.4)',\n borderWidth: 2,\n borderColor: 'black',\n radius: 20,\n xValue: 'March',\n yValue: 50\n};\n// \n\n// \nconst annotation4 = {\n type: 'polygon',\n backgroundColor: 'rgba(150, 0, 0, 0.25)',\n borderWidth: 2,\n borderColor: 'black',\n radius: 50,\n sides: 6,\n xValue: 'June',\n yValue: 20\n};\n// \n\n// \nlet element;\nlet lastEvent;\n\nconst drag = function(moveX, moveY) {\n element.x += moveX;\n element.y += moveY;\n element.x2 += moveX;\n element.y2 += moveY;\n element.centerX += moveX;\n element.centerY += moveY;\n if (element.elements && element.elements.length) {\n for (const subEl of element.elements) {\n subEl.x += moveX;\n subEl.y += moveY;\n subEl.x2 += moveX;\n subEl.y2 += moveY;\n subEl.centerX += moveX;\n subEl.centerY += moveY;\n subEl.bX += moveX;\n subEl.bY += moveY;\n }\n }\n};\n\nconst handleElementDragging = function(event) {\n if (!lastEvent || !element) {\n return;\n }\n const moveX = event.x - lastEvent.x;\n const moveY = event.y - lastEvent.y;\n drag(moveX, moveY);\n lastEvent = event;\n return true;\n};\n\nconst handleDrag = function(event) {\n if (element) {\n switch (event.type) {\n case 'mousemove':\n return handleElementDragging(event);\n case 'mouseout':\n case 'mouseup':\n lastEvent = undefined;\n break;\n case 'mousedown':\n lastEvent = event;\n break;\n default:\n }\n }\n};\n// \n\n// \nconst dragger = {\n id: 'dragger',\n beforeEvent(chart, args, options) {\n if (handleDrag(args.event)) {\n args.changed = true;\n return;\n }\n }\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n plugins: [dragger],\n data,\n options: {\n events: ['mousedown', 'mouseup', 'mousemove', 'mouseout'],\n scales: {\n y: {\n beginAtZero: true,\n min: 0,\n max: 100\n }\n },\n plugins: {\n annotation: {\n enter(ctx) {\n element = ctx.element;\n },\n leave() {\n element = undefined;\n lastEvent = undefined;\n },\n annotations: {\n annotation1,\n annotation2,\n annotation3,\n annotation4\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Reset dragging',\n handler: function(chart) {\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Interaction",frontmatter:{},regularPath:"/samples/interaction/interaction.html",relativePath:"samples/interaction/interaction.md",key:"v-0f11953d",path:"/samples/interaction/interaction.html",lastUpdated:"4/10/2024, 6:20:43 AM",lastUpdatedTimestamp:1712730043e3,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:"Intro",frontmatter:{},regularPath:"/samples/intro.html",relativePath:"samples/intro.md",key:"v-4f17a19d",path:"/samples/intro.html",lastUpdated:"4/10/2024, 6:20:43 AM",lastUpdatedTimestamp:1712730043e3,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:"Selecting annotations",frontmatter:{},regularPath:"/samples/interaction/selection.html",relativePath:"samples/interaction/selection.md",key:"v-8f774586",path:"/samples/interaction/selection.html",lastUpdated:"4/10/2024, 6:20:43 AM",lastUpdatedTimestamp:1712730043e3,content:" Selecting annotations \n \nlet count = 0;\nconst selected = [];\n\nUtils.srand(8);\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\n datasets: [{\n type: 'line',\n label: 'Dataset 1',\n borderColor: 'rgb(54, 162, 235)',\n borderWidth: 2,\n fill: false,\n data: Utils.numbers({count: 7, min: 0, max: 100}),\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'box',\n backgroundColor: 'rgba(255, 245, 157, 0.2)',\n borderColor: 'rgb(255, 245, 157)',\n borderWidth: 2,\n click: ({element}) => select(element, 'rgba(255, 245, 157, 0.8)', 'rgba(255, 245, 157, 0.2)'),\n label: {\n display: true,\n content: 'Yellow box annotation',\n position: {\n y: 'start'\n },\n font: {\n size: 12\n }\n },\n xMax: 'April',\n xMin: 'February',\n xScaleID: 'x',\n yMax: 90,\n yMin: 10,\n yScaleID: 'y'\n};\n// \n\n// \nconst annotation2 = {\n type: 'box',\n backgroundColor: 'rgba(165, 214, 167, 0.2)',\n borderColor: 'rgb(165, 214, 167)',\n borderWidth: 2,\n click: ({element}) => select(element, 'rgba(165, 214, 167, 0.8)', 'rgba(165, 214, 167, 0.2)'),\n label: {\n display: true,\n content: 'Green box annotation',\n position: {\n y: 'start'\n },\n font: {\n size: 12\n }\n },\n xMax: 'May',\n xMin: 'March',\n xScaleID: 'x',\n yMax: 75,\n yMin: 25,\n yScaleID: 'y'\n};\n// \n\n// \nfunction enter({chart, element}) {\n console.log(element.label.options.content + ' entered');\n if (!count) {\n chart.canvas.style.cursor = 'pointer';\n }\n count++;\n}\n\nfunction leave({chart, element}) {\n console.log(element.label.options.content + ' left');\n count--;\n if (!count) {\n chart.canvas.style.cursor = 'default';\n }\n}\n\nfunction select(element, selectedColor, unselectedColor) {\n console.log(element.label.options.content + ' selected');\n if (selected.includes(element)) {\n selected.splice(selected.indexOf(element), 1);\n element.options.backgroundColor = unselectedColor;\n element.label.options.font.size = 12;\n } else {\n selected.push(element);\n element.options.backgroundColor = selectedColor;\n element.label.options.font.size = 14;\n }\n return true;\n}\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n y: {\n beginAtZero: true,\n min: 0,\n max: 100\n }\n },\n plugins: {\n annotation: {\n enter: enter,\n leave: leave,\n common: {\n drawTime: 'beforeDraw'\n },\n annotations: {\n annotation1,\n annotation2\n }\n }\n }\n }\n};\n/* */\n\nmodule.exports = {\n config: config,\n output: 'console.log output is shown here, click one of the annotations'\n};\n`\"/>"},{title:"Auto scaling",frontmatter:{},regularPath:"/samples/label/autoscaling.html",relativePath:"samples/label/autoscaling.md",key:"v-ffcf4406",path:"/samples/label/autoscaling.html",lastUpdated:"4/10/2024, 6:20:43 AM",lastUpdatedTimestamp:1712730043e3,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:"4/10/2024, 6:20:43 AM",lastUpdatedTimestamp:1712730043e3,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:"4/10/2024, 6:20:43 AM",lastUpdatedTimestamp:1712730043e3,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:"4/10/2024, 6:20:43 AM",lastUpdatedTimestamp:1712730043e3,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:"4/10/2024, 6:20:43 AM",lastUpdatedTimestamp:1712730043e3,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:"4/10/2024, 6:20:43 AM",lastUpdatedTimestamp:1712730043e3,content:" Using images as content \n \nconst DATA_COUNT = 12;\nconst MIN = 0;\nconst MAX = 100;\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'label',\n drawTime: 'afterDraw',\n content: Utils.getImage(),\n width: 100,\n height: 100,\n xValue: 4,\n yValue: 30,\n xAdjust: 150,\n yAdjust: -150,\n borderWidth: 1,\n borderDash: [6, 6],\n callout: {\n display: true,\n position: 'left'\n }\n};\n// \n\n// \nconst annotation2 = {\n type: 'point',\n drawTime: 'afterDraw',\n xValue: 4,\n yValue: 30,\n radius: 10\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n y: {\n beginAtZero: true,\n }\n },\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config\n};\n`\"/>"},{title:"Inner chart",frontmatter:{},regularPath:"/samples/label/innerChart.html",relativePath:"samples/label/innerChart.md",key:"v-e1c46312",path:"/samples/label/innerChart.html",lastUpdated:"4/10/2024, 6:20:43 AM",lastUpdatedTimestamp:1712730043e3,content:" Inner chart \n \nconst DATA_COUNT = 12;\nconst MIN = 0;\nconst MAX = 100;\n\nconst innerChart = Utils.getChart();\nconst innerDataset = innerChart.data.datasets[0];\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg),\n borderColor: innerDataset.backgroundColor[0],\n backgroundColor: 'transparent'\n }, {\n data: Utils.numbers(numberCfg),\n borderColor: innerDataset.backgroundColor[1],\n backgroundColor: 'transparent',\n hidden: true\n }, {\n data: Utils.numbers(numberCfg),\n borderColor: innerDataset.backgroundColor[2],\n backgroundColor: 'transparent',\n hidden: true\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'label',\n content: innerChart.canvas,\n xValue: 1,\n yValue: 135,\n enter: (ctx) => setCursor(ctx, 'pointer'),\n leave: (ctx) => setCursor(ctx, 'default'),\n click: clickOnInnerChart\n};\n// \n\n// \nconst annotation2 = {\n type: 'label',\n content: (ctx) => [innerChart.data.labels[getVisibleDatasetIndex(ctx)],\n 'items trend'],\n callout: {\n display: true,\n position: 'bottom',\n margin: 0\n },\n font: {\n size: 16\n },\n backgroundColor: 'white',\n borderWidth: 1,\n xAdjust: -60,\n xValue: (ctx) => point(ctx).x,\n yAdjust: -60,\n yValue: (ctx) => point(ctx).y\n};\n// \n\n// \nconst annotation3 = {\n type: 'label',\n content: ['Click on a slice of the pie chart', 'to see the data in the main chart'],\n color: 'rgba(0, 0, 0, 0.5)',\n xValue: 3.2,\n yValue: 150,\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n y: {\n beginAtZero: true,\n min: 0,\n max: 160\n }\n },\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2,\n annotation3\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction clickOnInnerChart(ctx, event) {\n event.x = event.x - ctx.element.x;\n event.y = event.y - ctx.element.y;\n const elements = innerChart.getElementsAtEventForMode(event, 'point', {}, true);\n if (elements.length) {\n const first = elements[0];\n ctx.chart.setDatasetVisibility(getVisibleDatasetIndex(ctx), false);\n ctx.chart.show(first.index);\n }\n}\n\nfunction getVisibleDatasetIndex(ctx) {\n const chart = ctx.chart;\n for (let i = 0; i i > dataset.data.length - 4);\n const y = Math.max(...values);\n const x = dataset.data.lastIndexOf(y);\n return {x, y};\n}\n\nfunction setCursor(ctx, type) {\n ctx.chart.canvas.style.cursor = type;\n}\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n innerChart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n innerChart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config\n};\n`\"/>"},{title:"Lower and upper bounds labels",frontmatter:{},regularPath:"/samples/label/lowerUpper.html",relativePath:"samples/label/lowerUpper.md",key:"v-4dd91745",path:"/samples/label/lowerUpper.html",lastUpdated:"4/10/2024, 6:20:43 AM",lastUpdatedTimestamp:1712730043e3,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:"Average",frontmatter:{},regularPath:"/samples/line/average.html",relativePath:"samples/line/average.md",key:"v-fe2fae0e",path:"/samples/line/average.html",lastUpdated:"4/10/2024, 6:20:43 AM",lastUpdatedTimestamp:1712730043e3,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:"Animation",frontmatter:{},regularPath:"/samples/line/animation.html",relativePath:"samples/line/animation.md",key:"v-25be76ab",path:"/samples/line/animation.html",lastUpdated:"4/10/2024, 6:20:43 AM",lastUpdatedTimestamp:1712730043e3,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:"4/10/2024, 6:20:43 AM",lastUpdatedTimestamp:1712730043e3,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:"Callout",frontmatter:{},regularPath:"/samples/line/callout.html",relativePath:"samples/line/callout.md",key:"v-0d73d593",path:"/samples/line/callout.html",lastUpdated:"4/10/2024, 6:20:43 AM",lastUpdatedTimestamp:1712730043e3,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:"Basic",frontmatter:{},regularPath:"/samples/line/basic.html",relativePath:"samples/line/basic.md",key:"v-14b16052",path:"/samples/line/basic.html",lastUpdated:"4/10/2024, 6:20:43 AM",lastUpdatedTimestamp:1712730043e3,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:"Using canvas as labels",frontmatter:{},regularPath:"/samples/line/canvas.html",relativePath:"samples/line/canvas.md",key:"v-9e862306",path:"/samples/line/canvas.html",lastUpdated:"4/10/2024, 6:20:43 AM",lastUpdatedTimestamp:1712730043e3,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:"4/10/2024, 6:20:43 AM",lastUpdatedTimestamp:1712730043e3,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:"4/10/2024, 6:20:43 AM",lastUpdatedTimestamp:1712730043e3,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:"4/10/2024, 6:20:43 AM",lastUpdatedTimestamp:1712730043e3,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:"4/10/2024, 6:20:43 AM",lastUpdatedTimestamp:1712730043e3,content:" Using images as labels \n \nconst DATA_COUNT = 8;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(8);\n\nconst labels = [];\nfor (let i = 0; i \n\n// \nconst annotation = {\n type: 'line',\n borderColor: 'black',\n borderWidth: 3,\n scaleID: 'y',\n value: 50,\n label: {\n display: true,\n content: Utils.getImage(),\n backgroundColor: 'white',\n borderWidth: 3,\n width: '20%',\n height: '20%',\n position: 'end'\n }\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n plugins: {\n annotation: {\n annotations: {\n annotation\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Add data',\n handler: function(chart) {\n chart.data.labels.push(chart.data.labels.length);\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.push(Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Remove data',\n handler: function(chart) {\n chart.data.labels.shift();\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.shift();\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config\n};\n`\"/>"},{title:"Limited lines",frontmatter:{},regularPath:"/samples/line/limited.html",relativePath:"samples/line/limited.md",key:"v-2f3a8d3f",path:"/samples/line/limited.html",lastUpdated:"4/10/2024, 6:20:43 AM",lastUpdatedTimestamp:1712730043e3,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:"Label visibility",frontmatter:{},regularPath:"/samples/line/labelVisibility.html",relativePath:"samples/line/labelVisibility.md",key:"v-940803b2",path:"/samples/line/labelVisibility.html",lastUpdated:"4/10/2024, 6:20:43 AM",lastUpdatedTimestamp:1712730043e3,content:" Label visibility \n \nconst DATA_COUNT = 8;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(8);\n\nconst labels = [];\nfor (let i = 0; i \n\n// \nconst annotation1 = {\n type: 'line',\n borderColor: 'lightGreen',\n borderWidth: 10,\n label: {\n display: false,\n backgroundColor: 'green',\n drawTime: 'afterDatasetsDraw',\n content: (ctx) => ['Average of dataset', 'is: ' + average(ctx).toFixed(3)]\n },\n scaleID: 'y',\n value: (ctx) => average(ctx),\n // For simple property changes, you can directly modify the annotation\n // element's properties then return true to force chart re-drawing. This is faster.\n enter({element}, event) {\n element.label.options.display = true;\n return true;\n },\n leave({element}, event) {\n element.label.options.display = false;\n return true;\n }\n};\n// \n\n// \nconst annotation2 = {\n type: 'line',\n borderColor: 'lightBlue',\n borderWidth: 10,\n label: {\n display: (ctx) => ctx.hovered,\n backgroundColor: 'blue',\n drawTime: 'afterDatasetsDraw',\n content: (ctx) => ['Min of dataset', 'is: ' + min(ctx).toFixed(3)],\n position: (ctx) => ctx.hoverPosition\n },\n scaleID: 'y',\n value: (ctx) => min(ctx),\n // For more complex dynamic properties, you can store values on the persistent\n // context object then retrieve them via scriptable properties. You'll have\n // to call chart.update() to reprocess the chart.\n enter(ctx, event) {\n ctx.hovered = true;\n ctx.hoverPosition = (event.x / ctx.chart.chartArea.width * 100) + '%';\n ctx.chart.update();\n },\n leave(ctx, event) {\n ctx.hovered = false;\n ctx.chart.update();\n }\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n plugins: {\n tooltip: {\n display: false,\n },\n annotation: {\n common: {\n drawTime: 'beforeDatasetsDraw'\n },\n annotations: {\n annotation1,\n annotation2\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction average(ctx) {\n const values = ctx.chart.data.datasets[0].data;\n return values.reduce((a, b) => a + b, 0) / values.length;\n}\n\nfunction min(ctx) {\n const values = ctx.chart.data.datasets[0].data;\n return values.reduce((a, b) => Math.min(a, b), Infinity);\n}\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Add data',\n handler: function(chart) {\n chart.data.labels.push(chart.data.labels.length);\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.push(Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Remove data',\n handler: function(chart) {\n chart.data.labels.shift();\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.shift();\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Lower and upper bounds",frontmatter:{},regularPath:"/samples/line/lowerUpper.html",relativePath:"samples/line/lowerUpper.md",key:"v-5f6c329d",path:"/samples/line/lowerUpper.html",lastUpdated:"4/10/2024, 6:20:43 AM",lastUpdatedTimestamp:1712730043e3,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:"4/10/2024, 6:20:43 AM",lastUpdatedTimestamp:1712730043e3,content:" Standard deviation \n \nconst DATA_COUNT = 16;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(8);\n\nconst labels = [];\nfor (let i = 0; i \n\n// \nconst annotation1 = {\n type: 'line',\n borderColor: 'rgb(100, 149, 237)',\n borderDash: [6, 6],\n borderDashOffset: 0,\n borderWidth: 3,\n label: {\n display: true,\n backgroundColor: 'rgb(100, 149, 237)',\n content: (ctx) => 'Average: ' + average(ctx).toFixed(2)\n },\n scaleID: 'y',\n value: (ctx) => average(ctx)\n};\n// \n\n// \nconst annotation2 = {\n type: 'line',\n borderColor: 'rgba(102, 102, 102, 0.5)',\n borderDash: [6, 6],\n borderDashOffset: 0,\n borderWidth: 3,\n label: {\n display: true,\n backgroundColor: 'rgba(102, 102, 102, 0.5)',\n color: 'black',\n content: (ctx) => (average(ctx) + standardDeviation(ctx)).toFixed(2),\n position: 'start',\n rotation: -90,\n yAdjust: -28\n },\n scaleID: 'y',\n value: (ctx) => average(ctx) + standardDeviation(ctx)\n};\n// \n\n// \nconst annotation3 = {\n type: 'line',\n borderColor: 'rgba(102, 102, 102, 0.5)',\n borderDash: [6, 6],\n borderDashOffset: 0,\n borderWidth: 3,\n label: {\n display: true,\n backgroundColor: 'rgba(102, 102, 102, 0.5)',\n color: 'black',\n content: (ctx) => (average(ctx) - standardDeviation(ctx)).toFixed(2),\n position: 'end',\n rotation: 90,\n yAdjust: 28\n },\n scaleID: 'y',\n value: (ctx) => average(ctx) - standardDeviation(ctx)\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scale: {\n y: {\n beginAtZero: true,\n max: 120,\n min: 0\n }\n },\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2,\n annotation3\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction average(ctx) {\n const values = ctx.chart.data.datasets[0].data;\n return values.reduce((a, b) => a + b, 0) / values.length;\n}\n\nfunction standardDeviation(ctx) {\n const values = ctx.chart.data.datasets[0].data;\n const n = values.length;\n const mean = average(ctx);\n return Math.sqrt(values.map(x => Math.pow(x - mean, 2)).reduce((a, b) => a + b) / n);\n}\n\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Add data',\n handler: function(chart) {\n chart.data.labels.push(chart.data.labels.length);\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.push(Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Remove data',\n handler: function(chart) {\n chart.data.labels.shift();\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.shift();\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Basic",frontmatter:{},regularPath:"/samples/point/basic.html",relativePath:"samples/point/basic.md",key:"v-13db7dfd",path:"/samples/point/basic.html",lastUpdated:"4/10/2024, 6:20:43 AM",lastUpdatedTimestamp:1712730043e3,content:" Basic \n \nconst DATA_COUNT = 8;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(5);\n\nconst labels = [];\nfor (let i = 0; i \n\n// \nconst annotation1 = {\n type: 'point',\n backgroundColor: 'rgba(0, 255, 255, 0.4)',\n borderColor: 'black',\n borderWidth: 3,\n scaleID: 'y',\n xValue: (ctx) => value(ctx, 0, 2, 'x'),\n yValue: (ctx) => value(ctx, 0, 2, 'y')\n};\n// \n\n// \nconst annotation2 = {\n type: 'point',\n backgroundColor: 'transparent',\n borderColor: 'red',\n borderWidth: 5,\n pointStyle: 'triangle',\n radius: 25,\n scaleID: 'y',\n xValue: (ctx) => value(ctx, 1, 4, 'x'),\n yValue: (ctx) => value(ctx, 1, 4, 'y')\n};\n// \n\n// \nconst annotation3 = {\n type: 'point',\n borderColor: 'orange',\n borderWidth: 3,\n drawTime: 'beforeDraw',\n pointStyle: 'star',\n radius: 25,\n scaleID: 'y',\n xValue: (ctx) => value(ctx, 1, 6, 'x'),\n yValue: (ctx) => value(ctx, 1, 6, 'y')\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2,\n annotation3\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction value(ctx, datasetIndex, index, prop) {\n const meta = ctx.chart.getDatasetMeta(datasetIndex);\n const parsed = meta.controller.getParsed(index);\n return parsed ? parsed[prop] : NaN;\n}\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Add data',\n handler: function(chart) {\n chart.data.labels.push(chart.data.labels.length);\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.push(Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Remove data',\n handler: function(chart) {\n chart.data.labels.shift();\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.shift();\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config\n};\n`\"/>"},{title:"Line visibility",frontmatter:{},regularPath:"/samples/line/visibility.html",relativePath:"samples/line/visibility.md",key:"v-5eb79d3d",path:"/samples/line/visibility.html",lastUpdated:"4/10/2024, 6:20:43 AM",lastUpdatedTimestamp:1712730043e3,content:" Line visibility \n \nconst DATA_COUNT = 6;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(8);\nconst jointValue = Utils.rand(MIN, MAX);\n\nconst dataCfg = Utils.numbers({count: DATA_COUNT, min: MIN, max: MAX});\ndataCfg.push(jointValue, NaN, NaN, NaN, NaN, NaN, NaN);\n\nconst futureCfg = Utils.numbers({count: DATA_COUNT - 1, min: MIN, max: MAX});\nfutureCfg.splice(0, 0, NaN, NaN, NaN, NaN, NaN, NaN, jointValue);\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: dataCfg\n }, {\n data: futureCfg,\n borderDash: [6, 6]\n }]\n};\n// \n\n// \nconst annotation = {\n type: 'line',\n borderColor: 'black',\n borderWidth: 1,\n display: (ctx) => ctx.chart.isDatasetVisible(1),\n label: {\n display: true,\n content: 'Now',\n position: 'start'\n },\n scaleID: 'x',\n value: 'July'\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n plugins: {\n annotation: {\n annotations: {\n annotation\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Toggle annotation',\n handler: function(chart) {\n const visible = chart.isDatasetVisible(1);\n if (visible) {\n chart.options.scales.x.max = 'July';\n } else {\n chart.options.scales.x.max = undefined;\n }\n chart.setDatasetVisibility(1, !visible);\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Combined annotations",frontmatter:{},regularPath:"/samples/point/combined.html",relativePath:"samples/point/combined.md",key:"v-21782935",path:"/samples/point/combined.html",lastUpdated:"4/10/2024, 6:20:43 AM",lastUpdatedTimestamp:1712730043e3,content:" Combined annotations \n \nconst DATA_COUNT = 12;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(8);\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }, {\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'line',\n borderColor: 'green',\n borderDash: [6, 6],\n borderWidth: 3,\n label: {\n display: true,\n backgroundColor: 'lightGreen',\n borderRadius: 0,\n color: 'green',\n content: 'Project timeline'\n },\n arrowHeads: {\n end: {\n display: true,\n fill: true,\n borderDash: [],\n borderColor: 'green'\n }\n },\n xMax: 10.5,\n xMin: 2.5,\n xScaleID: 'x',\n yMax: 110,\n yMin: 110,\n yScaleID: 'y'\n};\n// \n\n// \nconst annotation2 = {\n type: 'line',\n borderColor: 'green',\n borderDash: [6, 6],\n borderWidth: 1,\n xMax: 2.5,\n xMin: 2.5,\n xScaleID: 'x',\n yMax: 0,\n yMin: 110,\n yScaleID: 'y'\n};\n// \n\n// \nconst annotation3 = {\n type: 'line',\n borderColor: 'green',\n borderDash: [6, 6],\n borderWidth: 1,\n xMax: 10.5,\n xMin: 10.5,\n xScaleID: 'x',\n yMax: 0,\n yMin: 110,\n yScaleID: 'y'\n};\n// \n\n// \nconst annotation4 = {\n type: 'point',\n backgroundColor: 'green',\n borderWidth: 0,\n xValue: 2.5,\n xScaleID: 'x',\n yValue: 110,\n yScaleID: 'y'\n};\n// \n\n/* */\nconst config = {\n type: 'bar',\n data,\n options: {\n scale: {\n y: {\n beginAtZero: true,\n max: 120,\n min: 0\n }\n },\n plugins: {\n annotation: {\n common: {\n drawTime: 'beforeDraw'\n },\n annotations: {\n annotation1,\n annotation2,\n annotation3,\n annotation4\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Initial animations",frontmatter:{},regularPath:"/samples/point/initAnim.html",relativePath:"samples/point/initAnim.md",key:"v-246c16bd",path:"/samples/point/initAnim.html",lastUpdated:"4/10/2024, 6:20:43 AM",lastUpdatedTimestamp:1712730043e3,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:"4/10/2024, 6:20:43 AM",lastUpdatedTimestamp:1712730043e3,content:" Points outside of chart area \n \nconst DATA_COUNT = 12;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(8);\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }, {\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'point',\n backgroundColor: 'lime',\n borderColor: 'black',\n borderWidth: 1,\n pointStyle: 'triangle',\n radius: 15,\n xValue: 3,\n xScaleID: 'x',\n yAdjust: 5,\n yValue: 0,\n yScaleID: 'y'\n};\n// \n\n// \nconst annotation2 = {\n type: 'point',\n backgroundColor: 'lime',\n borderColor: 'black',\n borderWidth: 1,\n pointStyle: 'triangle',\n radius: 15,\n rotation: 180,\n xValue: 3,\n xScaleID: 'x',\n yAdjust: -5,\n yValue: 100,\n yScaleID: 'y'\n};\n// \n\n/* */\nconst config = {\n type: 'bar',\n data,\n options: {\n layout: {\n padding: {\n top: 16\n }\n },\n scale: {\n y: {\n beginAtZero: true,\n max: 100,\n min: 0\n }\n },\n plugins: {\n annotation: {\n clip: false,\n common: {\n drawTime: 'afterDraw'\n },\n annotations: {\n annotation1,\n annotation2\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n const xValue = Utils.rand(0, DATA_COUNT - 1);\n chart.options.plugins.annotation.annotations.annotation1.xValue = xValue;\n chart.options.plugins.annotation.annotations.annotation2.xValue = xValue;\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Basic",frontmatter:{},regularPath:"/samples/polygon/basic.html",relativePath:"samples/polygon/basic.md",key:"v-3ae674fd",path:"/samples/polygon/basic.html",lastUpdated:"4/10/2024, 6:20:43 AM",lastUpdatedTimestamp:1712730043e3,content:" Basic \n \nconst DATA_COUNT = 8;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(5);\n\nconst labels = [];\nfor (let i = 0; i \n\n// \nconst annotation1 = {\n type: 'polygon',\n backgroundColor: 'rgba(0, 255, 255, 0.4)',\n borderColor: 'black',\n borderWidth: 3,\n radius: 25,\n scaleID: 'y',\n xValue: (ctx) => value(ctx, 0, 2, 'x'),\n yValue: (ctx) => value(ctx, 0, 2, 'y')\n};\n// \n\n// \nconst annotation2 = {\n type: 'polygon',\n backgroundColor: 'transparent',\n borderColor: 'red',\n borderWidth: 5,\n radius: 25,\n scaleID: 'y',\n sides: 5,\n xValue: (ctx) => value(ctx, 1, 4, 'x'),\n yValue: (ctx) => value(ctx, 1, 4, 'y')\n};\n// \n\n// \nconst annotation3 = {\n type: 'polygon',\n backgroundColor: 'transparent',\n borderColor: 'gray',\n borderWidth: 3,\n radius: 30,\n sides: 8,\n scaleID: 'y',\n xValue: (ctx) => value(ctx, 1, 6, 'x'),\n yValue: (ctx) => value(ctx, 1, 6, 'y')\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2,\n annotation3\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction value(ctx, datasetIndex, index, prop) {\n const meta = ctx.chart.getDatasetMeta(datasetIndex);\n const parsed = meta.controller.getParsed(index);\n return parsed ? parsed[prop] : NaN;\n}\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Add data',\n handler: function(chart) {\n chart.data.labels.push(chart.data.labels.length);\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.push(Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Remove data',\n handler: function(chart) {\n chart.data.labels.shift();\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.shift();\n });\n chart.update();\n }\n },\n {\n name: 'Add a side to annotation 1',\n handler: function(chart) {\n chart.options.plugins.annotation.annotations.annotation1.sides++;\n chart.update();\n }\n },\n {\n name: 'Remove a side from annotation 1',\n handler: function(chart) {\n chart.options.plugins.annotation.annotations.annotation1.sides--;\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config\n};\n`\"/>"},{title:"Shadow",frontmatter:{},regularPath:"/samples/point/shadow.html",relativePath:"samples/point/shadow.md",key:"v-0fc2653f",path:"/samples/point/shadow.html",lastUpdated:"4/10/2024, 6:20:43 AM",lastUpdatedTimestamp:1712730043e3,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:"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:"4/10/2024, 6:20:43 AM",lastUpdatedTimestamp:1712730043e3,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:"Shadow",frontmatter:{},regularPath:"/samples/polygon/shadow.html",relativePath:"samples/polygon/shadow.md",key:"v-45140bd3",path:"/samples/polygon/shadow.html",lastUpdated:"4/10/2024, 6:20:43 AM",lastUpdatedTimestamp:1712730043e3,content:" Shadow \n \nconst DATA_COUNT = 8;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(5);\n\nconst labels = [];\nfor (let i = 0; i \n\n// \nconst annotation1 = {\n type: 'polygon',\n backgroundColor: 'white',\n backgroundShadowColor: 'black',\n borderColor: 'red',\n borderJoinStyle: 'round',\n borderWidth: 7,\n radius: 40,\n rotation: 180,\n shadowBlur: 3,\n shadowOffsetX: 3,\n shadowOffsetY: 10,\n xValue: (ctx) => value(ctx, 0, 2, 'x'),\n yValue: (ctx) => value(ctx, 0, 2, 'y')\n};\n// \n\n// \nconst annotation2 = {\n type: 'polygon',\n backgroundColor: 'white',\n backgroundShadowColor: 'black',\n borderColor: 'red',\n borderJoinStyle: 'round',\n borderWidth: 7,\n radius: 40,\n shadowBlur: 3,\n shadowOffsetX: 3,\n shadowOffsetY: 10,\n xValue: (ctx) => value(ctx, 0, 4, 'x'),\n yValue: (ctx) => value(ctx, 0, 4, 'y')\n};\n// \n\n// \nconst annotation3 = {\n type: 'label',\n color: 'black',\n content: '!',\n font: {\n size: 40,\n family: 'Arial',\n weight: 'bold'\n },\n xValue: (ctx) => value(ctx, 0, 4, 'x'),\n yValue: (ctx) => value(ctx, 0, 4, 'y')\n};\n// \n\n// \nconst annotation4 = {\n type: 'polygon',\n backgroundColor: 'red',\n backgroundShadowColor: 'black',\n borderColor: 'white',\n borderWidth: 4,\n radius: 40,\n rotation: 22.5,\n shadowBlur: 3,\n shadowOffsetX: 3,\n shadowOffsetY: 10,\n sides: 8,\n xValue: (ctx) => value(ctx, 0, 6, 'x'),\n yValue: (ctx) => value(ctx, 0, 6, 'y')\n};\n// \n\n// \nconst annotation5 = {\n type: 'label',\n color: 'white',\n content: 'STOP',\n font: {\n size: 24\n },\n xValue: (ctx) => value(ctx, 0, 6, 'x'),\n yValue: (ctx) => value(ctx, 0, 6, 'y')\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n y: {\n beginAtZero: true,\n max: 120,\n min: 0\n }\n },\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2,\n annotation3,\n annotation4,\n annotation5\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction value(ctx, datasetIndex, index, prop) {\n const meta = ctx.chart.getDatasetMeta(datasetIndex);\n const parsed = meta.controller.getParsed(index);\n return parsed ? parsed[prop] : NaN;\n}\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Add data',\n handler: function(chart) {\n chart.data.labels.push(chart.data.labels.length);\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.push(Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Remove data',\n handler: function(chart) {\n chart.data.labels.shift();\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.shift();\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config\n};\n`\"/>"},{title:"Stop",frontmatter:{},regularPath:"/samples/polygon/stop.html",relativePath:"samples/polygon/stop.md",key:"v-f2852e62",path:"/samples/polygon/stop.html",lastUpdated:"4/10/2024, 6:20:43 AM",lastUpdatedTimestamp:1712730043e3,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:"4/10/2024, 6:20:43 AM",lastUpdatedTimestamp:1712730043e3,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"]},{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,420))),r.a.component("Badge",()=>Promise.all([e.e(0),e.e(5)]).then(e.bind(null,424))),r.a.component("CodeBlock",()=>Promise.all([e.e(0),e.e(6)]).then(e.bind(null,422))),r.a.component("CodeGroup",()=>Promise.all([e.e(0),e.e(7)]).then(e.bind(null,423)));e(257);var Zt,Qt=e(2);function ne(n,t){(null==t||t>n.length)&&(t=n.length);for(var e=0,o=new Array(t);e=0&&(t=n.slice(o),n=n.slice(0,o));var a=n.indexOf("?");return a>=0&&(e=n.slice(a+1),n=n.slice(0,a)),{path:n,query:e,hash:t}}(a.path||""),d=t&&t.path||"/",u=c.path?D(c.path,d,e||a.append):d,h=function(n,t,e){void 0===t&&(t={});var o,a=e||p;try{o=a(n||"")}catch(n){o={}}for(var i in t){var r=t[i];o[i]=Array.isArray(r)?r.map(f):f(r)}return o}(c.query,a.query,o&&o.options.parseQuery),b=a.hash||c.hash;return b&&"#"!==b.charAt(0)&&(b="#"+b),{_normalized:!0,path:u,query:h,hash:b}}var J,q=function(){},G={name:"RouterLink",props:{to:{type:[String,Object],required:!0},tag:{type:String,default:"a"},custom:Boolean,exact:Boolean,exactPath:Boolean,append:Boolean,replace:Boolean,activeClass:String,exactActiveClass:String,ariaCurrentValue:{type:String,default:"page"},event:{type:[String,Array],default:"click"}},render:function(n){var t=this,e=this.$router,o=this.$route,a=e.resolve(this.to,o,this.append),i=a.location,r=a.route,l=a.href,c={},d=e.options.linkActiveClass,u=e.options.linkExactActiveClass,h=null==d?"router-link-active":d,f=null==u?"router-link-exact-active":u,p=null==this.activeClass?h:this.activeClass,b=null==this.exactActiveClass?f:this.exactActiveClass,m=r.redirectedFrom?g(null,H(r.redirectedFrom),null,e):r;c[b]=O(o,m,this.exactPath),c[p]=this.exact||this.exactPath?c[b]:function(n,t){return 0===n.path.replace(v,"/").indexOf(t.path.replace(v,"/"))&&(!t.hash||n.hash===t.hash)&&function(n,t){for(var e in t)if(!(e in n))return!1;return!0}(n.query,t.query)}(o,m);var y=c[b]?this.ariaCurrentValue:null,x=function(n){K(n)&&(t.replace?e.replace(i,q):e.push(i,q))},w={click:K};Array.isArray(this.event)?this.event.forEach((function(n){w[n]=x})):w[this.event]=x;var C={class:c},k=!this.$scopedSlots.$hasNormal&&this.$scopedSlots.default&&this.$scopedSlots.default({href:l,route:r,navigate:x,isActive:c[p],isExactActive:c[b]});if(k){if(1===k.length)return k[0];if(k.length>1||!k.length)return 0===k.length?n():n("span",{},k)}if("a"===this.tag)C.on=w,C.attrs={href:l,"aria-current":y};else{var _=function n(t){var e;if(t)for(var o=0;o-1&&(s.params[h]=e.params[h]);return s.path=X(d.path,s.params),l(d,s,r)}if(s.path){s.params={};for(var f=0;f-1}function An(n,t){return Mn(n)&&n._isRouter&&(null==t||n.type===t)}function Pn(n,t,e){var o=function(a){a>=n.length?e():n[a]?t(n[a],(function(){o(a+1)})):o(a+1)};o(0)}function jn(n){return function(t,e,o){var a=!1,i=0,r=null;In(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 In(n,t){return Tn(n.map((function(n){return Object.keys(n.components).map((function(e){return t(n.components[e],n.instances[e],n,e)}))})))}function Tn(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=In(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 Tn(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){Yn(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?Yn(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 $n(n){var t=window.location.href,e=t.indexOf("#");return(e>=0?t.slice(0,e):t)+"#"+n}function Yn(n){xn?wn($n(n)):window.location.hash=n}function Xn(n){xn?On($n(n)):window.location.replace($n(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,421)),Layout:()=>Promise.all([e.e(0),e.e(2)]).then(e.bind(null,419))},Qn={"v-4a62f668":()=>e.e(16).then(e.bind(null,425)),"v-2d43a12f":()=>e.e(18).then(e.bind(null,426)),"v-3b83533d":()=>e.e(17).then(e.bind(null,427)),"v-19fc5046":()=>e.e(19).then(e.bind(null,428)),"v-2bdf7887":()=>e.e(20).then(e.bind(null,429)),"v-d5f286de":()=>e.e(21).then(e.bind(null,430)),"v-25f1271d":()=>e.e(22).then(e.bind(null,431)),"v-1c40ad9d":()=>e.e(23).then(e.bind(null,432)),"v-bc74aa06":()=>e.e(24).then(e.bind(null,433)),"v-15088ca1":()=>e.e(25).then(e.bind(null,434)),"v-2e4ca05d":()=>e.e(26).then(e.bind(null,435)),"v-1915dd1f":()=>e.e(27).then(e.bind(null,436)),"v-7fae43e2":()=>e.e(29).then(e.bind(null,437)),"v-ec8d56c6":()=>e.e(28).then(e.bind(null,438)),"v-6b2059b3":()=>e.e(30).then(e.bind(null,439)),"v-4b4d89e9":()=>e.e(31).then(e.bind(null,440)),"v-c42c2106":()=>e.e(32).then(e.bind(null,441)),"v-49180d06":()=>e.e(33).then(e.bind(null,442)),"v-f13aec06":()=>e.e(35).then(e.bind(null,443)),"v-29e3487d":()=>e.e(34).then(e.bind(null,444)),"v-3e5dcf1d":()=>e.e(36).then(e.bind(null,445)),"v-35d1c17d":()=>e.e(37).then(e.bind(null,446)),"v-361cec5e":()=>e.e(38).then(e.bind(null,447)),"v-07090646":()=>e.e(39).then(e.bind(null,448)),"v-42745613":()=>e.e(40).then(e.bind(null,449)),"v-16482446":()=>e.e(41).then(e.bind(null,450)),"v-5dd3097d":()=>e.e(42).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-1b86f686":()=>e.e(47).then(e.bind(null,455)),"v-54682062":()=>e.e(46).then(e.bind(null,456)),"v-4d8c7bf6":()=>e.e(8).then(e.bind(null,457)),"v-51daecc6":()=>e.e(48).then(e.bind(null,458)),"v-121872fd":()=>e.e(4).then(e.bind(null,459)),"v-15f8e6fd":()=>e.e(50).then(e.bind(null,460)),"v-4d1e5c5d":()=>e.e(49).then(e.bind(null,461)),"v-0db22306":()=>e.e(51).then(e.bind(null,462)),"v-67fac0e2":()=>e.e(52).then(e.bind(null,463)),"v-26692906":()=>e.e(10).then(e.bind(null,464)),"v-49aea27d":()=>e.e(11).then(e.bind(null,465)),"v-5b88421d":()=>e.e(9).then(e.bind(null,466)),"v-37e66462":()=>e.e(12).then(e.bind(null,467)),"v-90c1ce06":()=>e.e(13).then(e.bind(null,468)),"v-33db82fd":()=>e.e(14).then(e.bind(null,469)),"v-942110c6":()=>e.e(53).then(e.bind(null,470)),"v-ebb19754":()=>e.e(54).then(e.bind(null,471)),"v-43e4cf76":()=>e.e(56).then(e.bind(null,472)),"v-366650ca":()=>e.e(57).then(e.bind(null,473)),"v-54f14cdd":()=>e.e(55).then(e.bind(null,474)),"v-fac884d6":()=>e.e(58).then(e.bind(null,475)),"v-f46f9a86":()=>e.e(59).then(e.bind(null,476)),"v-b3a5649a":()=>e.e(60).then(e.bind(null,477)),"v-a827b1b2":()=>e.e(61).then(e.bind(null,478)),"v-f0a8046a":()=>e.e(62).then(e.bind(null,479)),"v-2215247d":()=>e.e(64).then(e.bind(null,480)),"v-1ac7de46":()=>e.e(63).then(e.bind(null,481)),"v-06766846":()=>e.e(65).then(e.bind(null,482)),"v-475451bd":()=>e.e(66).then(e.bind(null,483)),"v-14c8b49f":()=>e.e(67).then(e.bind(null,484)),"v-532157ca":()=>e.e(68).then(e.bind(null,485)),"v-de7917b6":()=>e.e(69).then(e.bind(null,486)),"v-0f11953d":()=>e.e(70).then(e.bind(null,487)),"v-8f774586":()=>e.e(71).then(e.bind(null,488)),"v-ffcf4406":()=>e.e(73).then(e.bind(null,489)),"v-ed85c306":()=>e.e(74).then(e.bind(null,490)),"v-188d5d06":()=>e.e(75).then(e.bind(null,491)),"v-4f17a19d":()=>e.e(72).then(e.bind(null,492)),"v-79f854d2":()=>e.e(76).then(e.bind(null,493)),"v-a53ecf06":()=>e.e(77).then(e.bind(null,494)),"v-224dfd1d":()=>e.e(78).then(e.bind(null,495)),"v-e1c46312":()=>e.e(79).then(e.bind(null,496)),"v-5cbaa4bd":()=>e.e(81).then(e.bind(null,497)),"v-4dd91745":()=>e.e(80).then(e.bind(null,498)),"v-25be76ab":()=>e.e(82).then(e.bind(null,499)),"v-fe2fae0e":()=>e.e(83).then(e.bind(null,500)),"v-14b16052":()=>e.e(84).then(e.bind(null,501)),"v-0d73d593":()=>e.e(85).then(e.bind(null,502)),"v-9e862306":()=>e.e(86).then(e.bind(null,503)),"v-22325356":()=>e.e(87).then(e.bind(null,504)),"v-c5c24e7a":()=>e.e(88).then(e.bind(null,505)),"v-76c7a746":()=>e.e(89).then(e.bind(null,506)),"v-19c0057d":()=>e.e(90).then(e.bind(null,507)),"v-940803b2":()=>e.e(91).then(e.bind(null,508)),"v-2f3a8d3f":()=>e.e(92).then(e.bind(null,509)),"v-5f6c329d":()=>e.e(93).then(e.bind(null,510)),"v-5eb79d3d":()=>e.e(95).then(e.bind(null,511)),"v-13db7dfd":()=>e.e(96).then(e.bind(null,512)),"v-bc3af7aa":()=>e.e(94).then(e.bind(null,513)),"v-21782935":()=>e.e(97).then(e.bind(null,514)),"v-246c16bd":()=>e.e(98).then(e.bind(null,515)),"v-dd2b401a":()=>e.e(99).then(e.bind(null,516)),"v-3ae674fd":()=>e.e(101).then(e.bind(null,517)),"v-0fc2653f":()=>e.e(100).then(e.bind(null,518)),"v-39b04a87":()=>e.e(102).then(e.bind(null,519)),"v-45140bd3":()=>e.e(103).then(e.bind(null,520)),"v-4719da06":()=>e.e(105).then(e.bind(null,521)),"v-f2852e62":()=>e.e(104).then(e.bind(null,522))};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})}},It=e(12),Tt=e.n(It),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=Tt.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}${Tt.a.base}`;return o.startsWith(a)?o.substring(a.length)+"/":o}function $t(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 Yt(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(...$t({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=Yt(Tt.a,Tt.a.versions||[]);r.a.set(Xt,"dropdown",n)}try{const n=await Object(Lt.fetchNpmVersions)(fetch,Tt.a.name),t=Yt(Tt.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 Tt.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-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-25f1271d",path:"/api/interfaces/AnnotationPointCoordinates.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-25f1271d").then(e)}},{name:"v-1c40ad9d",path:"/api/interfaces/AnnotationTypeRegistry.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-1c40ad9d").then(e)}},{name:"v-bc74aa06",path:"/api/interfaces/ArrowHeadOptions.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-bc74aa06").then(e)}},{name:"v-15088ca1",path:"/api/interfaces/ArrowHeadsOptions.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-15088ca1").then(e)}},{name:"v-2e4ca05d",path:"/api/interfaces/BoxAnnotationOptions.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-2e4ca05d").then(e)}},{name:"v-1915dd1f",path:"/api/interfaces/BoxLabelOptions.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-1915dd1f").then(e)}},{name:"v-7fae43e2",path:"/api/interfaces/ContainedLabelOptions.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-7fae43e2").then(e)}},{name:"v-ec8d56c6",path:"/api/interfaces/CalloutOptions.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-ec8d56c6").then(e)}},{name:"v-6b2059b3",path:"/api/interfaces/ControlPointOptions.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-6b2059b3").then(e)}},{name:"v-4b4d89e9",path:"/api/interfaces/CoreAnnotationOptions.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-4b4d89e9").then(e)}},{name:"v-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-f13aec06",path:"/api/interfaces/LabelAnnotationOptions.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-f13aec06").then(e)}},{name:"v-29e3487d",path:"/api/interfaces/EventContext.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-29e3487d").then(e)}},{name:"v-3e5dcf1d",path:"/api/interfaces/LabelOptions.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-3e5dcf1d").then(e)}},{name:"v-35d1c17d",path:"/api/interfaces/LabelPadding.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-35d1c17d").then(e)}},{name:"v-361cec5e",path:"/api/interfaces/LabelPositionObject.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-361cec5e").then(e)}},{name:"v-07090646",path:"/api/interfaces/LabelTypeOptions.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-07090646").then(e)}},{name:"v-42745613",path:"/api/interfaces/LineAnnotationOptions.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-42745613").then(e)}},{name:"v-16482446",path:"/api/interfaces/PartialEventContext.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-16482446").then(e)}},{name:"v-5dd3097d",path:"/api/interfaces/PointAnnotationOptions.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-5dd3097d").then(e)}},{name:"v-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-1b86f686",path:"/guide/integration.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-1b86f686").then(e)}},{name:"v-54682062",path:"/guide/contributing.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-54682062").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-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-0db22306",path:"/guide/types/_commonInnerLabel.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-0db22306").then(e)}},{name:"v-67fac0e2",path:"/guide/types/_commonOptions.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-67fac0e2").then(e)}},{name:"v-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-5b88421d",path:"/guide/types/box.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-5b88421d").then(e)}},{name:"v-37e66462",path:"/guide/types/line.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-37e66462").then(e)}},{name:"v-90c1ce06",path:"/guide/types/point.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-90c1ce06").then(e)}},{name:"v-33db82fd",path:"/guide/types/polygon.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-33db82fd").then(e)}},{name:"v-942110c6",path:"/guide/usage.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-942110c6").then(e)}},{name:"v-ebb19754",path:"/",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-ebb19754").then(e)}},{path:"/index.html",redirect:"/"},{name:"v-43e4cf76",path:"/samples/box/canvas.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-43e4cf76").then(e)}},{name:"v-366650ca",path:"/samples/box/disclosure.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-366650ca").then(e)}},{name:"v-54f14cdd",path:"/samples/box/basic.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-54f14cdd").then(e)}},{name:"v-fac884d6",path:"/samples/box/gradient.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-fac884d6").then(e)}},{name:"v-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-2215247d",path:"/samples/ellipse/basic.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-2215247d").then(e)}},{name:"v-1ac7de46",path:"/samples/charts/line.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-1ac7de46").then(e)}},{name:"v-06766846",path:"/samples/ellipse/image.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-06766846").then(e)}},{name:"v-475451bd",path:"/samples/ellipse/label.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-475451bd").then(e)}},{name:"v-14c8b49f",path:"/samples/ellipse/rotation.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-14c8b49f").then(e)}},{name:"v-532157ca",path:"/samples/interaction/cartesianplane.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-532157ca").then(e)}},{name:"v-de7917b6",path:"/samples/interaction/dragging.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-de7917b6").then(e)}},{name:"v-0f11953d",path:"/samples/interaction/interaction.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-0f11953d").then(e)}},{name:"v-8f774586",path:"/samples/interaction/selection.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-8f774586").then(e)}},{name:"v-ffcf4406",path:"/samples/label/autoscaling.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-ffcf4406").then(e)}},{name:"v-ed85c306",path:"/samples/label/basic.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-ed85c306").then(e)}},{name:"v-188d5d06",path:"/samples/label/callout.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-188d5d06").then(e)}},{name:"v-4f17a19d",path:"/samples/intro.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-4f17a19d").then(e)}},{name:"v-79f854d2",path:"/samples/label/canvas.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-79f854d2").then(e)}},{name:"v-a53ecf06",path:"/samples/label/fontsColors.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-a53ecf06").then(e)}},{name:"v-224dfd1d",path:"/samples/label/image.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-224dfd1d").then(e)}},{name:"v-e1c46312",path:"/samples/label/innerChart.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-e1c46312").then(e)}},{name:"v-5cbaa4bd",path:"/samples/label/point.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-5cbaa4bd").then(e)}},{name:"v-4dd91745",path:"/samples/label/lowerUpper.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-4dd91745").then(e)}},{name:"v-25be76ab",path:"/samples/line/animation.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-25be76ab").then(e)}},{name:"v-fe2fae0e",path:"/samples/line/average.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-fe2fae0e").then(e)}},{name:"v-14b16052",path:"/samples/line/basic.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-14b16052").then(e)}},{name:"v-0d73d593",path:"/samples/line/callout.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-0d73d593").then(e)}},{name:"v-9e862306",path:"/samples/line/canvas.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-9e862306").then(e)}},{name:"v-22325356",path:"/samples/line/curve.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-22325356").then(e)}},{name:"v-c5c24e7a",path:"/samples/line/datasetBars.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-c5c24e7a").then(e)}},{name:"v-76c7a746",path:"/samples/line/hook.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-76c7a746").then(e)}},{name:"v-19c0057d",path:"/samples/line/image.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-19c0057d").then(e)}},{name:"v-940803b2",path:"/samples/line/labelVisibility.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-940803b2").then(e)}},{name:"v-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-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-bc3af7aa",path:"/samples/line/standardDeviation.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-bc3af7aa").then(e)}},{name:"v-21782935",path:"/samples/point/combined.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-21782935").then(e)}},{name:"v-246c16bd",path:"/samples/point/initAnim.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-246c16bd").then(e)}},{name:"v-dd2b401a",path:"/samples/point/outsideChartArea.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-dd2b401a").then(e)}},{name:"v-3ae674fd",path:"/samples/polygon/basic.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-3ae674fd").then(e)}},{name:"v-0fc2653f",path:"/samples/point/shadow.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-0fc2653f").then(e)}},{name:"v-39b04a87",path:"/samples/polygon/outsideChartArea.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-39b04a87").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)}},{name:"v-f2852e62",path:"/samples/polygon/stop.html",component:qt,beforeEnter:(n,t,e)=>{vt("Layout","v-f2852e62").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" \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 \n Defined in \n index.d.ts:20 \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:25 \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:23 \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:24 \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:152 \n annotations \n • annotations : Record < string , AnnotationOptions > | AnnotationOptions [] \n Defined in \n options.d.ts:153 \n clip \n • Optional clip : boolean \n Defined in \n options.d.ts:154 \n common \n • Optional common : BoxAnnotationOptions | EllipseAnnotationOptions | LabelAnnotationOptions | LineAnnotationOptions | PointAnnotationOptions | PolygonAnnotationOptions \n Defined in \n options.d.ts:155 \n interaction \n • Optional interaction : CoreInteractionOptions \n Defined in \n options.d.ts:156 \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:25 \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:23 \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:24 \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:57 \n yValue \n • Optional yValue : Scriptable < ScaleValue , PartialEventContext > \n Defined in \n options.d.ts:58 \n"},{title:"Interface: AnnotationTypeRegistry",frontmatter:{},regularPath:"/api/interfaces/AnnotationTypeRegistry.html",relativePath:"api/interfaces/AnnotationTypeRegistry.md",key:"v-1c40ad9d",path:"/api/interfaces/AnnotationTypeRegistry.html",headers:[{level:2,title:"Properties",slug:"properties"},{level:3,title:"box",slug:"box"},{level:3,title:"ellipse",slug:"ellipse"},{level:3,title:"label",slug:"label"},{level:3,title:"line",slug:"line"},{level:3,title:"point",slug:"point"},{level:3,title:"polygon",slug:"polygon"}],content:" Interface: AnnotationTypeRegistry \n Properties \n box \n • box : BoxAnnotationOptions \n Defined in \n options.d.ts:9 \n ellipse \n • ellipse : EllipseAnnotationOptions \n Defined in \n options.d.ts:10 \n label \n • label : LabelAnnotationOptions \n Defined in \n options.d.ts:11 \n line \n • line : LineAnnotationOptions \n Defined in \n options.d.ts:12 \n point \n • point : PointAnnotationOptions \n Defined in \n options.d.ts:13 \n polygon \n • polygon : PolygonAnnotationOptions \n Defined in \n options.d.ts:14 \n"},{title:"Interface: ArrowHeadOptions",frontmatter:{},regularPath:"/api/interfaces/ArrowHeadOptions.html",relativePath:"api/interfaces/ArrowHeadOptions.md",key:"v-bc74aa06",path:"/api/interfaces/ArrowHeadOptions.html",headers:[{level:2,title:"Hierarchy",slug:"hierarchy"},{level:2,title:"Properties",slug:"properties"},{level:3,title:"backgroundColor",slug:"backgroundcolor"},{level:3,title:"backgroundShadowColor",slug:"backgroundshadowcolor"},{level:3,title:"borderColor",slug:"bordercolor"},{level:3,title:"borderDash",slug:"borderdash"},{level:3,title:"borderDashOffset",slug:"borderdashoffset"},{level:3,title:"borderShadowColor",slug:"bordershadowcolor"},{level:3,title:"borderWidth",slug:"borderwidth"},{level:3,title:"display",slug:"display"},{level:3,title:"fill",slug:"fill"},{level:3,title:"length",slug:"length"},{level:3,title:"shadowBlur",slug:"shadowblur"},{level:3,title:"shadowOffsetX",slug:"shadowoffsetx"},{level:3,title:"shadowOffsetY",slug:"shadowoffsety"},{level:3,title:"width",slug:"width"}],content:" Interface: ArrowHeadOptions \n Hierarchy \n \n \n ShadowOptions \n ↳ ArrowHeadOptions \n ↳↳ ArrowHeadsOptions \n Properties \n backgroundColor \n • Optional backgroundColor : Scriptable < Color , PartialEventContext > \n Defined in \n options.d.ts:62 \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:63 \n borderDash \n • Optional borderDash : Scriptable < number [], PartialEventContext > \n Defined in \n options.d.ts:64 \n borderDashOffset \n • Optional borderDashOffset : Scriptable < number , PartialEventContext > \n Defined in \n options.d.ts:65 \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:66 \n display \n • Optional display : Scriptable < boolean , PartialEventContext > \n Defined in \n options.d.ts:67 \n fill \n • Optional fill : Scriptable < boolean , PartialEventContext > \n Defined in \n options.d.ts:68 \n length \n • Optional length : Scriptable < number , PartialEventContext > \n Defined in \n options.d.ts:69 \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:70 \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:62 \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:63 \n borderDash \n • Optional borderDash : Scriptable < number [], PartialEventContext > \n Inherited from \n ArrowHeadOptions . borderDash \n Defined in \n options.d.ts:64 \n borderDashOffset \n • Optional borderDashOffset : Scriptable < number , PartialEventContext > \n Inherited from \n ArrowHeadOptions . borderDashOffset \n Defined in \n options.d.ts:65 \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:66 \n display \n • Optional display : Scriptable < boolean , PartialEventContext > \n Inherited from \n ArrowHeadOptions . display \n Defined in \n options.d.ts:67 \n end \n • Optional end : ArrowHeadOptions \n Defined in \n options.d.ts:74 \n fill \n • Optional fill : Scriptable < boolean , PartialEventContext > \n Inherited from \n ArrowHeadOptions . fill \n Defined in \n options.d.ts:68 \n length \n • Optional length : Scriptable < number , PartialEventContext > \n Inherited from \n ArrowHeadOptions . length \n Defined in \n options.d.ts:69 \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:75 \n width \n • Optional width : Scriptable < number , PartialEventContext > \n Inherited from \n ArrowHeadOptions . width \n Defined in \n options.d.ts:70 \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:"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:94 \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:99 \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:104 \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:109 \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:114 \n borderRadius \n • Optional borderRadius : Scriptable < number | BorderRadius , PartialEventContext > \n Defined in \n options.d.ts:115 \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 id \n • Optional id : string \n Inherited from \n CoreAnnotationOptions . id \n Defined in \n options.d.ts:46 \n init \n • Optional init : boolean | ( chart : Chart , properties : AnnotationBoxModel , options : AnnotationOptions ) => boolean | void | AnnotationElement \n Inherited from \n CoreAnnotationOptions . init \n Defined in \n options.d.ts:45 \n label \n • Optional label : BoxLabelOptions \n Defined in \n options.d.ts:116 \n rotation \n • Optional rotation : Scriptable < number , PartialEventContext > \n Defined in \n options.d.ts:117 \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:47 \n xMin \n • Optional xMin : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . xMin \n Defined in \n options.d.ts:48 \n xScaleID \n • Optional xScaleID : Scriptable < string , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . xScaleID \n Defined in \n options.d.ts:49 \n yMax \n • Optional yMax : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . yMax \n Defined in \n options.d.ts:50 \n yMin \n • Optional yMin : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . yMin \n Defined in \n options.d.ts:51 \n yScaleID \n • Optional yScaleID : Scriptable < string , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . yScaleID \n Defined in \n options.d.ts:52 \n z \n • Optional z : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . z \n Defined in \n options.d.ts:53 \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:25 \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:23 \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:24 \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:"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:143 \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 position \n • Optional position : Scriptable < LabelPosition | LabelPositionObject , PartialEventContext > \n Defined in \n label.d.ts:138 \n rotation \n • Optional rotation : Scriptable < number , PartialEventContext > \n Defined in \n label.d.ts:144 \n textAlign \n • Optional textAlign : Scriptable < LabelTextAlign , PartialEventContext > \n Text alignment when the content of the label is multi-line. \n Default \n 'center' \n Inherited from \n CoreLabelOptions . textAlign \n Defined in \n label.d.ts:53 \n textStrokeColor \n • Optional textStrokeColor : Scriptable < Color , PartialEventContext > \n Inherited from \n CoreLabelOptions . textStrokeColor \n Defined in \n label.d.ts:54 \n textStrokeWidth \n • Optional textStrokeWidth : Scriptable < number , PartialEventContext > \n Inherited from \n CoreLabelOptions . textStrokeWidth \n Defined in \n label.d.ts:55 \n width \n • Optional width : Scriptable < number | `${number}%`, PartialEventContext > \n Overrides the width of the image. Could be set in pixel by a number,\nor in percentage of current width of image by a string \n Inherited from \n CoreLabelOptions . width \n Defined in \n label.d.ts:78 \n xAdjust \n • Optional xAdjust : Scriptable < number , PartialEventContext > \n Adjustment along x-axis (left-right) of label relative to above number (can be negative)\nFor horizontal lines positioned left or right, negative values move\nthe label toward the edge, and positive values toward the center. \n Default \n 0 \n Inherited from \n CoreLabelOptions . xAdjust \n Defined in \n label.d.ts:62 \n yAdjust \n • Optional yAdjust : Scriptable < number , PartialEventContext > \n Adjustment along y-axis (top-bottom) of label relative to above number (can be negative)\nFor vertical lines positioned top or bottom, negative values move\nthe label toward the edge, and positive values toward the center. \n Default \n 0 \n Inherited from \n CoreLabelOptions . yAdjust \n Defined in \n label.d.ts:69 \n z \n • Optional z : Scriptable < number , PartialEventContext > \n Inherited from \n CoreLabelOptions . z \n Defined in \n label.d.ts:88 \n"},{title:"Interface: ContainedLabelOptions",frontmatter:{},regularPath:"/api/interfaces/ContainedLabelOptions.html",relativePath:"api/interfaces/ContainedLabelOptions.md",key:"v-7fae43e2",path:"/api/interfaces/ContainedLabelOptions.html",headers:[{level:2,title:"Hierarchy",slug:"hierarchy"},{level:2,title:"Properties",slug:"properties"},{level:3,title:"backgroundColor",slug:"backgroundcolor"},{level:3,title:"borderCapStyle",slug:"bordercapstyle"},{level:3,title:"borderColor",slug:"bordercolor"},{level:3,title:"borderDash",slug:"borderdash"},{level:3,title:"borderDashOffset",slug:"borderdashoffset"},{level:3,title:"borderJoinStyle",slug:"borderjoinstyle"},{level:3,title:"borderRadius",slug:"borderradius"},{level:3,title:"borderWidth",slug:"borderwidth"},{level:3,title:"callout",slug:"callout"},{level:3,title:"color",slug:"color"},{level:3,title:"content",slug:"content"},{level:3,title:"drawTime",slug:"drawtime"},{level:3,title:"font",slug:"font"},{level:3,title:"height",slug:"height"},{level:3,title:"opacity",slug:"opacity"},{level:3,title:"padding",slug:"padding"},{level:3,title:"textAlign",slug:"textalign"},{level:3,title:"textStrokeColor",slug:"textstrokecolor"},{level:3,title:"textStrokeWidth",slug:"textstrokewidth"},{level:3,title:"width",slug:"width"},{level:3,title:"xAdjust",slug:"xadjust"},{level:3,title:"yAdjust",slug:"yadjust"},{level:3,title:"z",slug:"z"}],content:" Interface: ContainedLabelOptions \n Hierarchy \n \n \n CoreLabelOptions \n ↳ ContainedLabelOptions \n ↳↳ LabelOptions \n ↳↳ LabelTypeOptions \n Properties \n backgroundColor \n • Optional backgroundColor : Scriptable < Color , PartialEventContext > \n Defined in \n label.d.ts:92 \n borderCapStyle \n • Optional borderCapStyle : Scriptable < CanvasLineCap , PartialEventContext > \n Border line cap style. See MDN. \n Default \n 'butt' \n Defined in \n label.d.ts:99 \n borderColor \n • Optional borderColor : Scriptable < Color , PartialEventContext > \n Defined in \n label.d.ts:94 \n borderDash \n • Optional borderDash : Scriptable < number [], PartialEventContext > \n Border line dash. See MDN. \n Default \n [] \n Defined in \n label.d.ts:104 \n borderDashOffset \n • Optional borderDashOffset : Scriptable < number , PartialEventContext > \n Border line dash offset. See MDN. \n Default \n 0.0 \n Defined in \n label.d.ts:109 \n borderJoinStyle \n • Optional borderJoinStyle : Scriptable < CanvasLineJoin , PartialEventContext > \n Border line join style. See MDN. \n Default \n 'miter' \n Defined in \n label.d.ts:114 \n borderRadius \n • Optional borderRadius : Scriptable < number | BorderRadius , PartialEventContext > \n Border radius of the label rectangle \n Default \n 6 \n Defined in \n label.d.ts:119 \n borderWidth \n • Optional borderWidth : Scriptable < number , PartialEventContext > \n Defined in \n label.d.ts:93 \n callout \n • Optional callout : CalloutOptions \n Defined in \n label.d.ts:120 \n color \n • Optional color : Scriptable < Color | Color [], PartialEventContext > \n Inherited from \n CoreLabelOptions . color \n Defined in \n label.d.ts:43 \n content \n • content : Scriptable < string | string [] | HTMLCanvasElement | HTMLImageElement , PartialEventContext > \n Text to display in label. Provide an array to display multiple lines \n Inherited from \n CoreLabelOptions . content \n Defined in \n label.d.ts:73 \n drawTime \n • Optional drawTime : Scriptable < DrawTime , PartialEventContext > \n Inherited from \n CoreLabelOptions . drawTime \n Defined in \n label.d.ts:41 \n font \n • Optional font : Scriptable < Partial < FontSpec > | Partial < FontSpec >[], PartialEventContext > \n Inherited from \n CoreLabelOptions . font \n Defined in \n label.d.ts:42 \n height \n • Optional height : Scriptable < number | `${number}%`, PartialEventContext > \n Overrides the height of the image. Could be set in pixel by a number,\nor in percentage of current height of image by a string \n Inherited from \n CoreLabelOptions . height \n Defined in \n label.d.ts:83 \n opacity \n • Optional opacity : Scriptable < number , PartialEventContext > \n Overrides the opacity of the image. \n Inherited from \n CoreLabelOptions . opacity \n Defined in \n label.d.ts:87 \n padding \n • Optional padding : Scriptable < number | LabelPadding , PartialEventContext > \n Padding of label \n Default \n 6 \n Inherited from \n CoreLabelOptions . padding \n Defined in \n label.d.ts:48 \n textAlign \n • Optional textAlign : Scriptable < LabelTextAlign , PartialEventContext > \n Text alignment when the content of the label is multi-line. \n Default \n 'center' \n Inherited from \n CoreLabelOptions . textAlign \n Defined in \n label.d.ts:53 \n textStrokeColor \n • Optional textStrokeColor : Scriptable < Color , PartialEventContext > \n Inherited from \n CoreLabelOptions . textStrokeColor \n Defined in \n label.d.ts:54 \n textStrokeWidth \n • Optional textStrokeWidth : Scriptable < number , PartialEventContext > \n Inherited from \n CoreLabelOptions . textStrokeWidth \n Defined in \n label.d.ts:55 \n width \n • Optional width : Scriptable < number | `${number}%`, PartialEventContext > \n Overrides the width of the image. Could be set in pixel by a number,\nor in percentage of current width of image by a string \n Inherited from \n CoreLabelOptions . width \n Defined in \n label.d.ts:78 \n xAdjust \n • Optional xAdjust : Scriptable < number , PartialEventContext > \n Adjustment along x-axis (left-right) of label relative to above number (can be negative)\nFor horizontal lines positioned left or right, negative values move\nthe label toward the edge, and positive values toward the center. \n Default \n 0 \n Inherited from \n CoreLabelOptions . xAdjust \n Defined in \n label.d.ts:62 \n yAdjust \n • Optional yAdjust : Scriptable < number , PartialEventContext > \n Adjustment along y-axis (top-bottom) of label relative to above number (can be negative)\nFor vertical lines positioned top or bottom, negative values move\nthe label toward the edge, and positive values toward the center. \n Default \n 0 \n Inherited from \n CoreLabelOptions . yAdjust \n Defined in \n label.d.ts:69 \n z \n • Optional z : Scriptable < number , PartialEventContext > \n Inherited from \n CoreLabelOptions . z \n Defined in \n label.d.ts:88 \n"},{title:"Interface: CalloutOptions",frontmatter:{},regularPath:"/api/interfaces/CalloutOptions.html",relativePath:"api/interfaces/CalloutOptions.md",key:"v-ec8d56c6",path:"/api/interfaces/CalloutOptions.html",headers:[{level:2,title:"Properties",slug:"properties"},{level:3,title:"borderCapStyle",slug:"bordercapstyle"},{level:3,title:"borderColor",slug:"bordercolor"},{level:3,title:"borderDash",slug:"borderdash"},{level:3,title:"borderDashOffset",slug:"borderdashoffset"},{level:3,title:"borderJoinStyle",slug:"borderjoinstyle"},{level:3,title:"borderWidth",slug:"borderwidth"},{level:3,title:"display",slug:"display"},{level:3,title:"margin",slug:"margin"},{level:3,title:"position",slug:"position"},{level:3,title:"side",slug:"side"},{level:3,title:"start",slug:"start"}],content:" Interface: CalloutOptions \n Properties \n borderCapStyle \n • Optional borderCapStyle : Scriptable < CanvasLineCap , PartialEventContext > \n Defined in \n label.d.ts:27 \n borderColor \n • Optional borderColor : Scriptable < Color , PartialEventContext > \n Defined in \n label.d.ts:28 \n borderDash \n • Optional borderDash : Scriptable < number [], PartialEventContext > \n Defined in \n label.d.ts:29 \n borderDashOffset \n • Optional borderDashOffset : Scriptable < number , PartialEventContext > \n Defined in \n label.d.ts:30 \n borderJoinStyle \n • Optional borderJoinStyle : Scriptable < CanvasLineJoin , PartialEventContext > \n Defined in \n label.d.ts:31 \n borderWidth \n • Optional borderWidth : Scriptable < number , PartialEventContext > \n Defined in \n label.d.ts:32 \n display \n • Optional display : Scriptable < boolean , PartialEventContext > \n Defined in \n label.d.ts:33 \n margin \n • Optional margin : Scriptable < number , PartialEventContext > \n Defined in \n label.d.ts:34 \n position \n • Optional position : Scriptable < CalloutPosition , PartialEventContext > \n Defined in \n label.d.ts:35 \n side \n • Optional side : Scriptable < number , PartialEventContext > \n Defined in \n label.d.ts:36 \n start \n • Optional start : Scriptable < string | number , PartialEventContext > \n Defined in \n label.d.ts:37 \n"},{title:"Interface: ControlPointOptions",frontmatter:{},regularPath:"/api/interfaces/ControlPointOptions.html",relativePath:"api/interfaces/ControlPointOptions.md",key:"v-6b2059b3",path:"/api/interfaces/ControlPointOptions.html",headers:[{level:2,title:"Properties",slug:"properties"},{level:3,title:"x",slug:"x"},{level:3,title:"y",slug:"y"}],content:" Interface: ControlPointOptions \n Properties \n x \n • Optional x : Scriptable < string | number , PartialEventContext > \n Defined in \n options.d.ts:79 \n y \n • Optional y : Scriptable < string | number , PartialEventContext > \n Defined in \n options.d.ts:80 \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:"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 id \n • Optional id : string \n Defined in \n options.d.ts:46 \n init \n • Optional init : boolean | ( chart : Chart , properties : AnnotationBoxModel , options : AnnotationOptions ) => boolean | void | AnnotationElement \n Defined in \n options.d.ts:45 \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:47 \n xMin \n • Optional xMin : Scriptable < ScaleValue , PartialEventContext > \n Defined in \n options.d.ts:48 \n xScaleID \n • Optional xScaleID : Scriptable < string , PartialEventContext > \n Defined in \n options.d.ts:49 \n yMax \n • Optional yMax : Scriptable < ScaleValue , PartialEventContext > \n Defined in \n options.d.ts:50 \n yMin \n • Optional yMin : Scriptable < ScaleValue , PartialEventContext > \n Defined in \n options.d.ts:51 \n yScaleID \n • Optional yScaleID : Scriptable < string , PartialEventContext > \n Defined in \n options.d.ts:52 \n z \n • Optional z : Scriptable < number , PartialEventContext > \n Defined in \n options.d.ts:53 \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:25 \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:23 \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:24 \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:"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:121 \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 id \n • Optional id : string \n Inherited from \n CoreAnnotationOptions . id \n Defined in \n options.d.ts:46 \n init \n • Optional init : boolean | ( chart : Chart , properties : AnnotationBoxModel , options : AnnotationOptions ) => boolean | void | AnnotationElement \n Inherited from \n CoreAnnotationOptions . init \n Defined in \n options.d.ts:45 \n label \n • Optional label : BoxLabelOptions \n Defined in \n options.d.ts:122 \n rotation \n • Optional rotation : Scriptable < number , PartialEventContext > \n Defined in \n options.d.ts:123 \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:47 \n xMin \n • Optional xMin : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . xMin \n Defined in \n options.d.ts:48 \n xScaleID \n • Optional xScaleID : Scriptable < string , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . xScaleID \n Defined in \n options.d.ts:49 \n yMax \n • Optional yMax : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . yMax \n Defined in \n options.d.ts:50 \n yMin \n • Optional yMin : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . yMin \n Defined in \n options.d.ts:51 \n yScaleID \n • Optional yScaleID : Scriptable < string , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . yScaleID \n Defined in \n options.d.ts:52 \n z \n • Optional z : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . z \n Defined in \n options.d.ts:53 \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:25 \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:23 \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:24 \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:"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 id \n • Optional id : string \n Inherited from \n CoreAnnotationOptions . id \n Defined in \n options.d.ts:46 \n init \n • Optional init : boolean | ( chart : Chart , properties : AnnotationBoxModel , options : AnnotationOptions ) => boolean | void | AnnotationElement \n Inherited from \n CoreAnnotationOptions . init \n Defined in \n options.d.ts:45 \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:148 \n rotation \n • Optional rotation : Scriptable < number , PartialEventContext > \n Defined in \n options.d.ts:136 \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:47 \n xMin \n • Optional xMin : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . xMin \n Defined in \n options.d.ts:48 \n xScaleID \n • Optional xScaleID : Scriptable < string , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . xScaleID \n Defined in \n options.d.ts:49 \n xValue \n • Optional xValue : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n AnnotationPointCoordinates . xValue \n Defined in \n options.d.ts:57 \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:50 \n yMin \n • Optional yMin : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . yMin \n Defined in \n options.d.ts:51 \n yScaleID \n • Optional yScaleID : Scriptable < string , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . yScaleID \n Defined in \n options.d.ts:52 \n yValue \n • Optional yValue : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n AnnotationPointCoordinates . yValue \n Defined in \n options.d.ts:58 \n z \n • Optional z : Scriptable < number , PartialEventContext > \n Inherited from \n LabelTypeOptions . z \n Defined in \n options.d.ts:53 \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:25 \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:23 \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:24 \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:"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 id \n • id : string \n Defined in \n events.d.ts:7 \n type \n • type : string \n Defined in \n events.d.ts:8 \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:"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 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:134 \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:148 \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:"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:84 \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:86 \n curve \n • Optional curve : Scriptable < boolean , PartialEventContext > \n Defined in \n options.d.ts:85 \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:87 \n id \n • Optional id : string \n Inherited from \n CoreAnnotationOptions . id \n Defined in \n options.d.ts:46 \n init \n • Optional init : boolean | ( chart : Chart , properties : AnnotationBoxModel , options : AnnotationOptions ) => boolean | void | AnnotationElement \n Inherited from \n CoreAnnotationOptions . init \n Defined in \n options.d.ts:45 \n label \n • Optional label : LabelOptions \n Defined in \n options.d.ts:88 \n scaleID \n • Optional scaleID : Scriptable < string , PartialEventContext > \n Defined in \n options.d.ts:89 \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:90 \n xMax \n • Optional xMax : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . xMax \n Defined in \n options.d.ts:47 \n xMin \n • Optional xMin : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . xMin \n Defined in \n options.d.ts:48 \n xScaleID \n • Optional xScaleID : Scriptable < string , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . xScaleID \n Defined in \n options.d.ts:49 \n yMax \n • Optional yMax : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . yMax \n Defined in \n options.d.ts:50 \n yMin \n • Optional yMin : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . yMin \n Defined in \n options.d.ts:51 \n yScaleID \n • Optional yScaleID : Scriptable < string , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . yScaleID \n Defined in \n options.d.ts:52 \n z \n • Optional z : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . z \n Defined in \n options.d.ts:53 \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:25 \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:23 \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:24 \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:"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:16 \n element \n • Optional element : Partial < AnnotationElement > \n Defined in \n events.d.ts:17 \n id \n • Optional id : string \n Defined in \n events.d.ts:18 \n type \n • Optional type : string \n Defined in \n events.d.ts:19 \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:"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:127 \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 id \n • Optional id : string \n Inherited from \n CoreAnnotationOptions . id \n Defined in \n options.d.ts:46 \n init \n • Optional init : boolean | ( chart : Chart , properties : AnnotationBoxModel , options : AnnotationOptions ) => boolean | void | AnnotationElement \n Inherited from \n CoreAnnotationOptions . init \n Defined in \n options.d.ts:45 \n pointStyle \n • Optional pointStyle : Scriptable < PointStyle , PartialEventContext > \n Defined in \n options.d.ts:128 \n radius \n • Optional radius : Scriptable < number , PartialEventContext > \n Defined in \n options.d.ts:129 \n rotation \n • Optional rotation : Scriptable < number , PartialEventContext > \n Defined in \n options.d.ts:130 \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:131 \n xMax \n • Optional xMax : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . xMax \n Defined in \n options.d.ts:47 \n xMin \n • Optional xMin : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . xMin \n Defined in \n options.d.ts:48 \n xScaleID \n • Optional xScaleID : Scriptable < string , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . xScaleID \n Defined in \n options.d.ts:49 \n xValue \n • Optional xValue : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n AnnotationPointCoordinates . xValue \n Defined in \n options.d.ts:57 \n yAdjust \n • Optional yAdjust : Scriptable < number , PartialEventContext > \n Defined in \n options.d.ts:132 \n yMax \n • Optional yMax : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . yMax \n Defined in \n options.d.ts:50 \n yMin \n • Optional yMin : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . yMin \n Defined in \n options.d.ts:51 \n yScaleID \n • Optional yScaleID : Scriptable < string , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . yScaleID \n Defined in \n options.d.ts:52 \n yValue \n • Optional yValue : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n AnnotationPointCoordinates . yValue \n Defined in \n options.d.ts:58 \n z \n • Optional z : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . z \n Defined in \n options.d.ts:53 \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:25 \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:23 \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:24 \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:"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:140 \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:141 \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:142 \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 id \n • Optional id : string \n Inherited from \n CoreAnnotationOptions . id \n Defined in \n options.d.ts:46 \n init \n • Optional init : boolean | ( chart : Chart , properties : AnnotationBoxModel , options : AnnotationOptions ) => boolean | void | AnnotationElement \n Inherited from \n CoreAnnotationOptions . init \n Defined in \n options.d.ts:45 \n point \n • Optional point : PointAnnotationOptions \n Defined in \n options.d.ts:143 \n radius \n • Optional radius : Scriptable < number , PartialEventContext > \n Defined in \n options.d.ts:144 \n rotation \n • Optional rotation : Scriptable < number , PartialEventContext > \n Defined in \n options.d.ts:145 \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:146 \n xAdjust \n • Optional xAdjust : Scriptable < number , PartialEventContext > \n Defined in \n options.d.ts:147 \n xMax \n • Optional xMax : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . xMax \n Defined in \n options.d.ts:47 \n xMin \n • Optional xMin : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . xMin \n Defined in \n options.d.ts:48 \n xScaleID \n • Optional xScaleID : Scriptable < string , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . xScaleID \n Defined in \n options.d.ts:49 \n xValue \n • Optional xValue : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n AnnotationPointCoordinates . xValue \n Defined in \n options.d.ts:57 \n yAdjust \n • Optional yAdjust : Scriptable < number , PartialEventContext > \n Defined in \n options.d.ts:148 \n yMax \n • Optional yMax : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . yMax \n Defined in \n options.d.ts:50 \n yMin \n • Optional yMin : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . yMin \n Defined in \n options.d.ts:51 \n yScaleID \n • Optional yScaleID : Scriptable < string , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . yScaleID \n Defined in \n options.d.ts:52 \n yValue \n • Optional yValue : Scriptable < ScaleValue , PartialEventContext > \n Inherited from \n AnnotationPointCoordinates . yValue \n Defined in \n options.d.ts:58 \n z \n • Optional z : Scriptable < number , PartialEventContext > \n Inherited from \n CoreAnnotationOptions . z \n Defined in \n options.d.ts:53 \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:25 \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:23 \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:24 \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:"4/10/2024, 6:21:03 AM",lastUpdatedTimestamp:1712730063e3,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 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 \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:"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:"4/10/2024, 6:21:03 AM",lastUpdatedTimestamp:1712730063e3,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 var 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:"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:"4/10/2024, 6:21:03 AM",lastUpdatedTimestamp:1712730063e3,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:"Getting Started",frontmatter:{},regularPath:"/guide/",relativePath:"guide/index.md",key:"v-4d8c7bf6",path:"/guide/",headers:[{level:2,title:"Installation",slug:"installation"}],lastUpdated:"4/10/2024, 6:21:03 AM",lastUpdatedTimestamp:1712730063e3,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:"4/10/2024, 6:21:03 AM",lastUpdatedTimestamp:1712730063e3,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:"4/10/2024, 6:21:03 AM",lastUpdatedTimestamp:1712730063e3,content:" 2.x Migration Guide \n chartjs-plugin-annotation plugin version 2 introduces a number of breaking changes. In order to improve performance, offer new features, and improve maintainability, it was necessary to break backwards compatibility, but we aimed to do so only when worth the benefit. \n Chart.js version \n The annotation plugin requires at least version 3.7.0 to work because of some bug fixes that happened within chart.js itself. \n Options \n A number of changes were made to the configuration options passed to the plugin configuration. Those changes are documented below. \n \n xScaleID option default has been changed, now set to undefined . If the option is missing, the plugin will try to use the first scale of the chart, configured as 'x' axis. If more than one scale has been defined in the chart as 'x' axis, the option is mandatory to select the right scale. \n yScaleID option default has been changed, now set to undefined . If the option is missing, the plugin will try to use the first scale of the chart, configured as 'y' axis. If more than one scale has been defined in the chart as 'y' axis, the option is mandatory to select the right scale. \n When stacked scales are used, instead of the whole chart area, the designated scale area is used as fallback for xMin , xMax , yMin , yMax , xValue or yValue options. \n position for the label of the line annotation changes the behavior when start or end is set, and when the line annotation location is defined by xMin , xMax , yMin , and yMax options.\n \n in the previous version 1.x, if the position was set to start or end , it was calculated using chart area dimension (when start using top or left , when end using bottom or right ). \n in version 2.x, if the position is set to start , it is the point where the line starts being drawn, and when set to end , it is the point where the line ends drawing. The xMin , xMax , yMin , and yMax options are not related to the chart area anymore but are related to the values sequence (and their order) on the associated scale. \n \n \n cornerRadius option was replaced by borderRadius in the box annotation configuration and in the label configuration of line annotation to align with Chart.js options. \n xPadding and yPadding options were merged into a single padding object in the label configuration of line annotation to align with Chart.js options. \n enabled option was replaced by display in the callout configuration of label annotation, in the label configuration of line and box annotations and in the arrow heads configuration of line annotation to have the same option on all elements. \n dblClickSpeed option was removed from the plugin options because dblclick event hook is not available anymore. \n drawTime option at top level plugin configuration is moved to new common object in the plugin annotation options, which contains options to apply to all annotations: \n \n plugins : { \n annotation : { \n common : { \n drawTime : 'afterDraw' \n } , \n annotations : [ \n ... \n ] \n } \n } \n Elements \n In chartjs-plugin-annotation plugin version 2 the label of box and line annotations is a sub-element. This has changed how to access to the label options. Now the label options are at element.label.options . The following example shows how to show and hide the label when the mouse is hovering the box: \n type : 'box' , // or 'line' \n enter : function ( { element } ) { \n element . label . options . display = true ; \n return true ; \n } , \n leave : function ( { element } ) { \n element . label . options . display = false ; \n return true ; \n } , \n \n chartjs-plugin-annotation plugin version 2 removes the clipping of the label to the box annotation size. \n chartjs-plugin-annotation plugin version 2 hides the following methods in the line annotation element because they should be used only internally: \n \n intersects \n isOnLabel \n \n chartjs-plugin-annotation plugin version 2 normalizes the properties of the annotation elements in order to be based on common box model. \n Box annotation \n The following diagram is showing the element properties about a 'box' annotation: \n \n The label of a box annotation is described as a label annotation and accessible by element.label . \n Ellipse annotation \n The following diagram is showing the element properties about a 'ellipse' annotation: \n Label annotation \n The following diagram is showing the element properties about a 'label' annotation: \n Line annotation \n The following diagram is showing the element properties about a 'line' annotation: \n \n The label of a line annotation is described as a label annotation and accessible by element.label . \n Point annotation \n The following diagram is showing the element properties about a 'point' annotation: \n Polygon annotation \n The following diagram is showing the element properties about a 'polygon' annotation: \n Events \n chartjs-plugin-annotation plugin version 2 introduces the interaction options, to configure which events trigger annotation interactions. By default, the plugin uses the chart interaction configuration . \n \n When scatter charts are used, the interaction default mode in Chart.js is point , while, in the previous plugin version, the default was nearest . \n \n The dblclick event hook was removed from annotations options because, being executed asynchronously, it can not enable the chart re-rendering, automatically after processing the event completely. This is important when the user requires re-draws. It gets slow and messy if every event hook does the draw (or update!). \n Types \n chartjs-plugin-annotation plugin version 2 removes the compatibility with TypeScript versions less than 4.1 which is the minimum supported one. \n"},{title:"Options",frontmatter:{},regularPath:"/guide/options.html",relativePath:"guide/options.md",key:"v-15f8e6fd",path:"/guide/options.html",headers:[{level:2,title:"Color",slug:"color"},{level:2,title:"Font",slug:"font"},{level:2,title:"Padding",slug:"padding"},{level:2,title:"Point Style",slug:"point-style"},{level:2,title:"Interaction",slug:"interaction"},{level:2,title:"Scriptable Options",slug:"scriptable-options"},{level:2,title:"Draw Time",slug:"draw-time"},{level:2,title:"Option Context",slug:"option-context"},{level:3,title:"chart",slug:"chart"},{level:3,title:"annotation",slug:"annotation"}],lastUpdated:"4/10/2024, 6:21:03 AM",lastUpdatedTimestamp:1712730063e3,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 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 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 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:"4/10/2024, 6:21:03 AM",lastUpdatedTimestamp:1712730063e3,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:"4/10/2024, 6:21:03 AM",lastUpdatedTimestamp:1712730063e3,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 \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 opacity \n number \n undefined \n Overrides the opacity of the image or canvas element. Could be set a number in the range 0.0 to 1.0, inclusive. If undefined, uses the opacity of the image or canvas element. It is used only when the content is an image or canvas element. \n \n \n padding \n Padding \n 6 \n The padding to add around the text label. \n \n \n position \n string | {x: string, y: string} \n 'center' \n Anchor position of label in the annotation. \n \n \n rotation \n number \n undefined \n Rotation of label, in degrees. If undefined , the annotation rotation is used. \n \n \n textAlign \n string \n 'start' \n Text alignment of label content when there's more than one line. Possible options are: 'left' , 'start' , 'center' , 'end' , 'right' . \n \n \n textStrokeColor \n Color \n undefined \n The color of the stroke around the text. \n \n \n textStrokeWidth \n number \n 0 \n Stroke width around the text. \n \n \n width \n number | string \n undefined \n Overrides the width of the image or canvas element. Could be set in pixel by a number, or in percentage of current width of image or canvas element by a string. If undefined, uses the width of the image or canvas element. It is used only when the content is an image or canvas element. \n \n \n xAdjust \n number \n 0 \n Adjustment along x-axis (left-right) of label relative to computed position. Negative values move the label left, positive right. \n \n \n yAdjust \n number \n 0 \n Adjustment along y-axis (top-bottom) of label relative to computed position. Negative values move the label up, positive down. \n \n \n z \n number \n 0 \n It determines the drawing stack level of the label element, with same drawTime . \n Position \n A position can be set in 2 different values types: \n \n 'start' , 'center' , 'end' which are defining where the label will be located \n a string , in percentage format 'number%' , is representing the percentage on the size where the label will be located \n \n If this value is a string (possible options are 'start' , 'center' , 'end' or a string in percentage format), it is applied to vertical and horizontal position in the annotation. \n If this value is an object, the x property defines the horizontal alignment in the annotation. Similarly, the y property defines the vertical alignment in the annotation. Possible options for both properties are 'start' , 'center' , 'end' , a string in percentage format. Omitted property have value of the default, 'center' . \n Fonts and colors \n When the label to draw has multiple lines, you can use different font and color for each line of the label. This is enabled configuring an array of fonts or colors for those options. When the lines are more than the configured fonts of colors, the last configuration of those options is used for all remaining lines. \n"},{title:"Common options to all annotations",frontmatter:{},regularPath:"/guide/types/_commonOptions.html",relativePath:"guide/types/_commonOptions.md",key:"v-67fac0e2",path:"/guide/types/_commonOptions.html",headers:[{level:3,title:"Common options to all annotations",slug:"common-options-to-all-annotations"}],lastUpdated:"4/10/2024, 6:21:03 AM",lastUpdatedTimestamp:1712730063e3,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 \n Yes \n 'afterDatasetsDraw' \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:"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:"4/10/2024, 6:21:03 AM",lastUpdatedTimestamp:1712730063e3,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 \n Yes \n 'afterDatasetsDraw' \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 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 \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 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:"4/10/2024, 6:21:03 AM",lastUpdatedTimestamp:1712730063e3,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 \n Yes \n 'afterDatasetsDraw' \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 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:"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:"4/10/2024, 6:21:03 AM",lastUpdatedTimestamp:1712730063e3,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 \n Yes \n 'afterDatasetsDraw' \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 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 \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 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:"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:"4/10/2024, 6:21:03 AM",lastUpdatedTimestamp:1712730063e3,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 \n Yes \n 'afterDatasetsDraw' \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 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 \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 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:"4/10/2024, 6:21:03 AM",lastUpdatedTimestamp:1712730063e3,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 \n Yes \n 'afterDatasetsDraw' \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 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:"4/10/2024, 6:21:03 AM",lastUpdatedTimestamp:1712730063e3,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 \n Yes \n 'afterDatasetsDraw' \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 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:"4/10/2024, 6:21:03 AM",lastUpdatedTimestamp:1712730063e3,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:"4/10/2024, 6:21:03 AM",lastUpdatedTimestamp:1712730063e3,content:""},{title:"Using canvas as labels",frontmatter:{},regularPath:"/samples/box/canvas.html",relativePath:"samples/box/canvas.md",key:"v-43e4cf76",path:"/samples/box/canvas.html",lastUpdated:"4/10/2024, 6:21:03 AM",lastUpdatedTimestamp:1712730063e3,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:"4/10/2024, 6:21:03 AM",lastUpdatedTimestamp:1712730063e3,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:"Basic",frontmatter:{},regularPath:"/samples/box/basic.html",relativePath:"samples/box/basic.md",key:"v-54f14cdd",path:"/samples/box/basic.html",lastUpdated:"4/10/2024, 6:21:03 AM",lastUpdatedTimestamp:1712730063e3,content:" Basic \n \nconst DATA_COUNT = 8;\nconst MIN = [0, 50];\nconst MAX = [50, 100];\n\nUtils.srand(8);\n\nconst data = {\n datasets: [{\n data: Utils.points({count: DATA_COUNT, min: MIN[0], max: MAX[0]})\n }, {\n data: Utils.points({count: DATA_COUNT, min: MIN[1], max: MAX[1]})\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'box',\n backgroundColor: 'rgba(0, 150, 0, 0.02)',\n borderColor: 'rgba(0, 150, 0, 0.2)',\n borderRadius: 4,\n borderWidth: 1,\n xMax: (ctx) => max(ctx, 0, 'x') + 2,\n xMin: (ctx) => min(ctx, 0, 'x') - 2,\n yMax: (ctx) => max(ctx, 0, 'y') + 2,\n yMin: (ctx) => min(ctx, 0, 'y') - 2\n};\n// \n\n// \nconst annotation2 = {\n type: 'box',\n backgroundColor: 'rgba(150, 0, 0, 0.02)',\n borderColor: 'rgba(150, 0, 0, 0.2)',\n borderRadius: 4,\n borderWidth: 1,\n xMax: (ctx) => max(ctx, 1, 'x') + 2,\n xMin: (ctx) => min(ctx, 1, 'x') - 2,\n yMax: (ctx) => max(ctx, 1, 'y') + 2,\n yMin: (ctx) => min(ctx, 1, 'y') - 2\n};\n// \n\n/* */\nconst config = {\n type: 'scatter',\n data,\n options: {\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction min(ctx, datasetIndex, prop) {\n const dataset = ctx.chart.data.datasets[datasetIndex];\n return dataset.data.reduce((v, point) => Math.min(point[prop], v), Infinity);\n}\n\nfunction max(ctx, datasetIndex, prop) {\n const dataset = ctx.chart.data.datasets[datasetIndex];\n return dataset.data.reduce((v, point) => Math.max(point[prop], v), -Infinity);\n}\n\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.forEach(p => {\n p.x = Utils.rand(MIN[i], MAX[i]);\n p.y = Utils.rand(MIN[i], MAX[i]);\n });\n });\n chart.update();\n }\n },\n {\n name: 'Add data',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.push({x: Utils.rand(MIN[i], MAX[i]), y: Utils.rand(MIN[i], MAX[i])});\n });\n chart.update();\n }\n },\n {\n name: 'Remove data',\n handler: function(chart) {\n chart.data.labels.shift();\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.shift();\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Magic quadrant",frontmatter:{},regularPath:"/samples/box/gradient.html",relativePath:"samples/box/gradient.md",key:"v-fac884d6",path:"/samples/box/gradient.html",lastUpdated:"4/10/2024, 6:21:03 AM",lastUpdatedTimestamp:1712730063e3,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:"4/10/2024, 6:21:03 AM",lastUpdatedTimestamp:1712730063e3,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:"4/10/2024, 6:21:03 AM",lastUpdatedTimestamp:1712730063e3,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:"4/10/2024, 6:21:03 AM",lastUpdatedTimestamp:1712730063e3,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:"4/10/2024, 6:21:03 AM",lastUpdatedTimestamp:1712730063e3,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:"Basic",frontmatter:{},regularPath:"/samples/ellipse/basic.html",relativePath:"samples/ellipse/basic.md",key:"v-2215247d",path:"/samples/ellipse/basic.html",lastUpdated:"4/10/2024, 6:21:03 AM",lastUpdatedTimestamp:1712730063e3,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:"Line Chart",frontmatter:{},regularPath:"/samples/charts/line.html",relativePath:"samples/charts/line.md",key:"v-1ac7de46",path:"/samples/charts/line.html",lastUpdated:"4/10/2024, 6:21:03 AM",lastUpdatedTimestamp:1712730063e3,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:"Using images as labels",frontmatter:{},regularPath:"/samples/ellipse/image.html",relativePath:"samples/ellipse/image.md",key:"v-06766846",path:"/samples/ellipse/image.html",lastUpdated:"4/10/2024, 6:21:03 AM",lastUpdatedTimestamp:1712730063e3,content:" Using images as labels \n \nconst DATA_COUNT = 12;\nconst MIN = 10;\nconst MAX = 100;\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation = {\n type: 'ellipse',\n backgroundColor: 'rgba(0, 0, 0, 0.2)',\n borderWidth: 1,\n borderColor: '#F27173',\n yMin: 30,\n yMax: 80,\n xMax: 2,\n xMin: 5,\n label: {\n display: true,\n content: Utils.getImage(),\n width: 150,\n height: 150,\n position: 'center'\n }\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n y: {\n beginAtZero: true\n }\n },\n plugins: {\n annotation: {\n annotations: {\n annotation\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config\n};\n`\"/>"},{title:"Labeling",frontmatter:{},regularPath:"/samples/ellipse/label.html",relativePath:"samples/ellipse/label.md",key:"v-475451bd",path:"/samples/ellipse/label.html",lastUpdated:"4/10/2024, 6:21:03 AM",lastUpdatedTimestamp:1712730063e3,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:"4/10/2024, 6:21:03 AM",lastUpdatedTimestamp:1712730063e3,content:" Rotation \n \nconst DATA_COUNT = 8;\nconst MIN = [25, 65];\nconst MAX = [35, 75];\n\nUtils.srand(8);\n\nconst data = {\n datasets: [{\n data: Utils.points({count: DATA_COUNT, min: MIN[0], max: MAX[0]})\n }, {\n data: Utils.points({count: DATA_COUNT, min: MIN[1], max: MAX[1]})\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'ellipse',\n backgroundColor: 'rgba(0, 150, 0, 0.02)',\n borderColor: 'rgba(0, 150, 0, 0.2)',\n borderWidth: 1,\n rotation: 90,\n xMax: (ctx) => max(ctx, 0, 'x') + 10,\n xMin: (ctx) => min(ctx, 0, 'x') - 10,\n yMax: (ctx) => max(ctx, 0, 'y') + 10,\n yMin: (ctx) => min(ctx, 0, 'y') - 10\n};\n// \n\n// \nconst annotation2 = {\n type: 'ellipse',\n backgroundColor: 'rgba(150, 0, 0, 0.02)',\n borderColor: 'rgba(150, 0, 0, 0.2)',\n borderWidth: 1,\n rotation: 90,\n xMax: (ctx) => max(ctx, 1, 'x') + 10,\n xMin: (ctx) => min(ctx, 1, 'x') - 10,\n yMax: (ctx) => max(ctx, 1, 'y') + 10,\n yMin: (ctx) => min(ctx, 1, 'y') - 10\n};\n// \n\n/* */\nconst config = {\n type: 'scatter',\n data,\n options: {\n scales: {\n x: {\n beginAtZero: true,\n max: 100,\n min: 0\n },\n y: {\n beginAtZero: true,\n max: 100,\n min: 0\n }\n },\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction min(ctx, datasetIndex, prop) {\n const dataset = ctx.chart.data.datasets[datasetIndex];\n return dataset.data.reduce((v, point) => Math.min(point[prop], v), Infinity);\n}\n\nfunction max(ctx, datasetIndex, prop) {\n const dataset = ctx.chart.data.datasets[datasetIndex];\n return dataset.data.reduce((v, point) => Math.max(point[prop], v), -Infinity);\n}\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.forEach(p => {\n p.x = Utils.rand(MIN[i], MAX[i]);\n p.y = Utils.rand(MIN[i], MAX[i]);\n });\n });\n chart.update();\n }\n },\n {\n name: 'Add data',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.push({x: Utils.rand(MIN[i], MAX[i]), y: Utils.rand(MIN[i], MAX[i])});\n });\n chart.update();\n }\n },\n {\n name: 'Remove data',\n handler: function(chart) {\n chart.data.labels.shift();\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.shift();\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Cartesian plane",frontmatter:{},regularPath:"/samples/interaction/cartesianplane.html",relativePath:"samples/interaction/cartesianplane.md",key:"v-532157ca",path:"/samples/interaction/cartesianplane.html",lastUpdated:"4/10/2024, 6:21:03 AM",lastUpdatedTimestamp:1712730063e3,content:" Cartesian plane \n \nlet rect;\nconst MIN = -10;\nconst MAX = 10;\n// \n\n// \nconst yAxis = {\n type: 'line',\n value: 0,\n scaleID: 'x',\n borderColor: 'lightGray',\n afterDraw({chart, element}) {\n const scale = chart.scales.y;\n const labelItems = scale.getLabelItems().filter((item) => Number.isInteger(parseFloat(item.label)));\n drawTicks(chart, scale, {\n labelItems,\n align: 'right',\n xy: (translation) => ({x: element.x - scale.options.ticks.padding, y: translation[1]})\n });\n }\n};\nconst xAxis = {\n type: 'line',\n value: 0,\n scaleID: 'y',\n borderColor: 'lightGray',\n afterDraw({chart, element}) {\n const scale = chart.scales.x;\n const labelItems = scale.getLabelItems().filter((item) => Number.isInteger(parseFloat(item.label)) && parseFloat(item.label) !== 0);\n drawTicks(chart, scale, {\n labelItems,\n baseline: 'top',\n xy: (translation) => ({x: translation[0], y: element.y2 + scale.options.ticks.padding})\n });\n }\n};\n// \n\n// \nconst box = {\n type: 'box',\n display: () => !!rect,\n backgroundColor: 'rgba(255, 174, 201, 0.2)',\n borderColor: 'red',\n borderDash: [4, 4],\n xMin: () => rect ? rect.left : undefined,\n xMax: () => rect ? rect.right : undefined,\n yMin: () => rect ? rect.bottom : undefined,\n yMax: () => rect ? rect.top : undefined,\n z: -1\n};\nconst A = {\n type: 'label',\n content: 'A',\n position: {\n x: 'end',\n y: 'end'\n },\n xValue: () => rect ? rect.left : undefined,\n yValue: () => rect ? rect.top : undefined\n};\nconst B = {\n type: 'label',\n content: 'B',\n position: {\n x: 'start',\n y: 'end'\n },\n xValue: () => rect ? rect.right : undefined,\n yValue: () => rect ? rect.top : undefined\n};\nconst C = {\n type: 'label',\n content: 'C',\n position: {\n x: 'end',\n y: 'start'\n },\n xValue: () => rect ? rect.left : undefined,\n yValue: () => rect ? rect.bottom : undefined\n};\nconst D = {\n type: 'label',\n content: 'D',\n position: {\n x: 'start',\n y: 'start'\n },\n xValue: () => rect ? rect.right : undefined,\n yValue: () => rect ? rect.bottom : undefined\n};\n// \n\n// \nconst summary = {\n type: 'label',\n display: () => !!rect,\n drawTime: 'afterDraw',\n backgroundColor: 'white',\n borderColor: 'silver',\n borderWidth: 1,\n borderRadius: 6,\n content() {\n if (rect) {\n const result = [];\n result.push('A: (' + rect.left.toFixed(2) + ', ' + rect.top.toFixed(2) + ')');\n result.push('B: (' + rect.right.toFixed(2) + ', ' + rect.top.toFixed(2) + ')');\n result.push('C: (' + rect.left.toFixed(2) + ', ' + rect.bottom.toFixed(2) + ')');\n result.push('D: (' + rect.right.toFixed(2) + ', ' + rect.bottom.toFixed(2) + ')');\n const AB = Math.abs(rect.right - rect.left);\n const AC = Math.abs(rect.bottom - rect.top);\n result.push('AB = CD = ' + AB.toFixed(2));\n result.push('AC = BD = ' + AC.toFixed(2));\n result.push('AD = BC = ' + Math.sqrt(Math.pow(AB, 2) + Math.pow(AC, 2)).toFixed(2));\n result.push('Perimeter = ' + ((AB + AC) * 2).toFixed(2));\n result.push('Area = ' + (AB * AC).toFixed(2));\n return result;\n }\n },\n font: {\n size: 12,\n family: 'Courier'\n },\n padding: 5,\n position: {\n x: () => rect && rect.left rect && rect.top rect && rect.left rect && rect.left rect && rect.top \n\n// \nfunction calculateBox(e, chart) {\n const xValue = chart.scales.x.getValueForPixel(e.x);\n const yValue = chart.scales.y.getValueForPixel(e.y);\n return {\n left: xValue > 0 ? 0 : xValue,\n right: xValue > 0 ? xValue : 0,\n top: yValue > 0 ? yValue : 0,\n bottom: yValue > 0 ? 0 : yValue\n };\n}\n\nfunction drawTicks(chart, scale, {labelItems, align, baseline, xy}) {\n const ctx = chart.ctx;\n ctx.save();\n ctx.beginPath();\n for (const item of labelItems) {\n const {font, label, options} = item;\n const {textAlign, textBaseline, translation} = options;\n const point = xy(translation);\n ctx.beginPath();\n ctx.font = font.string;\n ctx.textAlign = align || textAlign;\n ctx.textBaseline = baseline || textBaseline;\n ctx.fillStyle = 'silver';\n ctx.fillText(parseFloat(label).toFixed(0), point.x, point.y);\n ctx.fill();\n }\n ctx.restore();\n}\n// \n\n/* */\nconst config = {\n type: 'scatter',\n options: {\n layout: {\n padding: {\n top: 20,\n left: 20,\n right: 20\n }\n },\n onClick(e, elements, chart) {\n rect = calculateBox(e, chart);\n chart.update();\n },\n elements: {\n labelAnnotation: {\n display: () => !!rect,\n borderWidth: 0,\n padding: 0,\n font: {\n size: 20,\n style: 'oblique'\n }\n }\n },\n scales: {\n x: {\n min: MIN,\n max: MAX,\n grid: {\n drawTicks: false\n },\n ticks: {\n display: false,\n stepSize: 0.5\n }\n },\n y: {\n min: MIN,\n max: MAX,\n grid: {\n drawTicks: false\n },\n ticks: {\n display: false,\n stepSize: 0.5\n }\n }\n },\n plugins: {\n annotation: {\n clip: false,\n common: {\n drawTime: 'beforeDraw'\n },\n annotations: {\n xAxis,\n yAxis,\n box,\n A, B, C, D,\n summary\n }\n },\n title: {\n display: true,\n text: 'Click on the chart to set the point to build the rectangle',\n position: 'bottom',\n padding: {\n top: 16,\n bottom: 0\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Reset',\n handler: function(chart) {\n rect = undefined;\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Dragging annotations",frontmatter:{},regularPath:"/samples/interaction/dragging.html",relativePath:"samples/interaction/dragging.md",key:"v-de7917b6",path:"/samples/interaction/dragging.html",lastUpdated:"4/10/2024, 6:21:03 AM",lastUpdatedTimestamp:1712730063e3,content:" Dragging annotations \n \nUtils.srand(8);\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\n datasets: [{\n type: 'line',\n label: 'Dataset 1',\n borderColor: 'rgb(54, 162, 235)',\n borderWidth: 2,\n fill: false,\n data: Utils.numbers({count: 7, min: 0, max: 100}),\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'box',\n backgroundColor: 'rgba(165, 214, 167, 0.2)',\n borderColor: 'rgb(165, 214, 167)',\n borderWidth: 2,\n label: {\n display: true,\n content: ['Box annotation', 'to drag'],\n textAlign: 'center'\n },\n xMax: 'May',\n xMin: 'April',\n xScaleID: 'x',\n yMax: 75,\n yMin: 25,\n yScaleID: 'y'\n};\n// \n\n// \nconst annotation2 = {\n type: 'label',\n backgroundColor: 'rgba(255, 99, 132, 0.25)',\n borderWidth: 3,\n borderColor: 'black',\n content: ['Label annotation', 'to drag'],\n callout: {\n display: true,\n borderColor: 'black',\n },\n xValue: 1,\n yValue: 40\n};\n// \n\n// \nconst annotation3 = {\n type: 'point',\n backgroundColor: 'rgba(0, 255, 255, 0.4)',\n borderWidth: 2,\n borderColor: 'black',\n radius: 20,\n xValue: 'March',\n yValue: 50\n};\n// \n\n// \nconst annotation4 = {\n type: 'polygon',\n backgroundColor: 'rgba(150, 0, 0, 0.25)',\n borderWidth: 2,\n borderColor: 'black',\n radius: 50,\n sides: 6,\n xValue: 'June',\n yValue: 20\n};\n// \n\n// \nlet element;\nlet lastEvent;\n\nconst drag = function(moveX, moveY) {\n element.x += moveX;\n element.y += moveY;\n element.x2 += moveX;\n element.y2 += moveY;\n element.centerX += moveX;\n element.centerY += moveY;\n if (element.elements && element.elements.length) {\n for (const subEl of element.elements) {\n subEl.x += moveX;\n subEl.y += moveY;\n subEl.x2 += moveX;\n subEl.y2 += moveY;\n subEl.centerX += moveX;\n subEl.centerY += moveY;\n subEl.bX += moveX;\n subEl.bY += moveY;\n }\n }\n};\n\nconst handleElementDragging = function(event) {\n if (!lastEvent || !element) {\n return;\n }\n const moveX = event.x - lastEvent.x;\n const moveY = event.y - lastEvent.y;\n drag(moveX, moveY);\n lastEvent = event;\n return true;\n};\n\nconst handleDrag = function(event) {\n if (element) {\n switch (event.type) {\n case 'mousemove':\n return handleElementDragging(event);\n case 'mouseout':\n case 'mouseup':\n lastEvent = undefined;\n break;\n case 'mousedown':\n lastEvent = event;\n break;\n default:\n }\n }\n};\n// \n\n// \nconst dragger = {\n id: 'dragger',\n beforeEvent(chart, args, options) {\n if (handleDrag(args.event)) {\n args.changed = true;\n return;\n }\n }\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n plugins: [dragger],\n data,\n options: {\n events: ['mousedown', 'mouseup', 'mousemove', 'mouseout'],\n scales: {\n y: {\n beginAtZero: true,\n min: 0,\n max: 100\n }\n },\n plugins: {\n annotation: {\n enter(ctx) {\n element = ctx.element;\n },\n leave() {\n element = undefined;\n lastEvent = undefined;\n },\n annotations: {\n annotation1,\n annotation2,\n annotation3,\n annotation4\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Reset dragging',\n handler: function(chart) {\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Interaction",frontmatter:{},regularPath:"/samples/interaction/interaction.html",relativePath:"samples/interaction/interaction.md",key:"v-0f11953d",path:"/samples/interaction/interaction.html",lastUpdated:"4/10/2024, 6:21:03 AM",lastUpdatedTimestamp:1712730063e3,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:"4/10/2024, 6:21:03 AM",lastUpdatedTimestamp:1712730063e3,content:" Selecting annotations \n \nlet count = 0;\nconst selected = [];\n\nUtils.srand(8);\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\n datasets: [{\n type: 'line',\n label: 'Dataset 1',\n borderColor: 'rgb(54, 162, 235)',\n borderWidth: 2,\n fill: false,\n data: Utils.numbers({count: 7, min: 0, max: 100}),\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'box',\n backgroundColor: 'rgba(255, 245, 157, 0.2)',\n borderColor: 'rgb(255, 245, 157)',\n borderWidth: 2,\n click: ({element}) => select(element, 'rgba(255, 245, 157, 0.8)', 'rgba(255, 245, 157, 0.2)'),\n label: {\n display: true,\n content: 'Yellow box annotation',\n position: {\n y: 'start'\n },\n font: {\n size: 12\n }\n },\n xMax: 'April',\n xMin: 'February',\n xScaleID: 'x',\n yMax: 90,\n yMin: 10,\n yScaleID: 'y'\n};\n// \n\n// \nconst annotation2 = {\n type: 'box',\n backgroundColor: 'rgba(165, 214, 167, 0.2)',\n borderColor: 'rgb(165, 214, 167)',\n borderWidth: 2,\n click: ({element}) => select(element, 'rgba(165, 214, 167, 0.8)', 'rgba(165, 214, 167, 0.2)'),\n label: {\n display: true,\n content: 'Green box annotation',\n position: {\n y: 'start'\n },\n font: {\n size: 12\n }\n },\n xMax: 'May',\n xMin: 'March',\n xScaleID: 'x',\n yMax: 75,\n yMin: 25,\n yScaleID: 'y'\n};\n// \n\n// \nfunction enter({chart, element}) {\n console.log(element.label.options.content + ' entered');\n if (!count) {\n chart.canvas.style.cursor = 'pointer';\n }\n count++;\n}\n\nfunction leave({chart, element}) {\n console.log(element.label.options.content + ' left');\n count--;\n if (!count) {\n chart.canvas.style.cursor = 'default';\n }\n}\n\nfunction select(element, selectedColor, unselectedColor) {\n console.log(element.label.options.content + ' selected');\n if (selected.includes(element)) {\n selected.splice(selected.indexOf(element), 1);\n element.options.backgroundColor = unselectedColor;\n element.label.options.font.size = 12;\n } else {\n selected.push(element);\n element.options.backgroundColor = selectedColor;\n element.label.options.font.size = 14;\n }\n return true;\n}\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n y: {\n beginAtZero: true,\n min: 0,\n max: 100\n }\n },\n plugins: {\n annotation: {\n enter: enter,\n leave: leave,\n common: {\n drawTime: 'beforeDraw'\n },\n annotations: {\n annotation1,\n annotation2\n }\n }\n }\n }\n};\n/* */\n\nmodule.exports = {\n config: config,\n output: 'console.log output is shown here, click one of the annotations'\n};\n`\"/>"},{title:"Auto scaling",frontmatter:{},regularPath:"/samples/label/autoscaling.html",relativePath:"samples/label/autoscaling.md",key:"v-ffcf4406",path:"/samples/label/autoscaling.html",lastUpdated:"4/10/2024, 6:21:03 AM",lastUpdatedTimestamp:1712730063e3,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:"4/10/2024, 6:21:03 AM",lastUpdatedTimestamp:1712730063e3,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:"4/10/2024, 6:21:03 AM",lastUpdatedTimestamp:1712730063e3,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:"Intro",frontmatter:{},regularPath:"/samples/intro.html",relativePath:"samples/intro.md",key:"v-4f17a19d",path:"/samples/intro.html",lastUpdated:"4/10/2024, 6:21:03 AM",lastUpdatedTimestamp:1712730063e3,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:"Using canvas as content",frontmatter:{},regularPath:"/samples/label/canvas.html",relativePath:"samples/label/canvas.md",key:"v-79f854d2",path:"/samples/label/canvas.html",lastUpdated:"4/10/2024, 6:21:03 AM",lastUpdatedTimestamp:1712730063e3,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:"4/10/2024, 6:21:03 AM",lastUpdatedTimestamp:1712730063e3,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:"4/10/2024, 6:21:03 AM",lastUpdatedTimestamp:1712730063e3,content:" Using images as content \n \nconst DATA_COUNT = 12;\nconst MIN = 0;\nconst MAX = 100;\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'label',\n drawTime: 'afterDraw',\n content: Utils.getImage(),\n width: 100,\n height: 100,\n xValue: 4,\n yValue: 30,\n xAdjust: 150,\n yAdjust: -150,\n borderWidth: 1,\n borderDash: [6, 6],\n callout: {\n display: true,\n position: 'left'\n }\n};\n// \n\n// \nconst annotation2 = {\n type: 'point',\n drawTime: 'afterDraw',\n xValue: 4,\n yValue: 30,\n radius: 10\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n y: {\n beginAtZero: true,\n }\n },\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config\n};\n`\"/>"},{title:"Inner chart",frontmatter:{},regularPath:"/samples/label/innerChart.html",relativePath:"samples/label/innerChart.md",key:"v-e1c46312",path:"/samples/label/innerChart.html",lastUpdated:"4/10/2024, 6:21:03 AM",lastUpdatedTimestamp:1712730063e3,content:" Inner chart \n \nconst DATA_COUNT = 12;\nconst MIN = 0;\nconst MAX = 100;\n\nconst innerChart = Utils.getChart();\nconst innerDataset = innerChart.data.datasets[0];\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg),\n borderColor: innerDataset.backgroundColor[0],\n backgroundColor: 'transparent'\n }, {\n data: Utils.numbers(numberCfg),\n borderColor: innerDataset.backgroundColor[1],\n backgroundColor: 'transparent',\n hidden: true\n }, {\n data: Utils.numbers(numberCfg),\n borderColor: innerDataset.backgroundColor[2],\n backgroundColor: 'transparent',\n hidden: true\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'label',\n content: innerChart.canvas,\n xValue: 1,\n yValue: 135,\n enter: (ctx) => setCursor(ctx, 'pointer'),\n leave: (ctx) => setCursor(ctx, 'default'),\n click: clickOnInnerChart\n};\n// \n\n// \nconst annotation2 = {\n type: 'label',\n content: (ctx) => [innerChart.data.labels[getVisibleDatasetIndex(ctx)],\n 'items trend'],\n callout: {\n display: true,\n position: 'bottom',\n margin: 0\n },\n font: {\n size: 16\n },\n backgroundColor: 'white',\n borderWidth: 1,\n xAdjust: -60,\n xValue: (ctx) => point(ctx).x,\n yAdjust: -60,\n yValue: (ctx) => point(ctx).y\n};\n// \n\n// \nconst annotation3 = {\n type: 'label',\n content: ['Click on a slice of the pie chart', 'to see the data in the main chart'],\n color: 'rgba(0, 0, 0, 0.5)',\n xValue: 3.2,\n yValue: 150,\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n y: {\n beginAtZero: true,\n min: 0,\n max: 160\n }\n },\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2,\n annotation3\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction clickOnInnerChart(ctx, event) {\n event.x = event.x - ctx.element.x;\n event.y = event.y - ctx.element.y;\n const elements = innerChart.getElementsAtEventForMode(event, 'point', {}, true);\n if (elements.length) {\n const first = elements[0];\n ctx.chart.setDatasetVisibility(getVisibleDatasetIndex(ctx), false);\n ctx.chart.show(first.index);\n }\n}\n\nfunction getVisibleDatasetIndex(ctx) {\n const chart = ctx.chart;\n for (let i = 0; i i > dataset.data.length - 4);\n const y = Math.max(...values);\n const x = dataset.data.lastIndexOf(y);\n return {x, y};\n}\n\nfunction setCursor(ctx, type) {\n ctx.chart.canvas.style.cursor = type;\n}\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n innerChart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n innerChart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config\n};\n`\"/>"},{title:"Point",frontmatter:{},regularPath:"/samples/label/point.html",relativePath:"samples/label/point.md",key:"v-5cbaa4bd",path:"/samples/label/point.html",lastUpdated:"4/10/2024, 6:21:03 AM",lastUpdatedTimestamp:1712730063e3,content:" Point \n \nconst DATA_COUNT = 12;\nconst MIN = 0;\nconst MAX = 100;\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'label',\n backgroundColor: 'rgba(245, 245, 245, 0.5)',\n content: (ctx) => 'Maximum value is ' + maxValue(ctx).toFixed(2),\n font: {\n size: 16\n },\n padding: {\n top: 6,\n left: 6,\n right: 6,\n bottom: 12\n },\n position: {\n x: (ctx) => maxIndex(ctx) = 10 ? 'end' : 'center',\n y: 'end'\n },\n xValue: (ctx) => maxLabel(ctx),\n yAdjust: -6,\n yValue: (ctx) => maxValue(ctx)\n};\n// \n\n// \nconst annotation2 = {\n type: 'point',\n backgroundColor: 'transparent',\n borderColor: (ctx) => ctx.chart.data.datasets[0].borderColor,\n pointStyle: 'rectRounded',\n radius: 10,\n xValue: (ctx) => maxLabel(ctx),\n yValue: (ctx) => maxValue(ctx)\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n layout: {\n padding: {\n right: 10\n },\n },\n scales: {\n y: {\n beginAtZero: true,\n max: 120,\n min: 0\n }\n },\n plugins: {\n annotation: {\n clip: false,\n annotations: {\n annotation1,\n annotation2\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction maxValue(ctx) {\n let max = 0;\n const dataset = ctx.chart.data.datasets[0];\n dataset.data.forEach(function(el) {\n max = Math.max(max, el);\n });\n return max;\n}\n\nfunction maxIndex(ctx) {\n const max = maxValue(ctx);\n const dataset = ctx.chart.data.datasets[0];\n return dataset.data.indexOf(max);\n}\n\nfunction maxLabel(ctx) {\n return ctx.chart.data.labels[maxIndex(ctx)];\n}\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Lower and upper bounds labels",frontmatter:{},regularPath:"/samples/label/lowerUpper.html",relativePath:"samples/label/lowerUpper.md",key:"v-4dd91745",path:"/samples/label/lowerUpper.html",lastUpdated:"4/10/2024, 6:21:03 AM",lastUpdatedTimestamp:1712730063e3,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:"4/10/2024, 6:21:03 AM",lastUpdatedTimestamp:1712730063e3,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:"4/10/2024, 6:21:03 AM",lastUpdatedTimestamp:1712730063e3,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:"4/10/2024, 6:21:03 AM",lastUpdatedTimestamp:1712730063e3,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:"4/10/2024, 6:21:03 AM",lastUpdatedTimestamp:1712730063e3,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:"4/10/2024, 6:21:03 AM",lastUpdatedTimestamp:1712730063e3,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:"4/10/2024, 6:21:03 AM",lastUpdatedTimestamp:1712730063e3,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:"4/10/2024, 6:21:03 AM",lastUpdatedTimestamp:1712730063e3,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:"4/10/2024, 6:21:03 AM",lastUpdatedTimestamp:1712730063e3,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:"4/10/2024, 6:21:03 AM",lastUpdatedTimestamp:1712730063e3,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:"4/10/2024, 6:21:03 AM",lastUpdatedTimestamp:1712730063e3,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:"4/10/2024, 6:21:03 AM",lastUpdatedTimestamp:1712730063e3,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:"4/10/2024, 6:21:03 AM",lastUpdatedTimestamp:1712730063e3,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:"Line visibility",frontmatter:{},regularPath:"/samples/line/visibility.html",relativePath:"samples/line/visibility.md",key:"v-5eb79d3d",path:"/samples/line/visibility.html",lastUpdated:"4/10/2024, 6:21:03 AM",lastUpdatedTimestamp:1712730063e3,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:"4/10/2024, 6:21:03 AM",lastUpdatedTimestamp:1712730063e3,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:"Standard deviation",frontmatter:{},regularPath:"/samples/line/standardDeviation.html",relativePath:"samples/line/standardDeviation.md",key:"v-bc3af7aa",path:"/samples/line/standardDeviation.html",lastUpdated:"4/10/2024, 6:21:03 AM",lastUpdatedTimestamp:1712730063e3,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:"Combined annotations",frontmatter:{},regularPath:"/samples/point/combined.html",relativePath:"samples/point/combined.md",key:"v-21782935",path:"/samples/point/combined.html",lastUpdated:"4/10/2024, 6:21:03 AM",lastUpdatedTimestamp:1712730063e3,content:" Combined annotations \n \nconst DATA_COUNT = 12;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(8);\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }, {\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'line',\n borderColor: 'green',\n borderDash: [6, 6],\n borderWidth: 3,\n label: {\n display: true,\n backgroundColor: 'lightGreen',\n borderRadius: 0,\n color: 'green',\n content: 'Project timeline'\n },\n arrowHeads: {\n end: {\n display: true,\n fill: true,\n borderDash: [],\n borderColor: 'green'\n }\n },\n xMax: 10.5,\n xMin: 2.5,\n xScaleID: 'x',\n yMax: 110,\n yMin: 110,\n yScaleID: 'y'\n};\n// \n\n// \nconst annotation2 = {\n type: 'line',\n borderColor: 'green',\n borderDash: [6, 6],\n borderWidth: 1,\n xMax: 2.5,\n xMin: 2.5,\n xScaleID: 'x',\n yMax: 0,\n yMin: 110,\n yScaleID: 'y'\n};\n// \n\n// \nconst annotation3 = {\n type: 'line',\n borderColor: 'green',\n borderDash: [6, 6],\n borderWidth: 1,\n xMax: 10.5,\n xMin: 10.5,\n xScaleID: 'x',\n yMax: 0,\n yMin: 110,\n yScaleID: 'y'\n};\n// \n\n// \nconst annotation4 = {\n type: 'point',\n backgroundColor: 'green',\n borderWidth: 0,\n xValue: 2.5,\n xScaleID: 'x',\n yValue: 110,\n yScaleID: 'y'\n};\n// \n\n/* */\nconst config = {\n type: 'bar',\n data,\n options: {\n scale: {\n y: {\n beginAtZero: true,\n max: 120,\n min: 0\n }\n },\n plugins: {\n annotation: {\n common: {\n drawTime: 'beforeDraw'\n },\n annotations: {\n annotation1,\n annotation2,\n annotation3,\n annotation4\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Initial animations",frontmatter:{},regularPath:"/samples/point/initAnim.html",relativePath:"samples/point/initAnim.md",key:"v-246c16bd",path:"/samples/point/initAnim.html",lastUpdated:"4/10/2024, 6:21:03 AM",lastUpdatedTimestamp:1712730063e3,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:"4/10/2024, 6:21:03 AM",lastUpdatedTimestamp:1712730063e3,content:" Points outside of chart area \n \nconst DATA_COUNT = 12;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(8);\n\nconst numberCfg = {count: DATA_COUNT, min: MIN, max: MAX};\n\nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n datasets: [{\n data: Utils.numbers(numberCfg)\n }, {\n data: Utils.numbers(numberCfg)\n }]\n};\n// \n\n// \nconst annotation1 = {\n type: 'point',\n backgroundColor: 'lime',\n borderColor: 'black',\n borderWidth: 1,\n pointStyle: 'triangle',\n radius: 15,\n xValue: 3,\n xScaleID: 'x',\n yAdjust: 5,\n yValue: 0,\n yScaleID: 'y'\n};\n// \n\n// \nconst annotation2 = {\n type: 'point',\n backgroundColor: 'lime',\n borderColor: 'black',\n borderWidth: 1,\n pointStyle: 'triangle',\n radius: 15,\n rotation: 180,\n xValue: 3,\n xScaleID: 'x',\n yAdjust: -5,\n yValue: 100,\n yScaleID: 'y'\n};\n// \n\n/* */\nconst config = {\n type: 'bar',\n data,\n options: {\n layout: {\n padding: {\n top: 16\n }\n },\n scale: {\n y: {\n beginAtZero: true,\n max: 100,\n min: 0\n }\n },\n plugins: {\n annotation: {\n clip: false,\n common: {\n drawTime: 'afterDraw'\n },\n annotations: {\n annotation1,\n annotation2\n }\n }\n }\n }\n};\n/* */\n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n const xValue = Utils.rand(0, DATA_COUNT - 1);\n chart.options.plugins.annotation.annotations.annotation1.xValue = xValue;\n chart.options.plugins.annotation.annotations.annotation2.xValue = xValue;\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n`\"/>"},{title:"Basic",frontmatter:{},regularPath:"/samples/polygon/basic.html",relativePath:"samples/polygon/basic.md",key:"v-3ae674fd",path:"/samples/polygon/basic.html",lastUpdated:"4/10/2024, 6:21:03 AM",lastUpdatedTimestamp:1712730063e3,content:" Basic \n \nconst DATA_COUNT = 8;\nconst MIN = 10;\nconst MAX = 100;\n\nUtils.srand(5);\n\nconst labels = [];\nfor (let i = 0; i \n\n// \nconst annotation1 = {\n type: 'polygon',\n backgroundColor: 'rgba(0, 255, 255, 0.4)',\n borderColor: 'black',\n borderWidth: 3,\n radius: 25,\n scaleID: 'y',\n xValue: (ctx) => value(ctx, 0, 2, 'x'),\n yValue: (ctx) => value(ctx, 0, 2, 'y')\n};\n// \n\n// \nconst annotation2 = {\n type: 'polygon',\n backgroundColor: 'transparent',\n borderColor: 'red',\n borderWidth: 5,\n radius: 25,\n scaleID: 'y',\n sides: 5,\n xValue: (ctx) => value(ctx, 1, 4, 'x'),\n yValue: (ctx) => value(ctx, 1, 4, 'y')\n};\n// \n\n// \nconst annotation3 = {\n type: 'polygon',\n backgroundColor: 'transparent',\n borderColor: 'gray',\n borderWidth: 3,\n radius: 30,\n sides: 8,\n scaleID: 'y',\n xValue: (ctx) => value(ctx, 1, 6, 'x'),\n yValue: (ctx) => value(ctx, 1, 6, 'y')\n};\n// \n\n/* */\nconst config = {\n type: 'line',\n data,\n options: {\n plugins: {\n annotation: {\n annotations: {\n annotation1,\n annotation2,\n annotation3\n }\n }\n }\n }\n};\n/* */\n\n// \nfunction value(ctx, datasetIndex, index, prop) {\n const meta = ctx.chart.getDatasetMeta(datasetIndex);\n const parsed = meta.controller.getParsed(index);\n return parsed ? parsed[prop] : NaN;\n}\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler: function(chart) {\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data = dataset.data.map(() => Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Add data',\n handler: function(chart) {\n chart.data.labels.push(chart.data.labels.length);\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.push(Utils.rand(MIN, MAX));\n });\n chart.update();\n }\n },\n {\n name: 'Remove data',\n handler: function(chart) {\n chart.data.labels.shift();\n chart.data.datasets.forEach(function(dataset, i) {\n dataset.data.shift();\n });\n chart.update();\n }\n },\n {\n name: 'Add a side to annotation 1',\n handler: function(chart) {\n chart.options.plugins.annotation.annotations.annotation1.sides++;\n chart.update();\n }\n },\n {\n name: 'Remove a side from annotation 1',\n handler: function(chart) {\n chart.options.plugins.annotation.annotations.annotation1.sides--;\n chart.update();\n }\n }\n];\n\nmodule.exports = {\n actions: actions,\n config: config\n};\n`\"/>"},{title:"Shadow",frontmatter:{},regularPath:"/samples/point/shadow.html",relativePath:"samples/point/shadow.md",key:"v-0fc2653f",path:"/samples/point/shadow.html",lastUpdated:"4/10/2024, 6:21:03 AM",lastUpdatedTimestamp:1712730063e3,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:"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:"4/10/2024, 6:21:03 AM",lastUpdatedTimestamp:1712730063e3,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:"Shadow",frontmatter:{},regularPath:"/samples/polygon/shadow.html",relativePath:"samples/polygon/shadow.md",key:"v-45140bd3",path:"/samples/polygon/shadow.html",lastUpdated:"4/10/2024, 6:21:03 AM",lastUpdatedTimestamp:1712730063e3,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:"4/10/2024, 6:21:03 AM",lastUpdatedTimestamp:1712730063e3,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:"Stop",frontmatter:{},regularPath:"/samples/polygon/stop.html",relativePath:"samples/polygon/stop.md",key:"v-f2852e62",path:"/samples/polygon/stop.html",lastUpdated:"4/10/2024, 6:21:03 AM",lastUpdatedTimestamp:1712730063e3,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`\"/>"}],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"]},{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,420))),r.a.component("Badge",()=>Promise.all([e.e(0),e.e(5)]).then(e.bind(null,424))),r.a.component("CodeBlock",()=>Promise.all([e.e(0),e.e(6)]).then(e.bind(null,422))),r.a.component("CodeGroup",()=>Promise.all([e.e(0),e.e(7)]).then(e.bind(null,423)));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.visibleElements.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));function le(n,t,e){for(const o of Object.keys(n))n[o]=se(n[o],t,e);return n}function ce(n,{x:t,y:e,x2:o,y2:a},i,r){const s=r/2,l=n.x>=t-s-.001&&n.x<=o+s+.001,c=n.y>=e-s-.001&&n.y<=a+s+.001;return"x"===i?l:("y"===i||l)&&c}function de(n,t){const{centerX:e,centerY:o}=n.getProps(["centerX","centerY"],t);return{x:e,y:o}}const ue=n=>"string"==typeof n&&n.endsWith("%"),he=n=>parseFloat(n)/100,fe=n=>se(he(n),0,1),pe=(n,t)=>({x:n,y:t,x2:n,y2:t,width:0,height:0}),be={box:n=>pe(n.centerX,n.centerY),ellipse:n=>({centerX:n.centerX,centerY:n.centerX,radius:0,width:0,height:0}),label:n=>pe(n.centerX,n.centerY),line:n=>pe(n.x,n.y),point:n=>({centerX:n.centerX,centerY:n.centerY,radius:0,width:0,height:0}),polygon:n=>pe(n.centerX,n.centerY)};function ve(n,t){return"start"===t?0:"end"===t?n:ue(t)?fe(t)*n:n/2}function ge(n,t,e=!0){return"number"==typeof t?t:ue(t)?(e?fe(t):he(t))*n:n}function me(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 ye(n){return n&&(Object(ee.Mb)(n.xValue)||Object(ee.Mb)(n.yValue))}function xe(n,t,e){const o=e.init;if(o)return!0===o?Oe(t,e):function(n,t,e){const o=Object(ee.r)(e.init,[{chart:n,properties:t,options:e}]);if(!0===o)return Oe(t,e);if(Object(ee.Nb)(o))return o}(n,t,e)}function we(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 Oe(n,t){const e=t.type||"line";return be[e](n)}const Ce=new Map;function ke(n){if(n&&"object"==typeof n){const t=n.toString();return"[object HTMLImageElement]"===t||"[object HTMLCanvasElement]"===t}}function _e(n,{x:t,y:e},o){o&&(n.translate(t,e),n.rotate(Object(ee.Yb)(o)),n.translate(-t,-e))}function Se(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 De(n,t){n.shadowColor=t.backgroundShadowColor,n.shadowBlur=t.shadowBlur,n.shadowOffsetX=t.shadowOffsetX,n.shadowOffsetY=t.shadowOffsetY}function Me(n,t){const e=t.content;if(ke(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 Ce.has(s)||Ce.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 je(n,t,e,o){const{radius:a,options:i}=t,r=i.pointStyle,s=i.rotation;let l=(s||0)*ee.Eb;if(ke(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 Te(n,t,e){return t="number"==typeof t?t:n.parse(t),Object(ee.Lb)(t)?n.getPixelForValue(t):e}function Ee(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 Le(n,t){if(n){const e=n.options.reverse;return{start:Te(n,t.min,e?t.end:t.start),end:Te(n,t.max,e?t.start:t.end)}}}function Ne(n,t){const{chartArea:e,scales:o}=n,a=o[Ee(o,t,"xScaleID")],i=o[Ee(o,t,"yScaleID")];let r=e.width/2,s=e.height/2;return a&&(r=Te(a,t.xValue,a.left+a.width/2)),i&&(s=Te(i,t.yValue,i.top+i.height/2)),{x:r,y:s}}function Re(n,t){const e=n.scales,o=e[Ee(e,t,"xScaleID")],a=e[Ee(e,t,"yScaleID")];if(!o&&!a)return{};let{left:i,right:r}=o||n.chartArea,{top:s,bottom:l}=a||n.chartArea;const c=We(o,{min:t.xMin,max:t.xMax,start:i,end:r});i=c.start,r=c.end;const d=We(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 Ve(n,t){if(!ye(t)){const e=Re(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=Ne(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 Ue(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=Te(n,e.value,NaN),a=Te(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[Ee(n,e,o)];if(a){const{min:n,max:i,start:r,end:s,startProp:l,endProp:c}=Ie[o],d=Le(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 ze(n,t){const e=Re(n,t);return e.initProperties=xe(n,e,t),e.elements=[{type:"label",optionScope:"label",properties:Be(n,e,t),initProperties:e.initProperties}],e}function We(n,t){const e=Le(n,t)||t;return{start:Math.min(e.start,e.end),end:Math.max(e.start,e.end)}}function Fe(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+ve(o-a-e-r-s-t.size,i)}function Be(n,t,e){const o=e.label;o.backgroundColor="transparent",o.callout.display=!1;const a=me(o.position),i=Object(ee.f)(o.padding),r=Me(n.ctx,o),s=function({properties:n,options:t},e,o,a){const{x:i,x2:r,width:s}=n;return Fe({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 Fe({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 Ye=["enter","leave"],Xe=Ye.concat("click");function He(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,t,e.interaction):[];const a=n.hovered;n.hovered=o;const i={state:n,event:t};let r=Je(i,"leave",a,o);return Je(i,"enter",o,a)||r}(n,t,e);case"click":return function(n,t,e){const o=n.listeners,a=ae(n,t,e.interaction);let i;for(const n of a)i=qe(n.options.click||o.click,n,t)||i;return i}(n,t,e)}}function Je({state:n,event:t},e,o,a){let i;for(const r of o)a.indexOf(r)<0&&(i=qe(r.options[e]||n.listeners[e],r,t)||i);return i}function qe(n,t,e){return!0===Object(ee.r)(n,[t.$context,e])}const Ge=["afterDraw","beforeDraw"];function Ke(n,t,e){if(n.hooked){const o=t.options[e]||n.hooks[e];return Object(ee.r)(o,[t.$context])}}function Ze(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?eo(s,t,["value","endValue"],r):Ee(n,s,i)===a&&eo(s,t,[o+"Min",o+"Max",o+"Value"],r);return r}(n.scales,t,e);let a=Qe(t,o,"min","suggestedMin");a=Qe(t,o,"max","suggestedMax")||a,a&&Object(ee.K)(t.handleTickRangeOptions)&&t.handleTickRangeOptions()}function Qe(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 no(n,t){for(const e of["scaleID","xScaleID","yScaleID"]){const o=Ee(t,n,e);o&&!t[o]&&to(n,e)&&console.warn(`No scale found with id '${o}' for annotation '${n.id}'`)}}function to(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 eo(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 oo 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 ce({x:a,y:i},this.getProps(["x","y","x2","y2"],o),e,this.options.borderWidth)}getCenterPoint(n){return de(this,n)}draw(n){n.save(),_e(n,this.getCenterPoint(),this.options.rotation),Ae(n,this,this.options),n.restore()}get label(){return this.elements&&this.elements[0]}resolveElementProperties(n,t){return ze(n,t)}}oo.id="boxAnnotation",oo.defaults={adjustScaleRange:!0,backgroundShadowColor:"transparent",borderCapStyle:"butt",borderDash:[],borderDashOffset:0,borderJoinStyle:"miter",borderRadius:0,borderShadowColor:"transparent",borderWidth:1,display:!0,init:void 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,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},oo.defaultRoutes={borderColor:"color",backgroundColor:"color"},oo.descriptors={label:{_fallback:!0}};const ao=["left","bottom","top","right"];class io 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 ce({x:a,y:i},this.getProps(["x","y","x2","y2"],o),e,this.options.borderWidth)}getCenterPoint(n){return de(this,n)}draw(n){const t=this.options,e=!Object(ee.Mb)(this._visible)||this._visible;t.display&&t.content&&e&&(n.save(),_e(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(ao.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),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:ao[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(!Se(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),Ae(n,this,t),Pe(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(ye(t))e=Ne(n,t);else{const{centerX:o,centerY:a}=Re(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=me(e.position,"center"),s=ro(n.x,a,e.xAdjust,r.x),l=ro(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,Me(n.ctx,t),t,o);return{initProperties:xe(n,a,t),pointX:e.x,pointY:e.y,...a,rotation:t.rotation}}}function ro(n,t,e=0,o){return n-ve(t,o)+e}io.id="labelAnnotation",io.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,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},io.defaultRoutes={borderColor:"color"};const so=(n,t,e)=>({x:n.x+e*(t.x-n.x),y:n.y+e*(t.y-n.y)}),lo=(n,t,e)=>so(t,e,Math.abs((n-t.y)/(e.y-t.y))).x,co=(n,t,e)=>so(t,e,Math.abs((n-t.x)/(e.x-t.x))).y,uo=n=>n*n,ho=(n,t,e,o)=>(1-o)*(1-o)*n+2*(1-o)*o*t+o*o*e,fo=(n,t,e,o)=>({x:ho(n.x,t.x,e.x,o),y:ho(n.y,t.y,e.y,o)}),po=(n,t,e,o)=>2*(1-o)*(t-n)+2*o*(e-t),bo=(n,t,e,o)=>-Math.atan2(po(n.x,t.x,e.x,o),po(n.y,t.y,e.y,o))+.5*ee.q;class vo extends Qt.c{inRange(n,t,e,o){const a=this.options.borderWidth/2;if("x"!==e&&"y"!==e){const e={mouseX:n,mouseY:t},{path:i,ctx:r}=this;if(i){Se(r,this.options);const{chart:a}=this.$context,s=n*a.currentDevicePixelRatio,l=t*a.currentDevicePixelRatio,c=r.isPointInStroke(i,s,l)||yo(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=uo(c)+uo(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 uo(t-f)+uo(e-p)<=o}(this,e,uo(a),o)||yo(this,e,o)}return function(n,{mouseX:t,mouseY:e},o,{hBorderWidth: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 r.value>=r.start-a&&r.value<=r.end+a||yo(n,{mouseX:t,mouseY:e},i,o)}(this,{mouseX:n,mouseY:t},e,{hBorderWidth:a,useFinalPosition:o})}getCenterPoint(n){return de(this,n)}draw(n){const{x:t,y:e,x2:o,y2:a,cp:i,options:r}=this;if(n.save(),!Se(n,r))return n.restore();De(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}=Oo(t),f={x:a,y:i},p={x:r,y:s},b=bo(f,e,p,0),v=bo(f,e,p,1)-ee.q,g=fo(f,e,p,u/o),m=fo(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,_o(n,g,{angle:b,adjust:u},c),_o(n,m,{angle:v,adjust:h},d)}(n,this,i,s),n.restore();const{startOpts:l,endOpts:c,startAdjust:d,endAdjust:u}=Oo(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(),ko(n,0,d,l),ko(n,s,-u,c),n.restore()}get label(){return this.elements&&this.elements[0]}resolveElementProperties(n,t){const e=Ue(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}=mo(n,t,e),{x:i,y:r}=mo(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=xe(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=me(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=Me(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=co(a,{x:n,y:t},e),n=a),ti&&(n=lo(i,{x:n,y:t},e),t=i),{x:n,y:t}}function yo(n,{mouseX:t,mouseY:e},o,a){const i=n.label;return i.options.display&&i.inRange(t,e,a,o)}function xo(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 wo(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 Oo(n){const t=n.options,e=t.arrowHeads&&t.arrowHeads.start,o=t.arrowHeads&&t.arrowHeads.end;return{startOpts:e,endOpts:o,startAdjust:Co(n,e),endAdjust:Co(n,o)}}function Co(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(lo(0,i,r))}function ko(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(),De(n,o),Se(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 _o(n,{x:t,y:e},{angle:o,adjust:a},i){i&&i.display&&(n.save(),n.translate(t,e),n.rotate(o),ko(n,0,-a,i),n.restore())}vo.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,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({},io.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,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},vo.descriptors={arrowHeads:{start:{_fallback:!0},end:{_fallback:!0},_fallback:!0}},vo.defaultRoutes={borderColor:"color"};class So extends Qt.c{inRange(n,t,e,o){const a=this.options.rotation,i=this.options.borderWidth;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=o/2||0,h=Math.cos(d),f=Math.sin(d),p=Math.pow(h*(n.x-r)+f*(n.y-s),2),b=Math.pow(f*(n.x-r)-h*(n.y-s),2);return p/Math.pow(l+u,2)+b/Math.pow(c+u,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=i/2,u="y"===e?{start:s,end:c}:{start:r,end:l},h=$e({x:n,y:t},this.getCenterPoint(o),Object(ee.Yb)(-a));return h[e]>=u.start-d-.001&&h[e]<=u.end+d+.001}getCenterPoint(n){return de(this,n)}draw(n){const{width:t,height:e,centerX:o,centerY:a,options:i}=this;n.save(),_e(n,this.getCenterPoint(),i.rotation),De(n,this.options),n.beginPath(),n.fillStyle=i.backgroundColor;const r=Se(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 ze(n,t)}}So.id="ellipseAnnotation",So.defaults={adjustScaleRange:!0,backgroundShadowColor:"transparent",borderDash:[],borderDashOffset:0,borderShadowColor:"transparent",borderWidth:1,display:!0,init:void 0,label:Object.assign({},oo.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},So.defaultRoutes={borderColor:"color",backgroundColor:"color"},So.descriptors={label:{_fallback:!0}};class Do 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;if("x"!==e&&"y"!==e)return function(n,t,e,o){if(!n||!t||e<=0)return!1;const a=o/2;return Math.pow(n.x-t.x,2)+Math.pow(n.y-t.y,2)<=Math.pow(e+a,2)}({x:n,y:t},this.getCenterPoint(o),l/2,c);const d=c/2,u="y"===e?{start:i,end:s,value:t}:{start:a,end:r,value:n};return u.value>=u.start-d&&u.value<=u.end+d}getCenterPoint(n){return de(this,n)}draw(n){const t=this.options,e=t.borderWidth;if(t.radius<.1)return;n.save(),n.fillStyle=t.backgroundColor,De(n,t);const o=Se(n,t);je(n,this,this.centerX,this.centerY),o&&!ke(t.pointStyle)&&(n.shadowColor=t.borderShadowColor,n.stroke()),n.restore(),t.borderWidth=e}resolveElementProperties(n,t){const e=Ve(n,t);return e.initProperties=xe(n,e,t),e}}Do.id="pointAnnotation",Do.defaults={adjustScaleRange:!0,backgroundShadowColor:"transparent",borderDash:[],borderDashOffset:0,borderShadowColor:"transparent",borderWidth:1,display:!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},Do.defaultRoutes={borderColor:"color",backgroundColor:"color"};class Mo 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 de(this,n)}draw(n){const{elements:t,options:e}=this;n.save(),n.beginPath(),n.fillStyle=e.backgroundColor,De(n,e);const o=Se(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=Ve(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."+Po[n].id,{_fallback:"plugins.annotation.common"})});const jo={update:Object.assign},Io=Xe.concat(Ge),To=(n,t)=>Object(ee.Nb)(t)?Wo(n,t):n,Eo=n=>"color"===n||"font"===n;function Lo(n="line"){return Po[n]?n:(console.warn(`Unknown annotation type: '${n}', defaulting to 'line'`),"line")}function No(n,t,e,o){const a=function(n,t,e){if("reset"===e||"none"===e||"resize"===e)return jo;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;tTo(n,a)):e[o]=To(i,a)}return e}function Fo(n,t,e){return t.$context||(t.$context=Object.assign(Object.create(n.getContext()),{element:t,id:e.id,type:"annotation"}))}const Bo=new Map,$o=Xe.concat(Ge);var Yo={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)no(e,t)}(o,n.scales)},afterDataLimits(n,t){const e=Bo.get(n);Ze(n,t.scale,e.annotations.filter(n=>n.display&&n.adjustScaleRange))},afterUpdate(n,t,e){const o=Bo.get(n);!function(n,t,e){t.listened=we(e,Xe,t.listeners),t.moveListened=!1,t._getElements=ae,Ye.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||Ye.forEach(e=>{Object(ee.K)(n[e])&&(t.listened=!0,t.moveListened=!0)})})}(0,o,e),No(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=we(e,Ge,t.hooks),t.hooked||o.forEach(n=>{t.hooked||Ge.forEach(e=>{Object(ee.K)(n.options[e])&&(t.hooked=!0)})})}(0,o,e)},beforeDatasetsDraw(n,t,e){Xo(n,"beforeDatasetsDraw",e.clip)},afterDatasetsDraw(n,t,e){Xo(n,"afterDatasetsDraw",e.clip)},beforeDraw(n,t,e){Xo(n,"beforeDraw",e.clip)},afterDraw(n,t,e){Xo(n,"afterDraw",e.clip)},beforeEvent(n,t,e){He(Bo.get(n),t.event,e)&&(t.changed=!0)},afterDestroy(n){Bo.delete(n)},_getState:n=>Bo.get(n),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."+Po[Lo(t.type)].id},interaction:{_fallback:!0},common:{label:{_indexable:Eo,_fallback:!0},_indexable:Eo}},additionalOptionScopes:[""]};function Xo(n,t,e){const{ctx:o,chartArea:a}=n,i=Bo.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)Ho(o,a,i,n);e&&Object(ee.a)(o)}function Ho(n,t,e,o){const a=o.element;o.main?(Ke(e,a,"beforeDraw"),a.draw(n,t),Ke(e,a,"afterDraw")):a.draw(n,t)}te.register(Yo),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"+Yo.version,n.chartArea.right,0),t.restore()}}),ee.Ib.set({elements:{line:{tension:.4}},plugins:{legend:!1}});let Jo=Date.now();function qo(n){Jo=n}function Go(n,t){return n=Object(ee.ac)(n,0),t=Object(ee.ac)(t,0),Jo=(9301*Jo+49297)%233280,n+Jo/233280*(t-n)}function Ko(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 Qo(){const n=new Image;return n.src="https://www.chartjs.org/chartjs-plugin-annotation/latest/favicon.png",n}let na=null;function ta(){if(na)return na;const n=document.createElement("canvas");return n.width=100,n.height=100,n.style.visibility="hidden",document.body.appendChild(n),na=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),na}function ea(){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 oa(){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 aa={Register:o,Defaults:a,Utils:i};r.a.mixin({created(){this.$chart=this.$chart||{},this.$chart.imports=aa}});var ia=e(55);const ra={redirectors:[{base:"/samples",alternative:["intro"]}]};var sa=[{},{},({Vue:n})=>{n.mixin({computed:{$dataBlock(){return this.$options.__data__block__}}})},{},{},{},({router:n,siteData:t})=>{const{routes:e=[]}=n.options,{redirectors:o=[]}=ra;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(ra.locales&&t.locales){const n=t.locales,e=Object.keys(n),a=e.map(t=>({key:t.replace(/^\/|\/$/,""),lang:n[t].lang}));"object"!=typeof ra.locales&&(ra.locales={});const{fallback:i,storage:r=!0}=ra.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(ia.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(ia.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}]})}],la=[];class ca 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(ca.prototype,{getPageAsyncComponent:ht,getLayoutAsyncComponent:ft,getAsyncComponent:pt,getVueComponent:bt});var da={install(n){const t=new ca;n.$vuepress=t,n.prototype.$vuepress=t}};function ua(n,t){const e=t.toLowerCase();return n.options.routes.some(n=>n.path.toLowerCase()===e)}var ha={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("")}},fa={functional:!0,props:{slotKey:String,required:!0},render:(n,{props:t,slots:e})=>n("div",{class:["content__"+t.slotKey]},e()[t.slotKey])},pa={computed:{openInNewWindowTitle(){return this.$themeLocaleConfig.openNewWindowText||"(opens new window)"}}},ba=(e(258),e(259),Object(zt.a)(pa,(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),va={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(da),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(ua(n,t.path))o();else if(/(\/|\.html)$/.test(t.path))if(/\/$/.test(t.path)){const e=t.path.replace(/\/$/,"")+".html";ua(n,e)?o(e):o()}else o();else{const e=t.path+"/",a=t.path+".html";ua(n,a)?o(a):ua(n,e)?o(e):o()}})}(e);const o={};try{await Promise.all(sa.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"},la.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.visibleElements.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));function le(n,t,e){for(const o of Object.keys(n))n[o]=se(n[o],t,e);return n}function ce(n,{x:t,y:e,x2:o,y2:a},i,r){const s=r/2,l=n.x>=t-s-.001&&n.x<=o+s+.001,c=n.y>=e-s-.001&&n.y<=a+s+.001;return"x"===i?l:("y"===i||l)&&c}function de(n,t){const{centerX:e,centerY:o}=n.getProps(["centerX","centerY"],t);return{x:e,y:o}}const ue=n=>"string"==typeof n&&n.endsWith("%"),he=n=>parseFloat(n)/100,fe=n=>se(he(n),0,1),pe=(n,t)=>({x:n,y:t,x2:n,y2:t,width:0,height:0}),be={box:n=>pe(n.centerX,n.centerY),ellipse:n=>({centerX:n.centerX,centerY:n.centerX,radius:0,width:0,height:0}),label:n=>pe(n.centerX,n.centerY),line:n=>pe(n.x,n.y),point:n=>({centerX:n.centerX,centerY:n.centerY,radius:0,width:0,height:0}),polygon:n=>pe(n.centerX,n.centerY)};function ve(n,t){return"start"===t?0:"end"===t?n:ue(t)?fe(t)*n:n/2}function ge(n,t,e=!0){return"number"==typeof t?t:ue(t)?(e?fe(t):he(t))*n:n}function me(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 ye(n){return n&&(Object(ee.Mb)(n.xValue)||Object(ee.Mb)(n.yValue))}function xe(n,t,e){const o=e.init;if(o)return!0===o?Oe(t,e):function(n,t,e){const o=Object(ee.r)(e.init,[{chart:n,properties:t,options:e}]);if(!0===o)return Oe(t,e);if(Object(ee.Nb)(o))return o}(n,t,e)}function we(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 Oe(n,t){const e=t.type||"line";return be[e](n)}const Ce=new Map;function ke(n){if(n&&"object"==typeof n){const t=n.toString();return"[object HTMLImageElement]"===t||"[object HTMLCanvasElement]"===t}}function _e(n,{x:t,y:e},o){o&&(n.translate(t,e),n.rotate(Object(ee.Yb)(o)),n.translate(-t,-e))}function Se(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 De(n,t){n.shadowColor=t.backgroundShadowColor,n.shadowBlur=t.shadowBlur,n.shadowOffsetX=t.shadowOffsetX,n.shadowOffsetY=t.shadowOffsetY}function Me(n,t){const e=t.content;if(ke(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 Ce.has(s)||Ce.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 je(n,t,e,o){const{radius:a,options:i}=t,r=i.pointStyle,s=i.rotation;let l=(s||0)*ee.Eb;if(ke(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 Te(n,t,e){return t="number"==typeof t?t:n.parse(t),Object(ee.Lb)(t)?n.getPixelForValue(t):e}function Ee(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 Le(n,t){if(n){const e=n.options.reverse;return{start:Te(n,t.min,e?t.end:t.start),end:Te(n,t.max,e?t.start:t.end)}}}function Ne(n,t){const{chartArea:e,scales:o}=n,a=o[Ee(o,t,"xScaleID")],i=o[Ee(o,t,"yScaleID")];let r=e.width/2,s=e.height/2;return a&&(r=Te(a,t.xValue,a.left+a.width/2)),i&&(s=Te(i,t.yValue,i.top+i.height/2)),{x:r,y:s}}function Re(n,t){const e=n.scales,o=e[Ee(e,t,"xScaleID")],a=e[Ee(e,t,"yScaleID")];if(!o&&!a)return{};let{left:i,right:r}=o||n.chartArea,{top:s,bottom:l}=a||n.chartArea;const c=We(o,{min:t.xMin,max:t.xMax,start:i,end:r});i=c.start,r=c.end;const d=We(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 Ve(n,t){if(!ye(t)){const e=Re(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=Ne(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 Ue(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=Te(n,e.value,NaN),a=Te(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[Ee(n,e,o)];if(a){const{min:n,max:i,start:r,end:s,startProp:l,endProp:c}=Ie[o],d=Le(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 ze(n,t){const e=Re(n,t);return e.initProperties=xe(n,e,t),e.elements=[{type:"label",optionScope:"label",properties:Be(n,e,t),initProperties:e.initProperties}],e}function We(n,t){const e=Le(n,t)||t;return{start:Math.min(e.start,e.end),end:Math.max(e.start,e.end)}}function Fe(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+ve(o-a-e-r-s-t.size,i)}function Be(n,t,e){const o=e.label;o.backgroundColor="transparent",o.callout.display=!1;const a=me(o.position),i=Object(ee.f)(o.padding),r=Me(n.ctx,o),s=function({properties:n,options:t},e,o,a){const{x:i,x2:r,width:s}=n;return Fe({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 Fe({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 Ye=["enter","leave"],Xe=Ye.concat("click");function He(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,t,e.interaction):[];const a=n.hovered;n.hovered=o;const i={state:n,event:t};let r=Je(i,"leave",a,o);return Je(i,"enter",o,a)||r}(n,t,e);case"click":return function(n,t,e){const o=n.listeners,a=ae(n,t,e.interaction);let i;for(const n of a)i=qe(n.options.click||o.click,n,t)||i;return i}(n,t,e)}}function Je({state:n,event:t},e,o,a){let i;for(const r of o)a.indexOf(r)<0&&(i=qe(r.options[e]||n.listeners[e],r,t)||i);return i}function qe(n,t,e){return!0===Object(ee.r)(n,[t.$context,e])}const Ge=["afterDraw","beforeDraw"];function Ke(n,t,e){if(n.hooked){const o=t.options[e]||n.hooks[e];return Object(ee.r)(o,[t.$context])}}function Ze(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?eo(s,t,["value","endValue"],r):Ee(n,s,i)===a&&eo(s,t,[o+"Min",o+"Max",o+"Value"],r);return r}(n.scales,t,e);let a=Qe(t,o,"min","suggestedMin");a=Qe(t,o,"max","suggestedMax")||a,a&&Object(ee.K)(t.handleTickRangeOptions)&&t.handleTickRangeOptions()}function Qe(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 no(n,t){for(const e of["scaleID","xScaleID","yScaleID"]){const o=Ee(t,n,e);o&&!t[o]&&to(n,e)&&console.warn(`No scale found with id '${o}' for annotation '${n.id}'`)}}function to(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 eo(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 oo 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 ce({x:a,y:i},this.getProps(["x","y","x2","y2"],o),e,this.options.borderWidth)}getCenterPoint(n){return de(this,n)}draw(n){n.save(),_e(n,this.getCenterPoint(),this.options.rotation),Ae(n,this,this.options),n.restore()}get label(){return this.elements&&this.elements[0]}resolveElementProperties(n,t){return ze(n,t)}}oo.id="boxAnnotation",oo.defaults={adjustScaleRange:!0,backgroundShadowColor:"transparent",borderCapStyle:"butt",borderDash:[],borderDashOffset:0,borderJoinStyle:"miter",borderRadius:0,borderShadowColor:"transparent",borderWidth:1,display:!0,init:void 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,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},oo.defaultRoutes={borderColor:"color",backgroundColor:"color"},oo.descriptors={label:{_fallback:!0}};const ao=["left","bottom","top","right"];class io 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 ce({x:a,y:i},this.getProps(["x","y","x2","y2"],o),e,this.options.borderWidth)}getCenterPoint(n){return de(this,n)}draw(n){const t=this.options,e=!Object(ee.Mb)(this._visible)||this._visible;t.display&&t.content&&e&&(n.save(),_e(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(ao.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),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:ao[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(!Se(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),Ae(n,this,t),Pe(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(ye(t))e=Ne(n,t);else{const{centerX:o,centerY:a}=Re(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=me(e.position,"center"),s=ro(n.x,a,e.xAdjust,r.x),l=ro(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,Me(n.ctx,t),t,o);return{initProperties:xe(n,a,t),pointX:e.x,pointY:e.y,...a,rotation:t.rotation}}}function ro(n,t,e=0,o){return n-ve(t,o)+e}io.id="labelAnnotation",io.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,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},io.defaultRoutes={borderColor:"color"};const so=(n,t,e)=>({x:n.x+e*(t.x-n.x),y:n.y+e*(t.y-n.y)}),lo=(n,t,e)=>so(t,e,Math.abs((n-t.y)/(e.y-t.y))).x,co=(n,t,e)=>so(t,e,Math.abs((n-t.x)/(e.x-t.x))).y,uo=n=>n*n,ho=(n,t,e,o)=>(1-o)*(1-o)*n+2*(1-o)*o*t+o*o*e,fo=(n,t,e,o)=>({x:ho(n.x,t.x,e.x,o),y:ho(n.y,t.y,e.y,o)}),po=(n,t,e,o)=>2*(1-o)*(t-n)+2*o*(e-t),bo=(n,t,e,o)=>-Math.atan2(po(n.x,t.x,e.x,o),po(n.y,t.y,e.y,o))+.5*ee.q;class vo extends Qt.c{inRange(n,t,e,o){const a=this.options.borderWidth/2;if("x"!==e&&"y"!==e){const e={mouseX:n,mouseY:t},{path:i,ctx:r}=this;if(i){Se(r,this.options);const{chart:a}=this.$context,s=n*a.currentDevicePixelRatio,l=t*a.currentDevicePixelRatio,c=r.isPointInStroke(i,s,l)||yo(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=uo(c)+uo(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 uo(t-f)+uo(e-p)<=o}(this,e,uo(a),o)||yo(this,e,o)}return function(n,{mouseX:t,mouseY:e},o,{hBorderWidth: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 r.value>=r.start-a&&r.value<=r.end+a||yo(n,{mouseX:t,mouseY:e},i,o)}(this,{mouseX:n,mouseY:t},e,{hBorderWidth:a,useFinalPosition:o})}getCenterPoint(n){return de(this,n)}draw(n){const{x:t,y:e,x2:o,y2:a,cp:i,options:r}=this;if(n.save(),!Se(n,r))return n.restore();De(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}=Oo(t),f={x:a,y:i},p={x:r,y:s},b=bo(f,e,p,0),v=bo(f,e,p,1)-ee.q,g=fo(f,e,p,u/o),m=fo(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,_o(n,g,{angle:b,adjust:u},c),_o(n,m,{angle:v,adjust:h},d)}(n,this,i,s),n.restore();const{startOpts:l,endOpts:c,startAdjust:d,endAdjust:u}=Oo(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(),ko(n,0,d,l),ko(n,s,-u,c),n.restore()}get label(){return this.elements&&this.elements[0]}resolveElementProperties(n,t){const e=Ue(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}=mo(n,t,e),{x:i,y:r}=mo(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=xe(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=me(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=Me(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=co(a,{x:n,y:t},e),n=a),ti&&(n=lo(i,{x:n,y:t},e),t=i),{x:n,y:t}}function yo(n,{mouseX:t,mouseY:e},o,a){const i=n.label;return i.options.display&&i.inRange(t,e,a,o)}function xo(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 wo(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 Oo(n){const t=n.options,e=t.arrowHeads&&t.arrowHeads.start,o=t.arrowHeads&&t.arrowHeads.end;return{startOpts:e,endOpts:o,startAdjust:Co(n,e),endAdjust:Co(n,o)}}function Co(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(lo(0,i,r))}function ko(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(),De(n,o),Se(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 _o(n,{x:t,y:e},{angle:o,adjust:a},i){i&&i.display&&(n.save(),n.translate(t,e),n.rotate(o),ko(n,0,-a,i),n.restore())}vo.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,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({},io.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,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},vo.descriptors={arrowHeads:{start:{_fallback:!0},end:{_fallback:!0},_fallback:!0}},vo.defaultRoutes={borderColor:"color"};class So extends Qt.c{inRange(n,t,e,o){const a=this.options.rotation,i=this.options.borderWidth;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=o/2||0,h=Math.cos(d),f=Math.sin(d),p=Math.pow(h*(n.x-r)+f*(n.y-s),2),b=Math.pow(f*(n.x-r)-h*(n.y-s),2);return p/Math.pow(l+u,2)+b/Math.pow(c+u,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=i/2,u="y"===e?{start:s,end:c}:{start:r,end:l},h=$e({x:n,y:t},this.getCenterPoint(o),Object(ee.Yb)(-a));return h[e]>=u.start-d-.001&&h[e]<=u.end+d+.001}getCenterPoint(n){return de(this,n)}draw(n){const{width:t,height:e,centerX:o,centerY:a,options:i}=this;n.save(),_e(n,this.getCenterPoint(),i.rotation),De(n,this.options),n.beginPath(),n.fillStyle=i.backgroundColor;const r=Se(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 ze(n,t)}}So.id="ellipseAnnotation",So.defaults={adjustScaleRange:!0,backgroundShadowColor:"transparent",borderDash:[],borderDashOffset:0,borderShadowColor:"transparent",borderWidth:1,display:!0,init:void 0,label:Object.assign({},oo.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},So.defaultRoutes={borderColor:"color",backgroundColor:"color"},So.descriptors={label:{_fallback:!0}};class Do 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;if("x"!==e&&"y"!==e)return function(n,t,e,o){if(!n||!t||e<=0)return!1;const a=o/2;return Math.pow(n.x-t.x,2)+Math.pow(n.y-t.y,2)<=Math.pow(e+a,2)}({x:n,y:t},this.getCenterPoint(o),l/2,c);const d=c/2,u="y"===e?{start:i,end:s,value:t}:{start:a,end:r,value:n};return u.value>=u.start-d&&u.value<=u.end+d}getCenterPoint(n){return de(this,n)}draw(n){const t=this.options,e=t.borderWidth;if(t.radius<.1)return;n.save(),n.fillStyle=t.backgroundColor,De(n,t);const o=Se(n,t);je(n,this,this.centerX,this.centerY),o&&!ke(t.pointStyle)&&(n.shadowColor=t.borderShadowColor,n.stroke()),n.restore(),t.borderWidth=e}resolveElementProperties(n,t){const e=Ve(n,t);return e.initProperties=xe(n,e,t),e}}Do.id="pointAnnotation",Do.defaults={adjustScaleRange:!0,backgroundShadowColor:"transparent",borderDash:[],borderDashOffset:0,borderShadowColor:"transparent",borderWidth:1,display:!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},Do.defaultRoutes={borderColor:"color",backgroundColor:"color"};class Mo 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 de(this,n)}draw(n){const{elements:t,options:e}=this;n.save(),n.beginPath(),n.fillStyle=e.backgroundColor,De(n,e);const o=Se(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=Ve(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."+Po[n].id,{_fallback:"plugins.annotation.common"})});const jo={update:Object.assign},Io=Xe.concat(Ge),To=(n,t)=>Object(ee.Nb)(t)?Wo(n,t):n,Eo=n=>"color"===n||"font"===n;function Lo(n="line"){return Po[n]?n:(console.warn(`Unknown annotation type: '${n}', defaulting to 'line'`),"line")}function No(n,t,e,o){const a=function(n,t,e){if("reset"===e||"none"===e||"resize"===e)return jo;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;tTo(n,a)):e[o]=To(i,a)}return e}function Fo(n,t,e){return t.$context||(t.$context=Object.assign(Object.create(n.getContext()),{element:t,id:e.id,type:"annotation"}))}const Bo=new Map,$o=Xe.concat(Ge);var Yo={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)no(e,t)}(o,n.scales)},afterDataLimits(n,t){const e=Bo.get(n);Ze(n,t.scale,e.annotations.filter(n=>n.display&&n.adjustScaleRange))},afterUpdate(n,t,e){const o=Bo.get(n);!function(n,t,e){t.listened=we(e,Xe,t.listeners),t.moveListened=!1,t._getElements=ae,Ye.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||Ye.forEach(e=>{Object(ee.K)(n[e])&&(t.listened=!0,t.moveListened=!0)})})}(0,o,e),No(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=we(e,Ge,t.hooks),t.hooked||o.forEach(n=>{t.hooked||Ge.forEach(e=>{Object(ee.K)(n.options[e])&&(t.hooked=!0)})})}(0,o,e)},beforeDatasetsDraw(n,t,e){Xo(n,"beforeDatasetsDraw",e.clip)},afterDatasetsDraw(n,t,e){Xo(n,"afterDatasetsDraw",e.clip)},beforeDraw(n,t,e){Xo(n,"beforeDraw",e.clip)},afterDraw(n,t,e){Xo(n,"afterDraw",e.clip)},beforeEvent(n,t,e){He(Bo.get(n),t.event,e)&&(t.changed=!0)},afterDestroy(n){Bo.delete(n)},_getState:n=>Bo.get(n),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."+Po[Lo(t.type)].id},interaction:{_fallback:!0},common:{label:{_indexable:Eo,_fallback:!0},_indexable:Eo}},additionalOptionScopes:[""]};function Xo(n,t,e){const{ctx:o,chartArea:a}=n,i=Bo.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)Ho(o,a,i,n);e&&Object(ee.a)(o)}function Ho(n,t,e,o){const a=o.element;o.main?(Ke(e,a,"beforeDraw"),a.draw(n,t),Ke(e,a,"afterDraw")):a.draw(n,t)}te.register(Yo),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"+Yo.version,n.chartArea.right,0),t.restore()}}),ee.Ib.set({elements:{line:{tension:.4}},plugins:{legend:!1}});let Jo=Date.now();function qo(n){Jo=n}function Go(n,t){return n=Object(ee.ac)(n,0),t=Object(ee.ac)(t,0),Jo=(9301*Jo+49297)%233280,n+Jo/233280*(t-n)}function Ko(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 Qo(){const n=new Image;return n.src="https://www.chartjs.org/chartjs-plugin-annotation/latest/favicon.png",n}let na=null;function ta(){if(na)return na;const n=document.createElement("canvas");return n.width=100,n.height=100,n.style.visibility="hidden",document.body.appendChild(n),na=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),na}function ea(){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 oa(){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 aa={Register:o,Defaults:a,Utils:i};r.a.mixin({created(){this.$chart=this.$chart||{},this.$chart.imports=aa}});var ia=e(55);const ra={redirectors:[{base:"/samples",alternative:["intro"]}]};var sa=[{},{},({Vue:n})=>{n.mixin({computed:{$dataBlock(){return this.$options.__data__block__}}})},{},{},{},({router:n,siteData:t})=>{const{routes:e=[]}=n.options,{redirectors:o=[]}=ra;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(ra.locales&&t.locales){const n=t.locales,e=Object.keys(n),a=e.map(t=>({key:t.replace(/^\/|\/$/,""),lang:n[t].lang}));"object"!=typeof ra.locales&&(ra.locales={});const{fallback:i,storage:r=!0}=ra.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(ia.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(ia.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}]})}],la=[];class ca 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(ca.prototype,{getPageAsyncComponent:ht,getLayoutAsyncComponent:ft,getAsyncComponent:pt,getVueComponent:bt});var da={install(n){const t=new ca;n.$vuepress=t,n.prototype.$vuepress=t}};function ua(n,t){const e=t.toLowerCase();return n.options.routes.some(n=>n.path.toLowerCase()===e)}var ha={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("")}},fa={functional:!0,props:{slotKey:String,required:!0},render:(n,{props:t,slots:e})=>n("div",{class:["content__"+t.slotKey]},e()[t.slotKey])},pa={computed:{openInNewWindowTitle(){return this.$themeLocaleConfig.openNewWindowText||"(opens new window)"}}},ba=(e(258),e(259),Object(zt.a)(pa,(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),va={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(da),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(ua(n,t.path))o();else if(/(\/|\.html)$/.test(t.path))if(/\/$/.test(t.path)){const e=t.path.replace(/\/$/,"")+".html";ua(n,e)?o(e):o()}else o();else{const e=t.path+"/",a=t.path+".html";ua(n,a)?o(a):ua(n,e)?o(e):o()}})}(e);const o={};try{await Promise.all(sa.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"},la.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 1d7957314..66d616961 100644 --- a/master/guide/configuration.html +++ b/master/guide/configuration.html @@ -7,7 +7,7 @@ - + @@ -65,7 +65,7 @@ height: number, radius?: number } -

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

# Events

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

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

TIP

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

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

# Hooks

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

These hooks enable some user customizations on the annotations.

Name Type Notes
beforeDraw (context) => void Called before that the annotation is being drawn.
afterDraw (context) => void Called after the annotation has been drawn.

+

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

# Events

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

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

TIP

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

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

# Hooks

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

These hooks enable some user customizations on the annotations.

Name Type Notes
beforeDraw (context) => void Called before that the annotation is being drawn.
afterDraw (context) => void Called after the annotation has been drawn.

← →

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

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

# Using issues

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

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

# Reporting bugs

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

Guidlines for reporting bugs:

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

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

# Local development

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

# Pull requests

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

Guidelines:

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

# License

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

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

    • # License

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

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

    # Getting Started

    DANGER

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

    An annotation plugin for Chart.js >= 4.0.0

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

    Banner

    # Installation

    > npm install chartjs-plugin-annotation
-

    Important Note

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

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

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

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

    +

    Important Note

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

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

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

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

    Integration →

    - + diff --git a/master/guide/integration.html b/master/guide/integration.html index 2995404f0..dd039462a 100644 --- a/master/guide/integration.html +++ b/master/guide/integration.html @@ -7,7 +7,7 @@ - + @@ -39,7 +39,7 @@

    # Bundlers (Webpack, Rollup, etc.)

    import { Chart } from 'chart.js';
 import annotationPlugin from 'chartjs-plugin-annotation';
 Chart.register(annotationPlugin);
-

    +

    ← →

    - + diff --git a/master/guide/migrationV1.html b/master/guide/migrationV1.html index 3d33c2ecc..06bc18aa3 100644 --- a/master/guide/migrationV1.html +++ b/master/guide/migrationV1.html @@ -7,7 +7,7 @@ - + @@ -54,11 +54,11 @@ } }):

    # Options

    # Plugin options

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

    # Element options

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

    # Line

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

    # Label

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

    # Event hooks

    • Event hooks are now supplied with single context parameter, containing chart and element properties. chart is the chart instance and element is the event target annotation element.
    • Events are now fired from beforeEvent hook.

    +

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

    # Label

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

    # Event hooks

    • Event hooks are now supplied with single context parameter, containing chart and element properties. chart is the chart instance and element is the event target annotation element.
    • Events are now fired from beforeEvent hook.

    ←

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

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

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

    • intersects
    • isOnLabel

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

    # Box annotation

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

    box

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

    # Ellipse annotation

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

    ellipse

    # Label annotation

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

    label

    # Line annotation

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

    line

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

    # Point annotation

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

    point

    # Polygon annotation

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

    polygon

    # Events

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

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

    # Types

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

    +

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

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

    • intersects
    • isOnLabel

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

    # Box annotation

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

    box

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

    # Ellipse annotation

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

    ellipse

    # Label annotation

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

    label

    # Line annotation

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

    line

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

    # Point annotation

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

    point

    # Polygon annotation

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

    polygon

    # Events

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

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

    # Types

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

    ← →

    - + diff --git a/master/guide/migrationV3.html b/master/guide/migrationV3.html index 16c70171d..61d633089 100644 --- a/master/guide/migrationV3.html +++ b/master/guide/migrationV3.html @@ -7,7 +7,7 @@ - + @@ -32,7 +32,7 @@ GitHub (opens new window)

    # 3.x Migration Guide

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

    # Chart.js version

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

    # Type changes

    • The init options callback return value types have been changed from void | boolean | AnnotationBoxModel to void | boolean | AnnotationElement.

    +The UMD bundle is still available.

    # Chart.js version

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

    # Type changes

    • The init options callback return value types have been changed from void | boolean | AnnotationBoxModel to void | boolean | AnnotationElement.

    ← →

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

    # 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
    • type: 'annotation'

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

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

    +};

    # Draw Time

    The drawTime option for an annotation determines where in the chart lifecycle the drawing occurs. Four potential 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.

    # 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
    • type: 'annotation'

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

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

    ← →

    - + diff --git a/master/guide/types/_commonInnerLabel.html b/master/guide/types/_commonInnerLabel.html index 5835feb0b..8948bd525 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 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.
    opacity number undefined Overrides the opacity of the image or canvas element. Could be set a number in the range 0.0 to 1.0, inclusive. If undefined, uses the opacity of the image or canvas element. It is used only when the content is an image or canvas element.
    padding Padding 6 The padding to add around the text label.
    position string|{x: string, y: string} 'center' Anchor position of label in the annotation.
    rotation number undefined Rotation of label, in degrees. If undefined, the annotation rotation is used.
    textAlign string 'start' Text alignment of label content when there's more than one line. Possible options are: 'left', 'start', 'center', 'end', 'right'.
    textStrokeColor Color undefined The color of the stroke around the text.
    textStrokeWidth number 0 Stroke width around the text.
    width number|string undefined Overrides the width of the image or canvas element. Could be set in pixel by a number, or in percentage of current width of image or canvas element by a string. If undefined, uses the width of the image or canvas element. It is used only when the content is an image or canvas element.
    xAdjust number 0 Adjustment along x-axis (left-right) of label relative to computed position. Negative values move the label left, positive right.
    yAdjust number 0 Adjustment along y-axis (top-bottom) of label relative to computed position. Negative values move the label up, positive down.
    z number 0 It determines the drawing stack level of the label element, with same drawTime.

    # Position

    A position can be set in 2 different values types:

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

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

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

    # Fonts and colors

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

    - + (opens new window)

    # Label

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

    All of these options can be Scriptable

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

    # Position

    A position can be set in 2 different values types:

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

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

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

    # Fonts and colors

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

    + diff --git a/master/guide/types/_commonOptions.html b/master/guide/types/_commonOptions.html index 1c07aca19..2ef625bdd 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 Yes 'afterDatasetsDraw'
    init boolean See initial animation undefined
    id string No undefined
    shadowBlur number Yes 0
    shadowOffsetX number Yes 0
    shadowOffsetY number Yes 0
    xMax number | string Yes undefined
    xMin number | string Yes undefined
    xScaleID string Yes undefined
    yMin number | string Yes undefined
    yMax number | string Yes undefined
    yScaleID string Yes undefined
    z number Yes 0
    - + (opens new window)

    # Common options to all annotations

    The following options are available for all annotations.

    Name Type Scriptable Default
    adjustScaleRange boolean Yes true
    backgroundColor Color Yes options.color
    borderColor Color Yes options.color
    borderDash number[] Yes []
    borderDashOffset number Yes 0
    borderShadowColor Color Yes 'transparent'
    display boolean Yes true
    drawTime string Yes 'afterDatasetsDraw'
    init boolean See initial animation undefined
    id string No undefined
    shadowBlur number Yes 0
    shadowOffsetX number Yes 0
    shadowOffsetY number Yes 0
    xMax number | string Yes undefined
    xMin number | string Yes undefined
    xScaleID string Yes undefined
    yMin number | string Yes undefined
    yMax number | string Yes undefined
    yScaleID string Yes undefined
    z number Yes 0
    + diff --git a/master/guide/types/box.html b/master/guide/types/box.html index dd9d175cb..3efc8d08f 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 Yes 'afterDatasetsDraw'
    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.
    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 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.
    opacity number undefined Overrides the opacity of the image or canvas element. Could be set a number in the range 0.0 to 1.0, inclusive. If undefined, uses the opacity of the image or canvas element. It is used only when the content is an image or canvas element.
    padding Padding 6 The padding to add around the text label.
    position string|{x: string, y: string} 'center' Anchor position of label in the annotation.
    rotation number undefined Rotation of label, in degrees. If undefined, the annotation rotation is used.
    textAlign string 'start' Text alignment of label content when there's more than one line. Possible options are: 'left', 'start', 'center', 'end', 'right'.
    textStrokeColor Color undefined The color of the stroke around the text.
    textStrokeWidth number 0 Stroke width around the text.
    width number|string undefined Overrides the width of the image or canvas element. Could be set in pixel by a number, or in percentage of current width of image or canvas element by a string. If undefined, uses the width of the image or canvas element. It is used only when the content is an image or canvas element.
    xAdjust number 0 Adjustment along x-axis (left-right) of label relative to computed position. Negative values move the label left, positive right.
    yAdjust number 0 Adjustment along y-axis (top-bottom) of label relative to computed position. Negative values move the label up, positive down.
    z number 0 It determines the drawing stack level of the label element, with same drawTime.

    # Position

    A position can be set in 2 different values types:

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

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

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

    # Fonts and colors

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

    # Element

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

    box

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

    +};

    # Configuration

    # Box annotation specific options

    The following options are available for box annotations.

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

    # Common options to all annotations

    The following options are available for all annotations.

    Name Type Scriptable Default
    adjustScaleRange boolean Yes true
    backgroundColor Color Yes options.color
    borderColor Color Yes options.color
    borderDash number[] Yes []
    borderDashOffset number Yes 0
    borderShadowColor Color Yes 'transparent'
    display boolean Yes true
    drawTime string Yes 'afterDatasetsDraw'
    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.
    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 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.
    opacity number undefined Overrides the opacity of the image or canvas element. Could be set a number in the range 0.0 to 1.0, inclusive. If undefined, uses the opacity of the image or canvas element. It is used only when the content is an image or canvas element.
    padding Padding 6 The padding to add around the text label.
    position string|{x: string, y: string} 'center' Anchor position of label in the annotation.
    rotation number undefined Rotation of label, in degrees. If undefined, the annotation rotation is used.
    textAlign string 'start' Text alignment of label content when there's more than one line. Possible options are: 'left', 'start', 'center', 'end', 'right'.
    textStrokeColor Color undefined The color of the stroke around the text.
    textStrokeWidth number 0 Stroke width around the text.
    width number|string undefined Overrides the width of the image or canvas element. Could be set in pixel by a number, or in percentage of current width of image or canvas element by a string. If undefined, uses the width of the image or canvas element. It is used only when the content is an image or canvas element.
    xAdjust number 0 Adjustment along x-axis (left-right) of label relative to computed position. Negative values move the label left, positive right.
    yAdjust number 0 Adjustment along y-axis (top-bottom) of label relative to computed position. Negative values move the label up, positive down.
    z number 0 It determines the drawing stack level of the label element, with same drawTime.

    # Position

    A position can be set in 2 different values types:

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

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

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

    # Fonts and colors

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

    # Element

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

    box

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

    ← →

    - + diff --git a/master/guide/types/ellipse.html b/master/guide/types/ellipse.html index eadc9d9fe..a3976ebf2 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 Yes 'afterDatasetsDraw'
    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.
    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 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.
    opacity number undefined Overrides the opacity of the image or canvas element. Could be set a number in the range 0.0 to 1.0, inclusive. If undefined, uses the opacity of the image or canvas element. It is used only when the content is an image or canvas element.
    padding Padding 6 The padding to add around the text label.
    position string|{x: string, y: string} 'center' Anchor position of label in the annotation.
    rotation number undefined Rotation of label, in degrees. If undefined, the annotation rotation is used.
    textAlign string 'start' Text alignment of label content when there's more than one line. Possible options are: 'left', 'start', 'center', 'end', 'right'.
    textStrokeColor Color undefined The color of the stroke around the text.
    textStrokeWidth number 0 Stroke width around the text.
    width number|string undefined Overrides the width of the image or canvas element. Could be set in pixel by a number, or in percentage of current width of image or canvas element by a string. If undefined, uses the width of the image or canvas element. It is used only when the content is an image or canvas element.
    xAdjust number 0 Adjustment along x-axis (left-right) of label relative to computed position. Negative values move the label left, positive right.
    yAdjust number 0 Adjustment along y-axis (top-bottom) of label relative to computed position. Negative values move the label up, positive down.
    z number 0 It determines the drawing stack level of the label element, with same drawTime.

    # Position

    A position can be set in 2 different values types:

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

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

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

    # Fonts and colors

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

    # Element

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

    ellipse

    +};

    # Configuration

    # Ellipse annotation specific options

    The following options are available for ellipse annotations.

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

    # Common options to all annotations

    The following options are available for all annotations.

    Name Type Scriptable Default
    adjustScaleRange boolean Yes true
    backgroundColor Color Yes options.color
    borderColor Color Yes options.color
    borderDash number[] Yes []
    borderDashOffset number Yes 0
    borderShadowColor Color Yes 'transparent'
    display boolean Yes true
    drawTime string Yes 'afterDatasetsDraw'
    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.
    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 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.
    opacity number undefined Overrides the opacity of the image or canvas element. Could be set a number in the range 0.0 to 1.0, inclusive. If undefined, uses the opacity of the image or canvas element. It is used only when the content is an image or canvas element.
    padding Padding 6 The padding to add around the text label.
    position string|{x: string, y: string} 'center' Anchor position of label in the annotation.
    rotation number undefined Rotation of label, in degrees. If undefined, the annotation rotation is used.
    textAlign string 'start' Text alignment of label content when there's more than one line. Possible options are: 'left', 'start', 'center', 'end', 'right'.
    textStrokeColor Color undefined The color of the stroke around the text.
    textStrokeWidth number 0 Stroke width around the text.
    width number|string undefined Overrides the width of the image or canvas element. Could be set in pixel by a number, or in percentage of current width of image or canvas element by a string. If undefined, uses the width of the image or canvas element. It is used only when the content is an image or canvas element.
    xAdjust number 0 Adjustment along x-axis (left-right) of label relative to computed position. Negative values move the label left, positive right.
    yAdjust number 0 Adjustment along y-axis (top-bottom) of label relative to computed position. Negative values move the label up, positive down.
    z number 0 It determines the drawing stack level of the label element, with same drawTime.

    # Position

    A position can be set in 2 different values types:

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

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

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

    # Fonts and colors

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

    # Element

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

    ellipse

    ← →

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

    All of these options can be Scriptable.

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

    # Element

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

    label

    +};

    All of these options can be Scriptable.

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

    # Element

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

    label

    ← →

    - + diff --git a/master/guide/types/line.html b/master/guide/types/line.html index c5540946e..5dda695bb 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 Yes 'afterDatasetsDraw'
    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.
    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 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.
    opacity number undefined Overrides the opacity of the image or canvas element. Could be set a number in the range 0.0 to 1.0, inclusive. If undefined, uses the opacity of the image or canvas element. It is used only when the content is an image or canvas element.
    padding Padding 6 The padding to add around the text label.
    position string 'center' Anchor position of label on line. Possible options are: 'start', 'center', 'end'. It can be set by a string in percentage format 'number%' which are representing the percentage on the width of the line where the label will be located.
    rotation number|'auto' 0 Rotation of label, in degrees, or 'auto' to use the degrees of the line.
    shadowBlur number 0 The amount of blur applied to shadow of the box where the label is located. See MDN (opens new window).
    shadowOffsetX number 0 The distance that shadow, of the box where the label is located, will be offset horizontally. See MDN (opens new window).
    shadowOffsetY number 0 The distance that shadow, of the box where the label is located, will be offset vertically. See MDN (opens new window).
    textAlign string 'center' Text alignment of label content when there's more than one line. Possible options are: 'start', 'center', 'end'.
    textStrokeColor Color undefined The color of the stroke around the text.
    textStrokeWidth number 0 Stroke width around the text.
    width number|string undefined Overrides the width of the image or canvas element. Could be set in pixel by a number, or in percentage of current width of image or canvas element by a string. If undefined, uses the width of the image or canvas element. It is used only when the content is an image or canvas element.
    xAdjust number 0 Adjustment along x-axis (left-right) of label relative to computed position. Negative values move the label left, positive right.
    yAdjust number 0 Adjustment along y-axis (top-bottom) of label relative to computed position. Negative values move the label up, positive down.
    z number 0 It determines the drawing stack level of the label element, with same drawTime.

    # borderRadius

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

    # Fonts and colors

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

    # Callout

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

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

    All of these options can be Scriptable.

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

    # Arrow heads

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

    All of these options can be Scriptable

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

    # Arrow head configuration

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

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

    All of these options can be Scriptable

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

    # Element

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

    line

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

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

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

    # Positioning

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

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

    Name Description
    adjustScaleRange Should the scale range be adjusted if this annotation is out of range.
    controlPoint if curve is enabled, it configures the control point to drawn the curve, calculated in pixels. It can be set by a string in percentage format 'number%' which are representing the percentage of the distance between the start and end point from the center.
    curve Whether or not a quadratic Bézier curve (opens new window) is drawn.
    display Whether or not this annotation is visible.
    drawTime See drawTime.
    endValue End two of the line when a single scale is specified.
    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 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.
    opacity number undefined Overrides the opacity of the image or canvas element. Could be set a number in the range 0.0 to 1.0, inclusive. If undefined, uses the opacity of the image or canvas element. It is used only when the content is an image or canvas element.
    padding Padding 6 The padding to add around the text label.
    position string 'center' Anchor position of label on line. Possible options are: 'start', 'center', 'end'. It can be set by a string in percentage format 'number%' which are representing the percentage on the width of the line where the label will be located.
    rotation number|'auto' 0 Rotation of label, in degrees, or 'auto' to use the degrees of the line.
    shadowBlur number 0 The amount of blur applied to shadow of the box where the label is located. See MDN (opens new window).
    shadowOffsetX number 0 The distance that shadow, of the box where the label is located, will be offset horizontally. See MDN (opens new window).
    shadowOffsetY number 0 The distance that shadow, of the box where the label is located, will be offset vertically. See MDN (opens new window).
    textAlign string 'center' Text alignment of label content when there's more than one line. Possible options are: 'start', 'center', 'end'.
    textStrokeColor Color undefined The color of the stroke around the text.
    textStrokeWidth number 0 Stroke width around the text.
    width number|string undefined Overrides the width of the image or canvas element. Could be set in pixel by a number, or in percentage of current width of image or canvas element by a string. If undefined, uses the width of the image or canvas element. It is used only when the content is an image or canvas element.
    xAdjust number 0 Adjustment along x-axis (left-right) of label relative to computed position. Negative values move the label left, positive right.
    yAdjust number 0 Adjustment along y-axis (top-bottom) of label relative to computed position. Negative values move the label up, positive down.
    z number 0 It determines the drawing stack level of the label element, with same drawTime.

    # borderRadius

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

    # Fonts and colors

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

    # Callout

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

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

    All of these options can be Scriptable.

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

    # Arrow heads

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

    All of these options can be Scriptable

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

    # Arrow head configuration

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

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

    All of these options can be Scriptable

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

    # Element

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

    line

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

    ← →

    - + diff --git a/master/guide/types/point.html b/master/guide/types/point.html index 63cac5e24..6227bd54d 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 Yes 'afterDatasetsDraw'
    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.
    id Identifies a unique id for the annotation and it will be stored in the element context. When the annotations are defined by an object, the id is automatically set using the key used to store the annotations in the object. When the annotations are configured by an array, the id, passed by this option in the annotation, will be used.
    radius Size of the point in pixels.
    rotation Rotation of point, in degrees.
    xAdjust Adjustment along x-axis (left-right) of point relative to computed position. Negative values move the point left, positive right.
    xMax Right edge of the box in units along the x axis.
    xMin Left edge of the box in units along the x axis.
    xScaleID ID of the X scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as 'x' axis. If more than one scale has been defined in the chart as 'x' axis, the option is mandatory to select the right scale.
    xValue X coordinate of the point in units along the x axis.
    yAdjust Adjustment along y-axis (top-bottom) of point relative to computed position. Negative values move the point up, positive down.
    yMax Bottom edge of the box in units along the y axis.
    yMin Top edge of the box in units along the y axis.
    yScaleID ID of the Y scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as 'y' axis. If more than one scale has been defined in the chart as 'y' axis, the option is mandatory to select the right scale.
    yValue Y coordinate of the point in units along the y axis.
    z The z property determines the drawing stack level of the point annotation element. All visible elements will be drawn in ascending order of z option, with the same drawTime option.

    # Styling

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

    # Element

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

    point

    +};

    # Configuration

    # Point annotation specific options

    The following options are available for point annotations.

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

    # Common options to all annotations

    The following options are available for all annotations.

    Name Type Scriptable Default
    adjustScaleRange boolean Yes true
    backgroundColor Color Yes options.color
    borderColor Color Yes options.color
    borderDash number[] Yes []
    borderDashOffset number Yes 0
    borderShadowColor Color Yes 'transparent'
    display boolean Yes true
    drawTime string Yes 'afterDatasetsDraw'
    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.
    id Identifies a unique id for the annotation and it will be stored in the element context. When the annotations are defined by an object, the id is automatically set using the key used to store the annotations in the object. When the annotations are configured by an array, the id, passed by this option in the annotation, will be used.
    radius Size of the point in pixels.
    rotation Rotation of point, in degrees.
    xAdjust Adjustment along x-axis (left-right) of point relative to computed position. Negative values move the point left, positive right.
    xMax Right edge of the box in units along the x axis.
    xMin Left edge of the box in units along the x axis.
    xScaleID ID of the X scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as 'x' axis. If more than one scale has been defined in the chart as 'x' axis, the option is mandatory to select the right scale.
    xValue X coordinate of the point in units along the x axis.
    yAdjust Adjustment along y-axis (top-bottom) of point relative to computed position. Negative values move the point up, positive down.
    yMax Bottom edge of the box in units along the y axis.
    yMin Top edge of the box in units along the y axis.
    yScaleID ID of the Y scale to bind onto. If missing, the plugin will try to use the scale of the chart, configured as 'y' axis. If more than one scale has been defined in the chart as 'y' axis, the option is mandatory to select the right scale.
    yValue Y coordinate of the point in units along the y axis.
    z The z property determines the drawing stack level of the point annotation element. All visible elements will be drawn in ascending order of z option, with the same drawTime option.

    # Styling

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

    # Element

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

    point

    ← →

    - + diff --git a/master/guide/types/polygon.html b/master/guide/types/polygon.html index 0237297a4..ed2a4bfbe 100644 --- a/master/guide/types/polygon.html +++ b/master/guide/types/polygon.html @@ -7,7 +7,7 @@ - + @@ -163,7 +163,7 @@ }] }, options -};

    # Element

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

    polygon

    +};

    # Element

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

    polygon

    ← →

    - + diff --git a/master/guide/usage.html b/master/guide/usage.html index 5d7e45617..68da53b94 100644 --- a/master/guide/usage.html +++ b/master/guide/usage.html @@ -7,7 +7,7 @@ - + @@ -91,7 +91,7 @@ } } } -};

    +};

    ← →

    - + diff --git a/master/index.html b/master/index.html index a112d4285..4331009c0 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 6d045d2f6..6c3762683 100644 --- a/master/samples/box/basic.html +++ b/master/samples/box/basic.html @@ -7,7 +7,7 @@ - + @@ -141,7 +141,7 @@ }, { data: Utils.points({count: DATA_COUNT, min: MIN[1], max: MAX[1]}) }] -};

    +};

    ← →

    - + diff --git a/master/samples/box/canvas.html b/master/samples/box/canvas.html index dde66fd20..44690176a 100644 --- a/master/samples/box/canvas.html +++ b/master/samples/box/canvas.html @@ -7,7 +7,7 @@ - + @@ -149,7 +149,7 @@ datasets: [{ data: Utils.numbers(numberCfg) }] -};

    +};

    ← →

    - + diff --git a/master/samples/box/disclosure.html b/master/samples/box/disclosure.html index bad490ea5..bf837ff3a 100644 --- a/master/samples/box/disclosure.html +++ b/master/samples/box/disclosure.html @@ -7,7 +7,7 @@ - + @@ -107,7 +107,7 @@ datasets: [{ data: Utils.numbers(numberCfg) }] -};

    +};

    ← →

    - + diff --git a/master/samples/box/gradient.html b/master/samples/box/gradient.html index 7693e4dc1..e0e1faaba 100644 --- a/master/samples/box/gradient.html +++ b/master/samples/box/gradient.html @@ -7,7 +7,7 @@ - + @@ -433,7 +433,7 @@ data: randomize(), pointRadius: 8 }] -};

    +};

    ← →

    - + diff --git a/master/samples/box/image.html b/master/samples/box/image.html index ba97348f8..6a010a350 100644 --- a/master/samples/box/image.html +++ b/master/samples/box/image.html @@ -7,7 +7,7 @@ - + @@ -121,7 +121,7 @@ datasets: [{ data: Utils.numbers(numberCfg) }] -};

    +};

    ← →

    - + diff --git a/master/samples/box/initAnim.html b/master/samples/box/initAnim.html index f9a8a4310..3e76633b9 100644 --- a/master/samples/box/initAnim.html +++ b/master/samples/box/initAnim.html @@ -7,7 +7,7 @@ - + @@ -197,7 +197,7 @@ datasets: [{ data: Utils.numbers(numberCfg) }] -};

    +};

    ← →

    - + diff --git a/master/samples/box/quarters.html b/master/samples/box/quarters.html index 038b0046a..d7005f0bd 100644 --- a/master/samples/box/quarters.html +++ b/master/samples/box/quarters.html @@ -7,7 +7,7 @@ - + @@ -229,7 +229,7 @@ datasets: [{ data: Utils.numbers(numberCfg) }] -};

    +};

    ← →

    - + diff --git a/master/samples/charts/bar.html b/master/samples/charts/bar.html index dd0071267..6a6efd25b 100644 --- a/master/samples/charts/bar.html +++ b/master/samples/charts/bar.html @@ -7,7 +7,7 @@ - + @@ -173,7 +173,7 @@ }, { data: Utils.numbers(numberCfg), }] -};

    +};

    ← →

    - + diff --git a/master/samples/charts/line.html b/master/samples/charts/line.html index e77783b22..da7efc405 100644 --- a/master/samples/charts/line.html +++ b/master/samples/charts/line.html @@ -7,7 +7,7 @@ - + @@ -179,7 +179,7 @@ }, { data: Utils.numbers(numberCfg), }] -};

    +};

    ← →

    - + diff --git a/master/samples/ellipse/basic.html b/master/samples/ellipse/basic.html index 2f4065e7f..b036ba54c 100644 --- a/master/samples/ellipse/basic.html +++ b/master/samples/ellipse/basic.html @@ -7,7 +7,7 @@ - + @@ -137,7 +137,7 @@ }, { data: Utils.points({count: DATA_COUNT, min: MIN[1], max: MAX[1]}) }] -};

    +};

    ← →

    - + diff --git a/master/samples/ellipse/image.html b/master/samples/ellipse/image.html index cde2c24d9..1448ed0c3 100644 --- a/master/samples/ellipse/image.html +++ b/master/samples/ellipse/image.html @@ -7,7 +7,7 @@ - + @@ -121,7 +121,7 @@ datasets: [{ data: Utils.numbers(numberCfg) }] -};

    +};

    ← →

    - + diff --git a/master/samples/ellipse/label.html b/master/samples/ellipse/label.html index 338b3c625..9019c25ff 100644 --- a/master/samples/ellipse/label.html +++ b/master/samples/ellipse/label.html @@ -7,7 +7,7 @@ - + @@ -113,7 +113,7 @@ datasets: [{ data: Utils.numbers(numberCfg) }] -};

    +};

    ← →

    - + diff --git a/master/samples/ellipse/rotation.html b/master/samples/ellipse/rotation.html index 396ed9354..ee7ea19cf 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 1d21f3bd8..dd36abc5c 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 37ad024af..7902bb66f 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 80204eb7c..e9346d0b8 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 d3f1e8304..483e96c9f 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 6ae2d2498..9461704b0 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 2ccc5fe7e..59d09cede 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 c29326692..8048e47ce 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 952164128..9057d0378 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 90a1661ed..71822a639 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 17f44e237..2fade29d6 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 99bc8f7c1..739896190 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 c17edc39d..233f7f948 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 bed986b78..d316add9e 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 7e4692053..a6ee4eb7d 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 589af609b..72d919a80 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 b84fa8076..3e97f00c9 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 edb9eccd8..e0482108b 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 c2bdeac65..a6aad8103 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 18235b2fd..ee8682cee 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 99ce52248..68e044da2 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 df7aa48c3..6c9c24ca3 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 8c9c6ef2b..2ecfaeec5 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 dc0b28d99..1005dfc74 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 f52352e82..251cd2937 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 a9cce999b..2ec7404d0 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 add55b76e..c9de7932d 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 dc3668cab..4c54af4f2 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 d6afec559..9cbd1650d 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 d9c82b5a0..066f893e2 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 a0aedbd9d..62bec02ff 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 7801fd502..6c0801429 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 e87910a31..c2bfa8f51 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 99450330c..9cdbe8437 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 101c277e2..a6abaacf5 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 9d99ed0e9..e9a70ba4e 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 3e39074c1..75dd62085 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 5785d0614..38c8ebdac 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 0912a8b90..1524990c5 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)

    ←

    - +